.container-fluid {
    padding-left:5px!important;
    padding-right:5px!important;
}

.pac12 {
    padding: 0 0 0 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0 !important;
    color: #6c757d;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 2rem;
    font-weight: 500;
    font-size: 17px;
}

.headerx {
    font-size: 2.7rem !important;
    font-weight: 700;
    color: #0BC268;
    line-height: 1.2em;
    margin-bottom: 0.5rem;
}

.card-body {
    margin-bottom: 0 !important;
}

.btnhover:hover {
    background: #007666 !important;
}

.sub-headerx {
    font-size: 1.3rem !important;
    line-height: 1.4em;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #414957;
}

#coInsuredContainer #buttonSecondStage {
    display: none;
}

#coInsuredContainer #divVariants #variantsContainer {
    background-color: #fff;
    box-shadow: 0 0 10px 1px #ddd;
    border-radius: 2.5rem !important;
    padding: 2.5rem;
}

.fontbold {
    font-weight: bold !important;
}

.display-inlineblock {
    display: inline-block;
}

.btnGo {
    border: none !important;
    padding: 15px 20px;
    font-size: 15px;
    margin-top: 2.5rem;
    color: #ffffff;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    background: #0bc268;
    border-radius: 2em;
    width: 200px;
    margin: 20px 60px 20px 0;
}

.font13 {
    font-size: 13px;
}

.sb1 {
    text-align: center;
    background-color: #d7dadf;
}

.sb123 {
    text-align: center;
    background-color: #d7dadf;
    width: 25%;
}

.mb10 {
    margin-bottom: 10px;
}

.sb2 {
    text-align: center;
    background-color: #f7f7f7;
}

.cb1 {
    font-weight: 500;
    font-size: 13px;
}

@media (max-width: 768px) {


    .pup1 {
        margin-top: 0 !important;
        margin: 0 !important;
    }

    .spaceX1 {
        display: none !important;
    }
}

@media(max-width:600px) {
    #buttonFirstStageNext {
        margin: auto !important;
        float: none !important;
    }

    .bpt1 {
        justify-content: center !important
    }

    .bpt2 {
        margin: auto auto 20px !important;
    }
}



@media(max-width:565px) {
    .colaDate {
        justify-content: center !important;
    }

    .colaDate2 {
        margin-right: 0 !important;
    }
}

.mb40 {
    margin-bottom: 40px;
}





.cb11 {
    font-weight: 500;
    font-size: 13px;
    line-height: 35px;
}

.txl {
    text-align: left;
}

.lnx2 {
    line-height: 21px !important;
    font-size: 16px;
    font-weight: 600;
}

.lnx {
    line-height: 35px !important;
    font-size: 16px;
    font-weight: 600;
}

.csx {
    width: 2px !important;
    min-width: 2px !important;
    max-width: 2px !important;
    padding: 0 0 0 0 !important;
}

#colophon a {
    color: #fff;
}

.baba1 {
    background-color: #0bc268;
    border-radius: 2.5rem;
}

.baba2 {
    font-size: 1.525rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 2rem;
    color: #fff;
    margin-bottom: 0
}

.baba3 {
    font-size: 1.15rem;
    line-height: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: #ffffffe6;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.baba4 {
    margin-top: 6px;
    font-size: 1.15rem;
}

.bibi1 {
    margin-top: 10px;
    background-color: #ffffffe6 !important;
    border-color: #fff !important
}

.br2 {
    color: #0bc268 !important;
    text-decoration: underline !important;
    font-weight: bold;
    font-size: 15px;
}

.ibra2 {
    position: absolute;
    line-height: 25px;
    margin-left: 15px;
    font-size: 30px;
    margin-top: -3px
}

.cwcw {
    color: #6c757d;
    font-weight: 500;
    font-size: 14px;
}

.des1 {
    margin-top: 0.5rem;
    color: rgb(65, 73, 87);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.prof1 {
    margin-left: auto;
    margin-right: auto;
    color: #6c757d;
    font-weight: 500;
    line-height: initial;
    font-size: 14px;
}

.btnAddBen {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: #fff;
    color: #0bc268;
    font-size: 14px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    background: #F7F7F7 !important;
    border-radius: 2em;
    float: left;
    width: 270px;
    border: 2px solid;
    margin-top: 10px;
    background: transparent !important;
}

.btnAddBen5 {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: #fff;
    color: #0bc268;
    font-size: 14px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    border-radius: 2em;
    float: left;
    width: 270px;
    border: 2px solid;
    margin-top: 10px;
    background: transparent !important;
}

.btnAddBen {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: #fff;
    color: #0bc268;
    font-size: 14px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    background: transparent !important;
    border-radius: 2em;
    float: left;
    width: 330px;
    border: 2px solid;
    margin-top: 10px
}

.fa.ibra1 {
    color: #fff !important;
}

.bghover:hover {
    color: #007666 !important;
}

.bra1 {
    color: #fff !important;
    text-decoration: underline !important;
    font-weight: bold;
    font-size: 15px;
}

.ibra1 {
    color: #fff !important;
    position: absolute;
    line-height: 25px;
    margin-left: 15px;
    font-size: 30px;
    margin-top: -3px
}

.lilu1 {
    margin-top: 1.5rem;
    margin-top: 0.75rem;
    margin-top: 0.875rem;
    color: #6c757d;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5rem;
}

.baba5 {
    margin-left: 0.25rem;
    font-size: 14px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    color: #ffffffe6
}

.baba6 {
    color: #fff;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 600;
    letter-spacing: -0.025em;
    margin-right: 10px
}

#colophon ul {
    list-style: none !important;
}

.checkbox-wrapper > .input-wrapper.fake-input-wrapper::after {
    content: url(../images/checkbox-checked.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -8px;
    opacity: 0;
}

.checkbox-wrapper > .input-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 31px;
    height: 31px;
    border: 1px solid #E8E8E8;
    background-color: #FFF;
}

    .checkbox-wrapper > .input-wrapper label.fake-input {
        z-index: 2;
        background-color: transparent;
    }

    .checkbox-wrapper > .input-wrapper .fake-input {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #FFF;
        cursor: pointer;
    }




li.ciastko::marker {
    color: #fff;
}

li.ciastko2::marker {
    color: #6c757d;
}

tr td:not(:first-child):not(:nth-child(2)):not(:nth-child(4)):not(:nth-child(6)):not(:nth-child(8)):not(:nth-child(10)):not(:nth-child(12)):not(:nth-child(14)) {
    background-color: white;
}

.buy-product ol li {
    counter-increment: count;
    padding: 4px 0 1.4em 2.5em;
    position: relative;
    margin: 0;
}

.spbt {
    border: none !important;
    padding: 20px;
    font-size: 15px;
    margin-top: 2.5rem;
    color: #ffffff;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    background: #0bc268;
    border-radius: 2em;
    width: 200px;
    margin: 10px 60px 20px 0;
}

.softBlack {
    color: rgb(65, 73, 87) !important;
}

.softBlack4 {
    color: #6c757d !important;
    font-weight: 500;
    margin-top: 10px;
    margin-left: 18px;
}

.mleft18 {
    margin-left: 18px;
}

.softBlack2 {
    color: rgb(65, 73, 87);
    font-size: 17px;
}

.buy-product ol li::before {
    content: counter(count);
    position: absolute;
    top: 0;
    left: 0;
    width: 2em;
    height: 2em;
    text-align: center;
    line-height: 1.95em;
    border: 1px solid #0BC268;
    border-radius: 50%;
    color: #0BC268;
    font-weight: bold;
}

.button {
    display: inline-block;
    font-weight: bold;
    padding: 0.6em 12%;
    max-width: 100%;
    border-radius: 2em;
    background-color: #0BC268;
    color: #FFF;
    position: relative;
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}


tr {
    padding: 15px 10px;
    border-bottom: 1px solid #b7bcc5;
}



@media (max-width:1300px) {
    #mainTd {
        max-width: 30% !important;
    }
}



.a {
    fill: #0bc268;
}

.html {
    font-family: "Poppins",sans-serif !important;
    line-height: initial !important;
}

* {
    line-height: initial !important;
}

span {
    line-height: initial !important;
}

body {
    font-family: "Poppins", sans-serif !important;
    color: rgb(65, 73, 87);
}

li::marker {
    color: rgb(65, 73, 87);
}

.smsform {
    width: 67px;
    border-radius: 12px !important;
    text-align: center !important;
    padding: 0 !important;
    height: 100px;
    color: rgb(65, 73, 87) !important;
    font-size: 67px;
    background-color: #fff !important;
    box-shadow: 0 0 1px 0.5px #ddd !important;
}

#heading {
    text-transform: uppercase;
    color: #673AB7;
    font-weight: normal;
}

.centered-div {
    width: 90%;
    /* Add other styles as needed */
}

.bal1 {
    font-weight: 500;
    color: #6c757d;
    font-size: 16px;
    line-height: 22px;
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px;
}

    #msform fieldset {
        background: white;
        border: 0 none;
        border-radius: 0.5rem;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding-bottom: 20px;
        position: relative;
    }









.mtop15 {
    margin-top: 15px;
}




.radio-button input[type="radio"] {
    display: none; /* Hide the default radio button */
}

.radio-button .custom-radio {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: 1px solid #c7d3d0;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    background: #fff;
}

    .radio-button .custom-radio.checked {
        border-color: #0bc268; /* Change the border color of the checked radio button */
    }

        .radio-button .custom-radio.checked::after {
            content: "";
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background-color: #0bc268;
            position: absolute;
            top: 6px;
            left: 6px;
        }

.mleft25 {
    margin-left: 25px;
}

.form-card {
    text-align: left;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

#msform input, #msform textarea {
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    background-color: #ECEFF1;
    font-size: 16px;
}

    #msform input:focus, #msform textarea:focus {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: 1px solid #673AB7;
        outline-width: 0;
    }

/*Next Buttons*/
#msform .action-button {
    width: 100px;
    background: #673AB7;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    float: right;
}

    #msform .action-button:hover, #msform .action-button:focus {
        background-color: #311B92;
    }

/*Previous Buttons*/
#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right;
}

    #msform .action-button-previous:hover, #msform .action-button-previous:focus {
        background-color: #000000;
    }

/*The background card*/
.card {
    z-index: 0;
    border: none;
    position: relative;
}

.fs14 {
    font-size: 14px;
}

.propa3 {
    margin-top: 5px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 15px
}

.xp4 {
    margin-bottom: 5px;
    font-size: 15px;
    color: #0bc268 !important
}

.olix2 {
    font-weight: 500;
    color: #6c757d;
    font-size: 14px;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0;
}

.lip3 {
    font-size: 13px;
    line-height: initial
}

.beb2 {
    margin-top: 25px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 14px
}

.flright {
    float: right;
}

.bg_grey {
    background-color: #d7dadf;
}

.approval_title {
    margin-left: 15px;
    font-weight: 500;
    color: rgb(65, 73, 87);
    font-size: 13px;
    line-height: 22px;
}

.approval_link_title {
    margin-left: 15px;
    font-weight: 500;
    color: rgb(65, 73, 87);
    font-size: 13px;
    line-height: 22px;
}

.pcp3 {
    color: #6c757d;
    font-size: 25px;
}

.abc1 {
    border-radius: 1.5rem;
    box-shadow: 0 1px 10px 0 #ddd !important;
    margin: 60px auto;
    background: #fff;
}

.abc1234 {
    border-radius: 1.5rem;
    box-shadow: 0 1px 10px 0 #ddd !important;
    margin: 40px auto 60px auto;
    background: #fff;
}

.cp66 {
    font-size: 15px;
    color: #0bc268 !important
}

.pap3 {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.sps1 {
    color: rgb(65, 73, 87) !important;
    font-weight: 600;
    margin-left: 15px;
    margin-bottom: 5px !important;
    font-size: 14px
}

.sps2 {
    margin-left: 15px;
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #6c757d;
}

.sps3 {
    font-weight: 500;
    color: #6c757d;
    font-size: 13px;
    margin: 20px 0;
    line-height: initial
}

.sps4 {
    margin-left: 15px;
    color: rgb(65, 73, 87) !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px
}

.cal1 {
    font-weight: 500;
    color: #6c757d;
    font-size: 12px;
}

.formpad {
    padding: 0 35px;
}

.mtop5 {
    margin-top: 5px;
}

.mtop15 {
    margin-top: 15px;
}
/*FieldSet headings*/
.fs-title {
    font-size: 25px;
    color: #673AB7;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left;
}

.club-nau-info-box {
    border: 2px solid #FB7A32;
    border-radius: 20px;
    padding: 45px 30px 25px 30px;
    margin-top: 50px;
    max-width: 1125px;
    position: relative;
}
.club-nau-info-box__header {
    padding: 0 30px;
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    color: #FB7A32;
    background-color: white;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.club-nau-info-box__header__breaker{
    display: none;
}

.club-nau-info-box__header__breaker2{
    display: none;
}

@media(max-width:768px) {
    .club-nau-info-box {
        padding: 55px 20px 25px 20px;
    }
    
    .club-nau-info-box__header {
        top: -40px;
        padding: 0 15px;
        font-size: 18px;
        left: 0;
        right: 0;
        margin: 0 30px;
        transform: translateX(0);
    }
    
    .club-nau-info-box__header__breaker{
        display: block;
    }
}

@media(max-width:440px) {
    .club-nau-info-box {
        margin-top: 70px;
    }
    
    .club-nau-info-box__header {
        padding: 0 5px;
        margin: 0 20px;
        top: -62px;
    }

    .club-nau-info-box__header__breaker2{
        display: block;
    }
}


.club-nau-info-box__content {
    font-size: 16px;
    line-height: 20px;
    color: #414957;
}

.windowq {
    box-shadow: 0 0 10px 1px #ddd !important;
    border-radius: 2.5rem !important;
    padding: 2.5rem;
}

.mtop25 {
    margin-top: 25px
}

.lili1 {
    margin-left: 60px;
    margin-top: 40px
}

.imicon {
    position: absolute;
    margin-left: -60px;
    margin-top: -14px;
}

.mleft60 {
    margin-left: 60px
}

.mtop10 {
    margin-top: 10px;
}

.mtop20 {
    margin-top: 20px;
}

.mtop30 {
    margin-top: 30px;
}

.mtop40 {
    margin-top: 40px;
}

.mtop60 {
    margin-top: 60px;
}

.anau {
    color: #ffffffd4 !important;
    font-weight: 500;
    text-decoration: underline;
}


.mtop10 {
    margin-top: 10px;
}

.marg-top-100-bot-60 {
    margin: 120px 0 60px 0;
}

.marg-top-140-bot-60 {
    margin: 140px 0 60px 0;
}

.marg-top-170-bot-60 {
    margin: 170px 0 60px 0;
}

.txtar {
    text-align: right
}

.pad-left-right-rem {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.m-left-10-m-right-10 {
    margin-left: 10px;
    margin-right: 10px
}

.mbottom10 {
    margin-bottom: 10px;
}

.padc11 {
    padding: 0 10px 0;
    margin-top: 20px;
}

.padc112 {
    padding: 0 10px 0;
    margin-top: 20px;
}

.mleft10 {
    margin-left: 10px
}

.parx23 {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: #fff;
    color: #a52a2a;
    font-size: 14px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    background: #F7F7F7 !important;
    border-radius: 2em;
    float: left;
    width: 180px;
    border: 2px solid
}

.mbottom20 {
    margin-bottom: 20px;
}

.mbottom30 {
    margin-bottom: 30px;
}

.mbottom40 {
    margin-bottom: 40px;
}

#msform input:focus, #msform textarea:focus {
    box-shadow: 0 0 3px 0.5px #0bc268 !important;
}

.purple-text {
    color: #0BC268;
    font-weight: normal;
}

.form-control {
    transition: unset !important;
}

@media(max-width:600px) {
    .form-control {
        height: calc(1.5em + 0.75rem + 10px);
        font-size: 14px;
    }

    .ctr1 {
        margin-bottom: 0 !important;
    }

    .mb34a {
        margin-top: 0 !important;
    }

    .doda1 {
        margin: 10px auto 0 !important;
        float: none !important;
    }
}

.form-control:visited {
    border-color: #0bc268 !important;
    box-shadow: 0 0 3px 0.5px #0bc268 !important;
}

.input-validation-error.form-control:focus {
    box-shadow: 0 0 3px 0.5px #d95c5c, .3em 0 0 0 #d95c5c inset !important;
    border-color: #d95c5c !important;
}

.form-control:focus {
    border-color: #0bc268 !important;
    box-shadow: 0 0 3px 0.5px #0bc268 !important;
}

.form-control:active {
    border-color: #0bc268 !important;
    box-shadow: 0 0 3px 0.5px #0bc268 !important;
}
/*Step Count*/
.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right;
}

/*Field names*/
.fieldlabels {
    color: gray;
    text-align: left;
}

/*Icon progressbar*/
#progressbar {
    margin-top: 30px;
    overflow: hidden;
    color: lightgrey;
}

    #progressbar .active {
        color: #0BC268;
    }

    #progressbar li {
        list-style-type: none;
        font-size: 14px;
        width: 16.6667%;
        float: left;
        position: relative;
        font-weight: 500;
    }

/*Animated Progress Bar*/
.progress {
    height: 8px;
}

.apic1 {
    color: #0bc268;
    position: absolute;
    line-height: 17px;
    margin-left: 5px;
    font-size: 21px;
}

.extended-div {
    display: none;
}

.progress-bar {
    background-color: #0BC268;
    transition: none;
}

.extentionLink {
    color: #0bc268;
    text-decoration: underline;
    font-weight: bold;
    margin-left: 10px
}

.progress-bar-striped {
    background-color: #0BC268;
    background-image: none !important;
}
/*Fit image in bootstrap div*/
.fit-image {
    width: 100%;
    object-fit: cover;
}

section.pricing {
}

.card {
    border-radius: 2.5rem !important;
}

.card-body {
    box-shadow: 0 0 10px 1px #ddd !important;
    border-radius: 2.5rem !important;
    padding: 2.5rem;
}

hr {
    border-color: #212427 !important;
}

.pricing .card {
    border: none;
    border-radius: 1rem;
    transition: all 0.2s;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
    margin: 1.5rem 0;
}

.pricing .card-title {
    margin: 0.5rem 0;
    font-size: 0.9rem;
    letter-spacing: .1rem;
    font-weight: bold;
}

.pricing .card-price {
    font-size: 3rem;
    margin: 0;
}

    .pricing .card-price .period {
        font-size: 0.8rem;
    }

.pricing ul li {
    margin-bottom: 1rem;
}

.pricing .text-muted {
    opacity: 0.7;
}

.pricing .btn {
    font-size: 80%;
    border-radius: 5rem;
    letter-spacing: .1rem;
    font-weight: bold;
    padding: 1rem;
    opacity: 1;
    transition: all 0.2s;
}

.checkbox input {
    position: absolute;
    opacity: 0;
}

.checkbox .overlay {
    position: absolute;
    top: -5px;
    left: -3px;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border: 1px solid rgba(65,73,87,0.32);
    transition: all 0.3s;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.styledbtn {
    font-size: 14px !important;
    padding: 10px 0;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    background: #0bc268;
    border-radius: 2em;
    float: right;
    width: 200px;
    margin-top: 25px;
}

.checkbox .icon {
    color: white;
    display: none;
}

.checkbox input:checked ~ .overlay {
    background-color: #fff;
    border-radius: 8px;
    transform: rotate(0deg);
    opacity: 1;
    border: 1px solid rgba(65,73,87,0.32);
}

    .checkbox input:checked ~ .overlay svg {
        display: block;
    }

.checkbox .overlay svg {
    display: none;
}

.checkbox input:checked ~ .overlay .icon {
    display: block;
}

a:hover {
    text-decoration: none;
}

#buttonFirstNext {
    transition: all 0.3s;
}

    #buttonFirstNext:hover {
        background-color: #007666 !important;
        color: #ffffff;
        cursor: pointer;
    }

    #buttonFirstNext::after {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        border-radius: 2em;
        background-color: #0bc268;
        opacity: 0;
        transition: opacity 0.5s, left 0.5s;
        z-index: -1;
    }

    #buttonFirstNext:hover::after {
        opacity: 0.5;
        left: 0;
    }



.dropbtn {
    border-radius: 12px;
    background-color: #6B8E23;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
}

.buttonx {
    border: none;
    padding: 15px 20px;
    margin-top: 40px !important;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    background: #0bc268;
    border-radius: 2em;
    float: right;
    width: 200px;
    margin: 20px 60px 0 0;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s;
}

.buttonxT {
    border: none;
    padding: 15px 20px;
    margin: 20px 0 !important;
    color: #007666;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    background: #fff;
    border-radius: 2em;
    width: auto;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s;
}

    .buttonxT:hover {
        background: #007666 !important;
        color: #fff !important;
    }

.txtar {
    text-align: right;
}

.buttonx:hover {
    background: #007666 !important;
    color: #fff !important;
}

.buttonx:hover {
    background: #007666 !important;
    color: #fff !important;
}

.aprov1 {
    margin-top: 20px;
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 14px
}

.txtright {
    text-align: right;
}

.pcaf {
    margin-bottom: 5px;
    color: #6c757d;
    font-weight: 500;
    font-size: 14px;
}

.plusc1 {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: #fff;
    color: #0bc268;
    font-size: 14px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    background: #F7F7F7 !important;
    border-radius: 2em;
    float: left;
    width: 35px;
    border: 2px solid
}

.upos12 {
    margin-top: 0.5rem;
    color: rgb(65, 73, 87);
    font-size: 1.125rem;
    white-space: nowrap;
    line-height: 2rem;
    font-weight: 600;
    display: inline;
    letter-spacing: -0.025em;
}

.clasx2 {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: #fff;
    color: #FF5050;
    font-size: 14px;
    line-height: 1.9rem;
    font-weight: 600;
    line-height: 1.9rem;
    text-align: center;
    border-radius: 0.375rem;
    background: #F7F7F7 !important;
    border-radius: 2em;
    float: right;
    width: 167px;
}

.cdp1 {
    margin-bottom: 5px;
    color: #6c757d;
    font-weight: 500;
    font-size: 14px;
}

.px3 {
    font-weight: 500;
    color: #6c757d !important;
    font-size: 15px;
}

.clasx3 {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: #fff;
    color: #FF5050;
    font-size: 14px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    background: #F7F7F7 !important;
    border-radius: 2em;
    float: right;
    width: 35px;
    border: 2px solid
}

.adupos1 {
    margin-top: 0.5rem;
    color: rgb(65, 73, 87);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.spanupos {
    color: #6c757d;
    font-weight: 500;
    font-size: 14px;
}

.par1 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
    color: #6c757d;
    font-weight: 500;
    line-height: initial;
    font-size: 14px;
}

.plusc2 {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: #fff;
    color: #0bc268;
    font-size: 14px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.9rem;
    text-align: center;
    border-radius: 0.375rem;
    background: #F7F7F7 !important;
    border-radius: 2em;
    float: left;
    width: 167px;
}

.formc1 {
    margin-top: 0.5rem;
    color: rgb(65, 73, 87);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.formc2 {
    margin-top: 30px;
    margin-bottom: 20px;
    color: rgb(65, 73, 87);
    font-size: 16px;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.buttonx33 {
    border: none;
    padding: 15px 20px;
    margin-top: 30px !important;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    background: #0bc268;
    border-radius: 2em;
    float: right;
    width: 200px;
    margin: 20px 60px 0 0;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s;
}

.checkcust {
    position: absolute;
    top: -2px;
    left: 7px;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid red;
    transition: all 0.3s;
    border-radius: 8px;
    margin-left: 0px;
    top: 23px !important;
}

.mcleft2 {
    margin-top: -4px;
    margin-left: -28px;
}

.mcleft24 {
    margin-left: -28px;
}

.mtop28 {
    margin-top: 28px;
}

.pop {
    margin-left: -38px;
    margin-top: 20px;
}

.checkcust {
    position: absolute;
    top: -2px;
    left: 7px;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid red;
    transition: all 0.3s;
    border-radius: 8px;
    margin-left: 0px;
    top: 23px !important;
}

.mcleft {
    margin-top: 25px;
    margin-left: 13px;
}

.checkcust:checked + .overlay svg polyline {
    stroke: #fff;
}

.buttonx33:hover {
    background: #007666 !important;
    color: #fff !important;
}

.button:visited {
    background: #007666 !important;
    color: #fff !important;
}

.button-color {
    background: #007666;
}

.fa {
    color: #0bc268 !important;
}

.paragraph {
    margin-bottom: 2rem;
    line-height: 1.5em;
    color: #6c757d;
    font-weight: 500;
    font-size: 1.1rem;
}

.paragraph4 {
    margin-bottom: 2rem;
    line-height: 20px;
    color: #6c757d;
    font-weight: normal;
    font-size: 14px;
}

.list-item {
    font-weight: bold;
    font-size: 1rem;
}

    .list-item img {
        display: inline-block;
        margin-right: 5px;
        width: 55px;
    }

.maxwx {
    max-width: 320px;
    min-width: 320px;
    width: 320px;
}

.soft-black {
    font-weight: bold;
}

.show {
    display: initial;
}

.showB {
    display: block;
}

.hide {
    display: none;
}

.table-row {
    height: 120px;
}

.table-header {
    position: relative;
    width: 45% !important;
}

.div-container {
    position: absolute;
    bottom: 40px;
    margin-left: 15px;
}

.soft-black {
    float: left;
    margin-left: 15px;
    font-weight: bold;
    line-height: 43px;
    color: #0BC268 !important;
}

.right-aligned {
    margin-top: 20px;
    float: right;
    margin-right: 35px;
}

.button-link {
    color: #0bc268;
    text-decoration: underline;
}

.expand-icon {
    position: absolute;
    line-height: 25px;
    margin-left: 15px;
    font-size: 30px;
}

.spacer-mini {
    height: 20px
}

.spacer {
    height: 40px;
}

.spacer-20 {
    height: 20px;
}

.containerX {
    border: 2px solid #B8EDD3;
    border-radius: 20px;
    padding: 15px 5px;
    margin-bottom: 40px !important;
    margin-top: 20px !important;
    width: 40%;
    color: #0bc268;
    text-align: center;
}

.border-radius {
    border-radius: 8px
}

.parQuestion {
    font-weight: 500;
    color: #6c757d !important;
    font-size: 15px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0;
    display: inline-block;
}

.parQuestion2 {
    font-weight: 500;
    color: #6c757d !important;
    font-size: 15px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0;
    display: inline-block;
}

.f15 {
    font-size: 15px;
}

.f14 {
    font-size: 14px;
}

@media (max-width:1414px) {
    #list-item-3 {
        margin-top: 5px
    }

    #list-item-4 {
        margin-top: 15px
    }

    #list-item-5 {
        margin-top: 32px
    }
}

@media(max-width:2200px) {
    #list-item-4 {
        margin-top: 15px
    }
}

@media (min-width:1400px) {
    #list-item-3 {
        margin-top: 23px
    }
}

@media (max-width:1265px) {
    #list-item-2 {
        margin-top: 38px !important
    }
}

@media (max-width:1060px) {
    #list-item-2 {
        margin-top: 25px !important
    }
}

@media (max-width:992px) {
    #list-item-2 {
        margin-top: 40px !important
    }

    #list-item-3 {
        margin-top: 25px;
    }
}

#NnwDiv {
    display: none;
}

.green {
    background-color: #0bc268;
    color: #ffffff;
}

#sectionOcTeacher {
    display: none;
}

#sectionOcDirector {
    display: none;
}

.title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0;
}

li::marker.fawhite {
    color: #ffffffe6 !important;
}

.bgwhitte {
    background: #fff !important;
}

.greenf {
    color: #0bc268 !important;
}

.liOc {
    column-gap: 0.75rem;
    font-weight: 500;
    font-size: 1.2rem;
    margin-left: 17px;
    line-height: 2rem;
}

.spanix {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 600;
    float: right;
}

.spanixX {
    font-size: 1.2rem;
    line-height: 2.25rem;
    font-weight: 600;
    float: right;
}

.spanixB {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    width: 60%;
}

.w100p {
    width: 100%;
}

.pOc {
    color: rgb(65, 73, 87) !important;
    font-weight: 500;
    font-size: 1.15rem;
    line-height: 1.5rem;
}

.pxd {
    margin-top: 0.5rem;
    color: #111827;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.dl1 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
}

.dl2 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

.dl3 {
}

.dl4 {
}

.dl5 {
}

.dl6 {
}

input.form-control:disabled, input.form-control[readonly] {
    background-color: #eee !important;
    pointer-events: none;
    opacity: 1;
}


















.prs {
    margin-bottom: 0;
    color: #6c757d;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 18px;
    margin-top: -4px;
}

.cacx {
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 2rem;
}

.ulcla {
    margin-top: 1.5rem;
    margin-top: 0.75rem;
    margin-top: 0.875rem;
    color: #6c757d;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.5rem;
}

.ahrefc {
    font-size: 1.1rem !important;
}

li.fawhite::marker {
    color: #fff !important;
}

.pOcWhite {
    color: #fff !important;
    font-weight: 500;
    font-size: 1.15rem;
    line-height: 1.5rem;
}

.fwhite {
    color: #fff !important;
}

.bcwhite {
    border-color: #ffffffe6 !important;
}

.fawhite {
    color: #ffffffe6 !important;
}

.prof2 {
    margin-bottom: 5px;
    color: #6c757d;
    font-weight: 500;
    font-size: 14px;
}

.background-fullx {
    position: relative;
}

.cra2 {
    color: #6c757d;
    font-size: 25px;
}

.z12 {
    margin-top: 0.5rem;
    color: rgb(65, 73, 87);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.bra5 {
    font-weight: 500;
    color: #6c757d !important;
    font-size: 15px;
}

.z123 {
    margin-top: 30px;
    margin-bottom: 20px;
    color: rgb(65, 73, 87);
    font-size: 16px;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.background-fullx.background-grayx::after {
    background-color: #F7F7F7;
}

.background-fullx::after {
    content: "";
    position: static;
    top: 0;
    left: 0;
    width: 200vw;
    height: 102.5%;
    background-color: #FFF;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.background-fullx > * {
    z-index: 2;
    position: relative;
}



.background-full {
    position: relative;
}

    .background-full.background-gray::after {
        background-color: #F7F7F7;
    }

    .background-full::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200vw;
        height: 106%;
        background-color: #FFF;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .background-full > * {
        z-index: 2;
        position: relative;
    }





.superbg {
    position: static;
}

    .superbg.superbgray::after {
        background-color: #F7F7F7;
    }

    .superbg::after {
        content: "";
        position: static;
        top: 0;
        left: 0;
        width: 200vw;
        height: 101.5%;
        background-color: #FFF;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .superbg > * {
        z-index: 2;
        position: relative;
    }


.ppx {
    margin-bottom: 5px;
    color: #6c757d;
    font-weight: 500;
    font-size: 14px;
}

.txtac {
    text-align: center !important;
}

.spanZ2 {
    float: left;
    margin-left: 15px;
    font-weight: bold;
    line-height: 43px;
    color: #0BC268;
    font-size: 16px
}

.txtal {
    text-align: left;
}

.form1 {
    margin-bottom: 20px !important;
    display: inline-block !important;
    margin-left: 20px !important
}





.padi2 {
    padding: 0 40px;
}


.bgf {
    position: relative;
}

    .bgf.bgg::after {
        background-color: #F7F7F7;
    }

    .bgf::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200vw;
        height: 98%;
        background-color: #FFF;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .bgf > * {
        z-index: 2;
        position: relative;
    }



.xdp1 {
    display: inline-block !important;
    margin: 27px 0 0 0 !important;
}

.jstfc {
    justify-content: center !important
}

.spanc1 {
    font-weight: bold;
    font-size: 16px
}

.spanc145 {
    font-weight: bold;
    font-size: 13px
}

.ha1 {
    line-height: 34px;
}

.spanz1 {
    float: left;
    margin-left: 15px;
    font-weight: bold;
    line-height: 43px;
    color: #0BC268;
    font-size: 16px
}

.dv1 {
    margin: 0 20px;
    box-shadow: 0 0 10px 1px #ddd !important;
    padding: 30px 30px;
    border-radius: 22px;
}

.mleft35 {
    margin-left: 35px
}

.al1 {
    margin: 0 0 20px 0 !important;
}

.al123 {
    margin: 10px 0 0 0 !important;
    color: #fff;
    font-size: 16px !important;
    padding: 8px 5px !important;
    width: 160px !important;
}

.custom-shape-divider-top-1688724721 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.fleft {
    float: left;
}

.rowc2 {
    margin: 40px 0 0 0;
    justify-content: center
}

.rowx1 {
    margin: 20px 0 0 0 !important;
    justify-content: start !important
}





.btnX1 {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: #fff;
    color: #0bc268;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    background: #F7F7F7 !important;
    border-radius: 2em;
    float: left;
    width: 35px;
    border: 2px solid
}

.btnX2 {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: #fff;
    color: #0bc268;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.9rem;
    text-align: center;
    border-radius: 0.375rem;
    background: #F7F7F7 !important;
    border-radius: 2em;
    float: left;
    width: 258px;
}

.fontwhite {
    color: #fff;
}

.fontblack {
    color: rgb(65, 73, 87);
}

.bradius {
    border-radius: 8px;
}

.inputxs {
    position: absolute;
    top: -4px !important;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid rgba(65, 73, 87, 0.32);
    border-radius: 8px;
    margin-left: -62px !important
}

.ap3 {
    column-gap: 0.75rem;
    font-weight: 500;
    font-size: 14px;
    margin-left: 17px;
}

.pax2 {
    column-gap: 0.75rem;
    color: #ffffffe6 !important;
    font-weight: 500;
    font-size: 14px;
    margin-left: 17px;
}

.ipas3 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5rem;
    color: #6c757d;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 2rem;
    font-weight: 500;
    font-size: 17px;
}

.tl2 {
    margin-top: 0.5rem;
    color: #111827;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -0.025em;
}

modal-header__button--white:hover {
    background: initial !important;
    color: #fff;
}

.tl3 {
    margin-top: 2rem;
    color: #111827;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.btndel {
    background: #fff !important;
    color: #0bc268 !important;
}

.stlbtn2 {
    background-color: #fff;
    background: #fff;
    color: #0bc268
}

stlbtn4 {
    background-color: #0bc268;
    background: #0bc268;
    color: #fff;
}

.cesion {
    width: 20px;
    position: absolute;
    height: 20px;
    margin-top: 3px;
    margin-left: 5px;
}

.font17 {
    font-size: 17px;
}

.txtleft {
    text-align: left;
}

.modal-body label {
    font-weight: 500;
    color: rgb(65, 73, 87);
    font-size: 15px;
    margin: 0.5rem 0.3rem;
}

.modal-footer {
    padding: 20px;
}

.inputPesel {
    position: absolute;
    top: -2px;
    left: 7px;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid rgba(65, 73, 87, 0.32);
    transition: all 0.3s;
    border-radius: 8px;
    margin -left: 0px;
    top: 23px !important;
}


.background-full66 {
    position: relative;
}

    .background-full66.background-gray66::after {
        background-color: #F7F7F7;
    }

    .background-full66::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200vw;
        height: 108.5%;
        background-color: #FFF;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .background-full66 > * {
        z-index: 2;
        position: relative;
    }

.val-error {
    position: absolute;
    margin-top: -24px;
    margin-left: 39px;
    width: 150px;
    font-size: 11px !important;
}

.background-full666 {
    position: relative;
}

    .background-full666.background-gray666::after {
        background-color: #F7F7F7;
    }

    .background-full666::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200vw;
        height: 102.3%;
        background-color: #FFF;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .background-full666 > * {
        z-index: 2;
        position: relative;
    }

.background-full5 {
    position: relative;
}

    .background-full5.background-gray5::after {
        background-color: #F7F7F7;
    }

    .background-full5::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200vw;
        height: 0%;
        background-color: #FFF;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .background-full5 > * {
        z-index: 2;
        position: relative;
    }


.bigTitle {
    margin: 50px 0;
    font-size: 2.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.bigTitle2 {
    margin: 50px 0 0 0;
    font-size: 2.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -0.025em;
}



.mb0 {
    margin-bottom: 0px !important;
}

.bab1 {
    font-size: 14px;
    margin-bottom: 15px;
}

.bb1 {
    margin-bottom: 5px;
    font-size: 15px;
    color: #0bc268 !important
}

.fw1 {
    color: #fff !important;
    font-weight: 600;
    font-size: 22px;
}

.fw11 {
    color: #ffffffd4 !important;
    font-weight: 500;
    font-size: 15px;
}

.fwb1 {
    color: #ffffffd4 !important;
    font-weight: 400;
    text-align: left;
    display: inline-block;
    margin-left: 15px;
    width: 200px;
}

.fwb111 {
    color: #ffffffd4 !important;
    font-weight: 400;
    text-align: left;
    display: inline-block;
    margin-left: 15px;
    width: 200px;
}

@media(max-width:791px) {
    .fwb111 {
        margin-top: 20px !important;
    }
}

@media(max-width:652px) {
    .fwb1 {
        margin-top: 20px !important;
        text-align: right !important;
    }
}

.fw2 {
    display: inline-block;
    color: #ffffffd4 !important;
    font-size: 16px;
    margin-bottom: 25px;
}

.text12 {
    font-size: 13px;
    color: #0bc268 !important;
    margin-top: 5px;
    margin-bottom: 5px !important;
}
.custpad2{
        padding: 0 2px!important;
}

.colxs3 {
    background-color: #fff;
    box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --ring-color: #E5E7EB;
    text-align: center;
    border-radius: 1.5rem;
    box-shadow: 0 1px 10px 0 #ddd !important;
}

.colxs5 {
    background-color: #fff;
    max-width: 30%;
    padding: 2rem 5px;
    box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --ring-color: #E5E7EB;
    text-align: center;
    border-radius: 1.5rem;
    box-shadow: 0 1px 10px 0 #ddd !important;
}

.colxs6 {
    background-color: #fff;
    max-width: 30%;
    padding: 2rem 5px;
    box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --ring-color: #E5E7EB;
    text-align: center;
    border-radius: 1.5rem;
    box-shadow: 0 1px 10px 0 #ddd !important;
}

@media(max-width:1100px) {

    .colxs3 {
        max-width: 260px !important;
        margin-top: 60px;
    }

    .colxs5 {
        max-width: 260px !important;
    }

    .colxs6 {
        max-width: 260px !important;
    }
}

@media(max-width:985px) {
    .colaM {
        min-width: 25% !important;
        max-width: 25% !important;
        width: 25% !important;
        display:inline-block!important;
    }
    

    .colSupa {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .colMainH {
        display: none !important;
    }

    .deleteVar {
        float: left !important;
    }
}

@media(max-width:600px){
    .delButton {
        width: auto !important;
        padding: 5px 10px !important;
        font-size: 14px !important;
    }
    .editButton{

    }
}


@media(max-width:660px){
    .colaMp1 {
        display: inline-block !important;
        width: 115px !important;
    }

    .colaMp {
        display: inline-block !important;
    }
}

@media(max-width:660px) {
    .colaM {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media(max-width:470px) {
    .colaM {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

.nav-container {
    transition: .5s all ease;
    gap: 60px
}

.nav-container__rks-data {
    display: flex;
    gap: 60px;
}

@media(max-width:992px) {
    .nav-container {
        gap: 5px
    }
}

@media(max-width:700px) {
    .nav-container__rks-data {
        display: flex;
        flex-direction: column;
        gap:5px;
    }
}


@media(max-width:1150px) {
    #progressbar li.InactiveBar {
        display: none;
    }

    #cax:not(.activeBar) {
        float: right !important;
    }

    .activeBar {
        display: initial !important;
        float: initial !important;
    }

    #progressbar {
        text-align: center;
    }

    .progress-bar {
        width: 50% !important;
    }
}

@media(max-width:310px) {
    .pinfo1 {
        font-size: 1.2rem !important;
        line-height: 1.4 !important;
    }
}

@media(max-width:792px) {
    .formpad {
        padding: 0 !important;
    }
}

@media(max-width:800px) {
    #cax {
        margin-right: 10px;
    }
}

@media(max-width:768px) {
    #cax {
        margin-right: 26px;
    }
    .mb20mob {
        margin-bottom: 20px !important;
    }

    .rowc23 {
        margin-top: 0 !important;
    }

    .cab434 {
        margin-top: 5px !important;
    }
}

@media(min-width: 550px) and (max-width:603px) {
    #cax {
        margin-right: 26px;
    }
}

@media(max-width:549px) {
    #progressbar li {
        display: none;
    }

    .activeBar {
        display: initial !important;
        float: initial !important;
    }
}

@media(max-width:480px) {
    .buy-product {
        padding: 60px 15px 40px !important;
    }
}

@media(max-width:805px) {


    .sps2 {
        font-size: 11px !important;
    }
}



@media(max-width:805px) {
    .buy-product {
        padding: 60px 15px 40px !important;
    }
}

@media (max-width: 471px) {
    .sps2 {
        font-size: 10px !important;
    }
}

@media (max-width: 440px) {
    .sps2 {
        font-size: 9px !important;
    }
}

@media (max-width: 412px) {
    .sps2 {
        font-size: 8px !important;
    }
}

@media (max-width: 380px) {
    .sps2 {
        font-size: 7px !important;
    }
}

@media (max-width:992px) {
    .buttonCol {
        margin: auto !important;
    }

    .buttonColPrev {
        margin: auto !important;
        margin-top: 0 !important;
    }
}

.smallTitle {
    margin-top: 2rem;
    font-size: 1.15rem;
    line-height: 1.5rem;
    color: #6c757d !important;
    margin-bottom: 40px;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.tilesXd {
    column-gap: 2%;
    row-gap: 30px;
    justify-content: center;
}

@media(max-width:290px){
    .tilesXd {
        margin: auto 0!important;
    }
}

.pinfo1 {
    color: #111827;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.background-full55 {
    position: relative;
}

.display-inline-grid-w-100 {
    display: inline-grid;
    width: 100%;
}

.background-full55.background-gray55::after {
    background-color: #F7F7F7;
}

.background-full55::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200vw;
    height: 109%;
    background-color: #FFF;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.background-full55 > * {
    z-index: 2;
    position: relative;
}





.background-full2 {
    position: relative;
}

    .background-full2.background-gray2::after {
        background-color: #F7F7F7;
    }

    .background-full2::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 200vw;
        height: 110%;
        background-color: #FFF;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .background-full2 > * {
        z-index: 2;
        position: relative;
    }

.background-full3 {
    position: relative;
}

    .background-full3.background-gray3::after {
        background-color: #F7F7F7;
    }

    .background-full3::after {
        content: "";
        position: static;
        top: 0;
        left: 0;
        width: 200vw;
        height: 100%;
        background-color: #FFF;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .background-full3 > * {
        z-index: 2;
        position: relative;
    }

.textHover:hover {
    color: #007666 !important;
    cursor: pointer !important;
}

.spacer {
    height: 40px;
}

.btnApprovalsdownload {
    background: #0bc268;
    margin: auto;
    color: #fff !important;
    padding: 10px 0;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    background: #0bc268;
    border-radius: 2em;
    width: 170px;
}

input[type="checkbox"] {
    height: 30px !important;
    width: 30px !important;
    position: absolute !important;
    top: -5px !important;
    left: -3px !important;
}

input[type="text"],
input[type="number"],
input[type="email"] {
    background-color: #fff !important;
}

.table {
    border-collapse: collapse;
    width: 100%;
}

    .table th,
    .table td {
        padding: 8px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

    .table tr:last-child td {
        border-bottom: none;
    }

.fa-check {
    font-size: 25px;
    color: #0bc268;
}

.button {
    border: none;
}




.wrapper {
    width: 200px;
    height: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    height: 600px;
}

.circle {
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50%;
    background-color: #0bc268;
    left: 15%;
    transform-origin: 50%;
    animation: circle 0.5s alternate infinite ease;
}

@keyframes circle {
    0% {
        top: 60px;
        height: 5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7);
    }

    40% {
        height: 20px;
        border-radius: 50%;
        transform: scaleX(1);
    }

    100% {
        top: 0%;
    }
}

.circle:nth-child(2) {
    left: 45%;
    animation-delay: 0.2s;
}

.circle:nth-child(3) {
    left: auto;
    right: 15%;
    animation-delay: 0.3s;
}

.shadow {
    width: 20px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 62px;
    transform-origin: 50%;
    z-index: -1;
    left: 15%;
    filter: blur(1px);
    animation: shadow 0.5s alternate infinite ease;
}

@keyframes shadow {
    0% {
        transform: scaleX(1.5);
    }

    40% {
        transform: scaleX(1);
        opacity: 0.7;
    }

    100% {
        transform: scaleX(0.2);
        opacity: 0.4;
    }
}

.shadow:nth-child(4) {
    left: 45%;
    animation-delay: 0.2s;
}

.shadow:nth-child(5) {
    left: auto;
    right: 15%;
    animation-delay: 0.3s;
}

.wrapper span {
    position: absolute;
    top: 75px;
    font-family: "Lato";
    font-size: 20px;
    letter-spacing: 12px;
    color: #0bc268;
    left: 15%;
}

@media(max-width:600px) {
    .trt {
        margin-bottom: 40px !important
    }

    #divForeigner {
        margin-top: 10px !important;
    }
}

@media (max-width: 768px) {


    #colLast {
        text-align: center;
    }

    .pap2 {
        margin-left: 0 !important;
        margin-top: 20px;
    }

    .car {
        top: 30px !important;
        position: absolute;
        top: 50%;
        left: 50% !important;
        transform: translate(-50%, -50%);
    }
}

@media(max-width:768px){
    .cab4 {
        padding: 20px 5px 0 5px;
        line-height: 20px;
    }
}

@media (max-width: 380px) {
    .mtt {
        margin-top: 10px;
    }

    

    .cab5 {
        padding: 0px 5px 0 5px;
        line-height: 20px;
    }
}

@media (max-width: 768px) {
    .essa1 {
        margin-top: 10px !important;
    }
}

@media (max-width: 860px) {
    #colTemp {
        display: none;
    }
}

@media(max-width:450px) {
    .legendX {
        display: none !important;
    }

    .ocSmallMenu {
        display: block !important;
    }
}

@media(min-width:450px) {
    .ocSmallMenu {
        display: none !important;
    }
}


@media(max-width:450px) {
    .spanix {
        margin: 10px auto !important;
        display: table !important;
        float: none !important;
    }
}

/*
@media (max-width: 1400px) {
    #colM {
        width: 50%;
        min-width:50%;
    }
}
*/



















.smooth-display {
    transition: opacity 0.5s ease-in-out;
}

.dropdown-content {
    border-radius: 12px;
    /* display: none; */
    opacity: 0; /* here */
    position: absolute;
    min-width: 160px;
    z-index: 1;
    transition: all 0.25s ease-in; /* here */
    transform: translateY(-10px); /* here */
}

.baton {
    background-color: #fff;
    border: none;
    border-bottom: 2px solid #80808052;
    border-radius: 0;
    width: 440px;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 1.5em;
    position: absolute;
    vertical-align: 0.255em;
    color: #80808052;
    top: 14px;
    content: "";
    border-top: 0.7em solid;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent;
}

input[type="text"],
input[type="number"],
input[type="email"] {
    background-color: #fff !important;
}




.dropdown-content a {
    color: rgb(65, 73, 87);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

    .dropdown-content a:hover {
        cursor: auto;
    }

.dropdown:visited .dropdown-content {
    /*   display: block; */ /* no need for display block and none, you can depend on opacity as long as the position is absolute*/
    transform: translateY(0); /* here */
    opacity: 1; /* here */
}

.dropdown:hover .dropbtn {
    cursor: auto;
}

@media(max-width:768px) {
    .piki {
        margin-top: 20px;
    }

    .pikb {
        margin-bottom: 20px;
    }

    .pp3 {
        padding-top: 0 !important;
    }
}

@media (min-width:600px) and (max-width:768px) {
    .pikix {
        margin-top: 20px;
    }

    .nrdok {
        margin-top: -10px !important;
    }
}

@media (max-width:599px) {
    .pikix {
        margin-bottom: 0 !important;
    }
}

@media(min-width:563px) {
    .mb34 {
        margin-top: 0 !important;
    }
}


.modalPad {
    padding: 0 40px;
}

.tableClass1 {
    width: 100%;
    table-layout: fixed
}

@media (max-width:999px) {
    .modalPad {
        padding: 0;
    }
}

@media (max-width:530px) {
    #list-item-2 {
        margin-top: 25px !important
    }
}

.divSpacer {
    height: 10px;
    display: none;
}

@media (max-width:408px) {
    .spanZ2 {
        line-height: 22px;
        margin-left: 0;
    }

    .divZakres {
        text-align: center;
        top: 15px;
        margin-left: 0;
    }

    .divFloat {
        float: initial !important;
        white-space: pre-line;
    }

    .divSpacer {
        display: block;
    }
}

@media (max-width:490px) {
    .lnx2 {
        font-size: 14px;
        line-height: 18px !important;
    }
}

@media (max-width:450px) {
    .modalPad {
        padding: 0;
    }
}



@media (max-width:600px) {
    table td.td1 {
        min-width: 100px;
        width: 100px;
    }

    .tableClass1 {
        width: 100%;
    }
}


@media (max-width:500px) {
    .txtal {
        padding: 15px 5px 15px 5px;
    }

    .lnx2 {
        font-size: 12px !important;
    }
}

@media (max-width:380px) {


    .lnx2 {
        font-size: 10px !important;
    }
}

@media (max-width:768px) {
    .font17 {
        font-size: 12px;
    }
}

@media (max-width:570px) {
    .font17 {
        font-size: 10px;
    }
}

@media (max-width:700px) {
    #labelOcPrivate {
        padding: 20px 0 !important;
    }

    .ciapcia {
        white-space: nowrap !important;
    }
}

@media (max-width:435px) {
    .ciapcia {
        padding: 20px 10px 20px 0px !important;
    }
}

@media (max-width:320px) {


    .lnx2 {
        font-size: 8px !important;
    }
}

.navbar {
    -webkit-transition: padding 0.2s ease;
    -moz-transition: padding 0.2s ease;
    -o-transition: padding 0.2s ease;
    transition: padding 0.2s ease;
}

@media(max-width:768px) {
    .mtt3 {
        margin-top: 0 !important;
    }
}

.affix {
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
    -webkit-transition: padding 0.2s linear;
    -moz-transition: padding 0.2s linear;
    -o-transition: padding 0.2s linear;
    transition: padding 0.2s linear;
    -webkit-box-shadow: 0px 12px 30px #0000001A;
    box-shadow: 0px 12px 30px #0000001A;
    border-radius: 0px 0px 20px 20px;
    padding-top: 0.92em;
    padding-bottom: 0.92em;
}

@media(max-width:400px) {
    .affix {
        padding-bottom: 1em !important;
    }
}

section {
    min-height: calc(100% - 70px);
}

.buttonx2 {
    border: none;
    padding: 12px;
    margin-top: 40px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    background: #0bc268;
    border-radius: 2em;
    float: right;
    width: 200px;
    margin: 40px 60px 0 0;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s;
}

.buttonx2 {
    border: none;
    padding: 12px;
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    border-radius: 2em;
    width: 200px;
    margin: 40px 60px 0 0;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s;
    float: left;
    box-shadow: none !important;
    color: #6c757d;
    background: #fff
}


.buttonx25 {
    border: none;
    padding: 12px;
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    border-radius: 2em;
    width: 200px;
    margin: 40px 60px 0 0;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s;
    float: left;
    box-shadow: none !important;
    color: #6c757d;
    background: #fff
}

.buttonx25w {
    border: none;
    padding: 12px;
    margin-top: 40px;
    font-size: 16px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    border-radius: 2em;
    width: 200px;
    margin: 40px 60px 0 0;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s;
    float: left;
    box-shadow: none !important;
    color: #6c757d;
    background: #fff !important;
}

.btnx4 {
    border: none;
    padding: 12px;
    margin-top: 40px !important;
    font-size: 16px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    border-radius: 2em;
    width: 200px;
    margin: 20px 60px 0 0;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s;
    float: left;
    box-shadow: none !important;
    color: #6c757d;
    background: #fff
}

.btnx44 {
    border: none;
    padding: 12px;
    margin-top: 40px !important;
    font-size: 16px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    border-radius: 2em;
    width: 200px;
    margin: 20px 60px 0 0;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s;
    float: left;
    box-shadow: none !important;
    color: #6c757d;
    background: #fff !important;
}

.btnx6 {
    border: none;
    padding: 12px;
    margin-top: 40px !important;
    font-size: 16px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    border-radius: 2em;
    width: 200px;
    margin: 20px 60px 0 0;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s;
    float: left;
    box-shadow: none !important;
    color: #6c757d;
    background: #F7F7F7
}

.iclassx {
    color: #6c757d;
    font-size: 25px;
    position: absolute;
    margin-top: -4px;
    margin-left: -33px;
}

.btanx5 {
    border: none;
    padding: 12px;
    margin-top: 40px !important;
    font-size: 16px;
    line-height: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 0.375rem;
    border-radius: 2em;
    width: 200px;
    margin: 20px 60px 0 0;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s;
    float: left;
    box-shadow: none !important;
    color: #6c757d;
    background: #fff
}

    .btanx5:hover {
        background: #fff !important;
    }

.inputT2 {
    white-space: nowrap;
}

.inputTitle {
    color: #6c757d;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 5px;
}

.btnx4:hover {
    background: #F7F7F7 !important;
    color: #fff !important;
}

.buttonx:hover {
    background: #007666 !important;
    color: #fff !important;
}

.borderHover:hover {
    border-color: #007666 !important;
}

.buttonHover:hover {
    background: #007666 !important;
}

.buttonHover5:hover {
    background: #0bc268 !important;
}

.btnhover2:hover {
    color: #007666 !important;
}

.buttonNoHover2:hover {
    background-color: #fff !important;
    background: #F7F7F7 !important;
    color: #6c757d !important;
}

.lastNameDiv {
    max-width: 24.5%
}

.mleft40 {
    margin-left: 40px;
}

.buttonNoHover:hover {
    background-color: #fff !important;
    background: #fff !important;
    color: #6c757d !important;
}

.buttonNoHover3:hover {
    background-color: #F7F7F7 !important;
    background: #F7F7F7 !important;
    color: #6c757d !important;
}

#main-loader {
    position: fixed;
    background-color: rgba(255,255,255, 0.5);
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1051;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #main-loader .spinner-grow {
        z-index: 1052;
    }

.buttonNoHover33:hover {
    background-color: #fff !important;
    background: #fff !important;
    color: #6c757d !important;
}

.cf4 {
    width: auto !important;
}

@media(max-width:440px) {
    .cf4 {
        float: none !important;
        margin: auto !important;
    }

    .bp44 {
        float: none !important;
        text-align: center !important;
    }
}

@media(max-width:310px) {
    .bp34 {
        padding: 10px 5px !important;
    }
}

@media (max-width:780px) {
    .ciastko34 {
        margin-top: 40px !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .ciastko3 {
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, 182%);
    }

    .buy-product {
        padding: 60px 15px 115px !important;
    }
}


.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0bc268;
}

@media (min-width: 1300px) {
    .container {
        max-width: 1240px;
    }
}

@media (max-width: 1000px) {
    .colZ {
        min-width: 25%;
        margin-top: 10px;
    }
}

@media(max-width:768px) {
    .colZ22 {
        margin-top: 20px !important;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1340px;
    }
}

@media (min-width: 1500px) {
    .container {
        max-width: 1440px;
    }
}


@media (max-width : 1350px) {
    .mbr1 {
        margin-top: 60px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1540px;
    }
}

@media(max-width:1200px) {
    .nav-item {
        margin: 0;
    }
}

@media(max-width: 1200px) {
    .headerx {
        font-size: 2.4rem !important;
    }
}


.ui-datepicker td {
    padding: 0;
    border: none;
}

#coInsuredsList .person-1 * {
    font-size: 14px;
}

#coInsuredsList .person-1 .product {
    padding: 10px;
    margin-right: 5px;
    border: 1px solid #d1d0d0;
    border-radius: 15px;
}

@media (max-width:1120px) {
    .prog111 {
        margin: 170px 0 60px 0;
    }
}

@media (max-width:1120px) {
    .prog1112 {
        margin: 200px 0 60px 0;
    }
}

@media (max-width:980px) {
    .prog1112 {
        margin: 200px 0 60px 0;
    }
}

@media (max-width:882px) {
    .prog1112 {
        margin: 230px 0 60px 0;
    }
}

@media (max-width:600px) {
    .prog1112 {
        margin: 270px 0 60px 0;
    }
}

@media (max-width:530px) {
    .prog1112 {
        margin: 310px 0 60px 0;
    }
}

@media (max-width:320px) {
    .prog1112 {
        margin: 320px 0 60px 0;
    }
}

@media (max-width:300px) {
    .prog1112 {
        margin: 340px 0 60px 0;
    }
}

@media (max-width:290px) {
    .prog1112 {
        margin: 380px 0 60px 0;
    }
}

@media (max-width:270px) {
    .prog1112 {
        margin: 420px 0 60px 0;
    }
}

@media (max-width:980px) {
    .prog111 {
        margin: 200px 0 60px 0;
    }
}

@media (max-width:882px) {
    .prog111 {
        margin: 240px 0 60px 0;
    }
}

@media (max-width:600px) {
    .prog111 {
        margin: 270px 0 60px 0;
    }
}

@media (max-width:530px) {
    .prog111 {
        margin: 310px 0 60px 0;
    }
}

@media (max-width:290px) {
    .prog111 {
        margin: 350px 0 60px 0;
    }
}

@media (max-width:270px) {
    .prog111 {
        margin: 370px 0 60px 0;
    }
}

@media (max-width:260px) {
    .prog111 {
        margin: 400px 0 60px 0;
    }
}

@media (max-width:882px) {
    .prog1 {
        margin: 190px 0 60px 0;
    }
}

@media (max-width:619px) {
    .prog1 {
        margin: 210px 0 60px 0;
    }
}

@media (max-width:610px) {
    .prog1 {
        margin: 240px 0 60px 0;
    }
}

@media (max-width:389px) {
    .prog1 {
        margin: 295px 0 60px 0;
    }
}

@media (max-width:308px) {
    .prog1 {
        margin: 325px 0 60px 0;
    }
}

@media(max-width:630px) {
    .summaryDiv {
        margin: 20px 0 140px 0 !important;
    }
    .summaryDiv2 {
        margin: 20px 0 20px 0 !important;
    }
}

@media (max-width:470px) {
    .adi5x {
        width: auto !important;
    }
}

@media (max-width:380px) {
    .standard-container-nau {
        margin-top: 20px;
    }
}


@media (max-width:380px) {
    .adi2x {
        width: auto !important;
    }
}


@media (max-width:470px) {
    .adi3x {
        width: auto !important;
    }

    .mauto {
        margin: auto;
    }
}

@media (max-width:345px) {
    .kapixa {
        display: block;
    }
}

@media (max-width:560px) {
    .bigTitle2 {
        font-size: 2rem !important;
    }
}

.formpl {
    margin-bottom: 80px;
}

@media(max-width: 792px) {
    .formpl {
        padding: 0 5px !important;
    }
}

@media(max-width: 438px) {
    .pipa3 {
        text-align: center !important;
        font-size: 12px !important;
    }
}

@media(max-width: 780px) {
    .capl4 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto !important;
        margin-top: -60px !important;
        white-space: nowrap;
    }

    .floatinitial {
        float: initial !important;
    }
}

@media(max-width: 320px) {
    .capl4 {
        font-size: 13px !important;
    }
}

@media(max-width: 380px) {
    .bigTitle2 {
        font-size: 1.5rem !important;
    }
}

@media (max-width:408px) {
    .margm {
        margin: 40px 0;
    }

    .adi3x {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (max-width:282px) {
    .prog1 {
        margin: 355px 0 60px 0;
    }
}

@media (max-width:278px) {
    .prog1 {
        margin: 380px 0 60px 0;
    }
}

@media (max-width:255px) {
    .prog1 {
        margin: 410px 0 60px 0;
    }
}

@media (max-width: 992px) {
    .site-footer-wrapper {
        text-align: center;
    }

    .ab23 {
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {

    .ab23 {
        margin-top: 50px;
        margin-bottom: 30px !important;
    }
}

    @media (max-width: 980px) {
        .mbr1 {
            margin-top: 110px !important;
        }
    }

    @media (max-width: 630px) {
        .mbr1 {
            margin-top: 130px !important;
        }
    }

    @media (max-width: 609px) {
        .mbr1 {
            margin-top: 160px !important;
        }
    }




    @media (max-width: 360px) {
        .mbr1 {
            margin-top: 230px !important;
        }
    }

    @media (max-width: 320px) {
        .mbr1 {
            margin-top: 300px !important;
        }
    }

    @media (max-width: 290px) {
        .mbr1 {
            margin-top: 350px !important;
        }
    }

    @media (max-width:1400px) {
        .btnNoRes, .btnRes {
            font-size: 12px !important;
        }
    }

    @media (max-width:1320px) {
        .mbrx1 {
            margin-top: 180px !important;
        }
    }

    @media (max-width:1110px) {
        .mbrx1 {
            margin-top: 210px !important;
        }
    }

    @media (max-width:780px) {
        .mbrx1 {
            margin-top: 230px !important;
        }
    }

    @media (max-width:640px) {
        .mbrx1 {
            margin-top: 260px !important;
        }

        .tit5 {
            font-size: 2rem !important;
        }
    }

    @media (max-width:590px) {
        .mbrx1 {
            margin-top: 280px !important;
        }
    }

    @media (max-width:430px) {
        .mbrx1 {
            margin-top: 320px !important;
        }
    }

    @media (max-width:380px) {
        .mbrx1 {
            margin-top: 340px !important;
        }
    }

    @media (max-width:350px) {
        .mbrx1 {
            margin-top: 400px !important;
        }
    }

    @media (max-width:300px) {
        .mbrx1 {
            margin-top: 450px !important;
        }
    }

    @media (max-width:470px) {
        .format {
            text-align: center !important;
        }

        .boten {
            float: initial !important;
            margin: 80px auto !important;
            width: auto !important;
        }
    }

    @media (max-width:990px) {
        .zzz {
            margin-top: 230px !important;
        }
    }

    @media (max-width:555px) {
        .colba1 {
            width: 100%;
            min-width: 100%;
        }

        .colba2 {
            width: 100%;
            min-width: 100%;
        }

        .btnNoRes {
            float: initial !important;
            margin: 10px auto !important
        }

        .btnRes {
            float: initial !important;
            margin: 10px auto !important
        }
    }

    @media (max-width:630px) {
        .mgg {
            padding-top: 0 !important;
        }
    }

    @media (max-width: 268px) {
        .mbr1 {
            margin-top: 300px !important;
        }
    }

    @media (max-width: 600px) {
        .headerx {
            font-size: 1.7rem !important;
        }
    }

    @media (max-width: 1132px) {
        .approv1 {
            margin: 140px 0 60px 0;
        }
    }


    @media (max-width: 882px) {
        .approv1 {
            margin: 180px 0 60px 0;
        }
    }

    @media (max-width: 747px) {
        .approv1 {
            margin: 210px 0 60px 0;
        }
    }

    @media(max-width:384px) {
        .headerx {
            font-size: 1.5rem !important;
        }
    }

    @media (max-width: 610px) {
        .approv1 {
            margin: 240px 0 60px 0;
        }
    }

    @media (max-width: 602px) {
        .approv1 {
            margin: 270px 0 60px 0;
        }
    }

    @media (max-width: 380px) {
        .approv1 {
            margin: 300px 0 60px 0;
        }
    }

    .h1c {
        display: none;
    }

    @media (max-width: 375px) {
        .approv1 {
            margin: 340px 0 60px 0;
        }
    }

    @media (max-width: 324px) {
        .approv1 {
            margin: 370px 0 60px 0;
        }
    }

    @media (max-width: 282px) {
        .approv1 {
            margin: 400px 0 60px 0;
        }
    }



    @media(min-width: 563px) {
        .mbottom20sx {
            margin-bottom: 20px;
        }
    }

    @media(max-width:280px) {
        .h1c {
            display: block !important;
            height: 120px !important;
        }
    }

    .mbottom20xx {
        margin-bottom: 20px;
    }

    @media (max-width:768px) {
        .mbottom20s.kapi {
            margin-bottom: 20px !important;
        }

        .mbottom20s.kapi2 {
            margin-bottom: 0 !important;
        }
    }

    @media(max-width:225px) {
        .ci2 {
            width: auto !important;
        }
    }

    @media(max-width:240px) {
        .ci3 {
            width: auto !important;
        }
    }

    @media(max-width:410px) {
        .ci4 {
            width: auto !important;
        }

        .cci4 {
            justify-content: center !important;
        }

        .mber3 {
            margin: 40px auto 0 auto !important;
        }
    }

    @media(max-width:598px) {
        .ci5 {
            width: auto !important;
            float: none !important
        }
    }

    @media(max-width:px) {
        .inpt2 {
            margin-top: 27px !important;
        }
    }

    @media (max-width:565px) {
        .ciastko345 {
            margin-top: 40px !important;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .ciastko35 {
            position: absolute;
            top: 60%;
            left: 50%;
            transform: translate(-50%, 182%);
        }

        .prox1 {
            margin-bottom: 160px !important;
        }
    }

    a.btnHover2:hover {
        color: #007666 !important;
        border-color: #007666 !important;
    }
    @media(max-width:450px){
        .margRes{
            margin:10px auto!important;
        }
    }
    @media(max-width:400px){
        .imgResError{
            width:25%!important;
        }
        .spaceb1{
            margin-bottom:20px!important;
        }
        .spaceb2 {
            margin-bottom: 20px !important;
        }
        .spaceb3 {
            margin: 40px auto 40px!important;
        }
    }
    @media(max-width:425px){
        .tit5 {
            font-size: 1.5rem !important;
        }
    }
    @media(max-width:400px){
        .pora1{
            padding:2rem 0 !important;
        }
        .abu1{
            font-size:14px!important;
        }
        .btnsr1{
            margin-top:0!important;
            padding:10px!important
        }
    }
    @media (max-width:612px) {
        .ciastko3456 {
            margin-top: 40px !important;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .ciastko356 {
            position: absolute;
            top: 60%;
            left: 50%;
            transform: translate(-50%, 182%);
        }

        

        .colFul {
            width: 100%;
            max-width: 100%;
            min-width: 100%;
        }

        .btnEdit {
            width: auto !important;
        }

        .tita {
            text-align: center !important;
        }

        .tita1 {
            margin-left: 0 !important;
            display: block !important;
            margin-top: 5px;
        }
    }

    .disactive {
        display: none;
    }

    yesactive {
        display: inline-block
    }


    .margtopbot10 {
        margin: 10px 0 !important;
    }

    @media (max-width:988px) {
        .colInM {
            max-width: 50% !important;
            min-width: 50% !important;
            width: 50% !important;
        }

        .colInMb {
            max-width: 100%;
            min-width: 100%;
            width: 100%;
        }
    }

    @media (max-width:360px){
        .sma2{
            line-height:21px!important;
        }
    }
@media (max-width:270px) {
    .btnsr1{
        width:auto!important;
    }
}
@media(max-width:576px){
    .jrx2 {
        justify-content: center!important;
    }
}
    @media (max-width:562px) {
        .coliM {
            max-width: 100% !important;
            width: 100% !important;
            min-width: 100% !important;
        }

        .coliM2 {
            max-width: 101.5% !important;
            width: 101.5% !important;
            min-width: 101.5% !important;
        }

        .coliMb {
            margin-bottom: 20px;
        }

        .mbottom20s {
            margin-bottom: 20px;
        }

        .mbottom20sx {
            margin-bottom: 20px;
        }

        .mbottom20xx {
            margin-bottom: 0;
        }

        .lnDiv {
            margin-top: 20px;
        }
    }

    .tableSmall {
        display: none;
    }

    .tableBig {
        display: block;
    }

    .line-height25 {
        line-height: 25px;
    }

    .mtop12mbot7 {
        margin: 12px 0 7px;
    }

    .czacze {
        border-top: 1px solid #00000029;
        padding-top: 10px;
    }

    .fontweight500 {
        font-weight: 500
    }

    @media(max-width:1365px) {
        .cola1 {
            width: 50%;
            min-width: 50%;
        }

        .cola2 {
            width: 50%;
            min-width: 50%;
        }
    }

    @media(max-width:980px) {
        .cola1 {
            width: 100%;
            min-width: 100%;
        }

        .cola2 {
            width: 100%;
            min-width: 100%;
        }

        .cola3 {
            width: 100%;
            min-width: 100%;
        }
    }

    @media(max-width:998px) {
        .tableBig {
            display: none !important;
        }

        .tableSmall {
            display: block !important;
        }

        .startDateDiv {
            justify-content: center !important;
        }

        .startDate {
            width: auto;
            margin-right: 0 !important;
        }

        .right-aligned {
            display: none !important;
        }
    }

    .riskData {
        display: none;
    }

    .shown {
        display: block !important;
    }

    @media(max-width:500px) {
        .fa-angle-down {
            display: none !important;
        }
    }

    @media(max-width:420px) {
        .dv1 {
            padding: 30px 0px !important;
            margin: 0 0 !important;
        }

        .startDate {
            margin-right: 5px !important;
            margin-left: 5px !important;
        }
    }

    @media(max-width:550px) {
        .dateTitle {
            font-size: 14px;
            padding: 0px 5px;
        }
    }

    @media(max-width:472px) {
        .dateTitle {
            font-size: 12px;
            padding: 0px 5px;
        }
    }

    

    @media(max-width:432px) {
        .dateTitle {
            font-size: 11px;
            padding: 0 !important;
        }
    }

    @media(max-width:1365px) {
        .bton1 {
            margin-left: 0 !important;
            float: left !important;
        }

        .bton2 {
            width: 100%;
            min-width: 100%;
        }
    }

    @media(min-width:600px) {
        .mbottom20s45 {
            margin-bottom: 20px;
        }

        #divForeigner {
            padding-top: 40px !important;
        }
    }

    @media(max-width:500px) {
        .colaxDate {
            justify-content: center !important;
        }
    }

    @media (max-width:599px) {
        .coliM4 {
            max-width: 100% !important;
            width: 100% !important;
            min-width: 100% !important;
        }


        .coliMb4 {
            margin-bottom: 20px;
        }

        .mbottom20s4 {
            margin-bottom: 20px;
        }

        .mbottom20sx4 {
            margin-bottom: 20px;
        }

        .mbottom20xx4 {
            margin-bottom: 0;
        }

        .mtopKapi {
            margin-top: 20px;
        }

        .mtopKapi10 {
            margin-top: 10px;
        }
    }

    @media (max-width:600px) {
        .tokenik {
            width: 50px !important;
            height: 70px !important;
            font-size: 50px !important;
        }

        .kapixa {
            margin: 60px 10px !important;
        }
    }

    @media (max-width:390px) {
        .kapixa {
            margin: 100px 10px 60px 10px !important;
        }
    }

    @media (max-width:395px) {
        .tokenik {
            width: 40px !important;
            height: 50px !important;
            font-size: 35px !important;
        }
    }

    @media (max-width:395px) {
        .tokenik {
            width: 40px !important;
            height: 50px !important;
            font-size: 35px !important;
        }
    }

    .brc {
        display: none
    }

    @media (max-width:335px) {
        .colgap {
            column-gap: 5px !important;
        }
    }

    @media (max-width:348px) {
        .strong1 {
            font-size: 17px !important;
        }

        .imgC {
            width: 70% !important;
        }
    }

    @media (max-width:444px) {
        .imgC2 {
            width: 70% !important;
        }
    }

    @media(max-width:440px) {
        .btnCookie {
            width: auto !important;
        }

            .btnCookie:after {
                margin-left: 0 !important;
                margin-left: 5px !important;
                top: 15px;
            }
    }

    @media (max-width:380px) {
        .czicza {
            padding: 2rem 5px !important;
        }
    }

    @media (max-width:275px) {
        .colgap {
            display: grid !important;
        }

        #t1, #t2, #t3, #t4, #t5, #t6 {
            margin: 5px 0 !important;
        }
    }


    @media(max-width:1065px) {
        .mobi1 {
            width: 100%;
            min-width: 100%;
        }
    }


    @media(max-width:305px) {
        .dateTitle {
            font-size: 9px !important;
        }
    }

    @media(max-width:330px) {
        .card-body {
            padding: 2.5rem .5rem !important;
        }

        .czecz1 {
            padding-right: 0 !important;
            padding-left: 0 !important;
        }
    }

    .rks_name {
        font-size: 16px !important;
        line-height: 30px;
        font-weight: 600;
    }

    @media(max-width:400px) {
        .rks_name {
            font-size: 14px !important;
            line-height: initial !important;
        }

        .rks_data {
            font-size: 14px !important;
            line-height: initial !important;
        }
    }

    @media(max-width:750px) {
        .colax1 {
            justify-content: center;
        }
    }

    @media(max-width:540px) {
        .colax2 {
            justify-content: center !important;
        }

        .colax3 {
            margin: 20px 0 !important;
        }
    }

    @media(max-width:552px) {
        .colax22 {
            justify-content: center !important;
        }

        .colax331 {
            margin-top: 20px !important;
            margin-left: 0 !important;
        }

        .xtnd2 {
            margin-left: 0 !important;
        }

        .txtac3 {
            text-align: center !important;
        }

        .trs1 {
            margin-top: -10px!important;
        }
        

        .beb2 {
            margin-bottom: 40px !important;
        }

        .label1s {
            display: grid !important;
            justify-content: center !important;
        }

        .colax33 {
            margin: 20px 0 !important;
        }

        .mw100s {
            max-width: 100% !important;
            min-width: 100% !important;
            width: 100% !important;
        }

        .xce2 {
            text-align: center !important;
        }

        .jtfc2 {
            justify-content: center !important;
        }

        .dpg {
            display: grid !important;
        }
    }

    @media(max-width:992px) {
        .colax4 {
            margin: 20px 0 !important;
        }
    }

    @media(max-width:500px) {
        .colax4 {
            margin: 40px 0 20px 0 !important;
        }
    }
    @media(max-width:270px){
        .xexa1{
            padding-left:5px!important;
        }
    }
    @media(max-width:400px) {
        .btnC2 {
            float: unset !important;
        }
    }
    @media(max-width:768px){
        .buyp1 {
            padding: 10px 15px 115px !important;
        }
    }
    @media(max-width:400px) {
        .pcs1 {
            font-size: 11px !important;
        }

        .nnwBtnDiv {
            text-align: center !important;
        }

        .extndDiv {
            text-align: center !important;
        }
    }

    @media(max-width:340px) {
        .baba232 {
            text-align: center !important;
        }

        .baba5 {
            margin: auto !important;
        }

        .ocMarg {
            margin: auto !important;
            display: table !important;
        }

        .homeMarg {
            margin: auto !important;
            display: table !important;
        }
        .nnwMarg {
            margin: 5px auto!important;
        }

        .baba234 {
            display: table;
            margin: 5px auto;
            text-align: center !important
        }

        .ce1 {
            float: none !important;
        }
    }

    @media(max-width:1365px) {
        .divContained1 {
            margin: 140px 0 60px 0 !important;
        }
    }

    @media(max-width:1200px) {
        .divContained1 {
            margin: 165px 0 60px 0 !important;
        }
    }

    @media(max-width:980px) {
        .divContained1 {
            margin: 200px 0 60px 0 !important;
        }
    }

    @media(max-width:860px) {
        .divContained1 {
            margin: 230px 0 60px 0 !important;
        }
    }

    @media(max-width:580px) {
        .divContained1 {
            margin: 260px 0 60px 0 !important;
        }
    }

    @media(max-width:330px) {
        .divContained1 {
            margin: 290px 0 60px 0 !important;
        }
    }



    @media(max-width:360px){
        .fula3{
            min-height:670px!important;
        }
    }
@media(max-width:315px) {
    .fula3 {
        min-height: 710px !important;
    }
}

@media(max-width:292px) {
    .fula3 {
        min-height: 740px !important;
    }
}


    @media(max-width:320px) {
        .divContained1 {
            margin: 310px 0 60px 0 !important;
        }
    }

    @media(max-width:310px) {
        .divContained1 {
            margin: 320px 0 60px 0 !important;
        }
    }

    @media(max-width:300px) {
        .divContained1 {
            margin: 340px 0 60px 0 !important;
        }
    }



    @media(max-width:300px) {
        .divContained1 {
            margin: 330px 0 60px 0 !important;
        }
    }

    @media(max-width:280px) {
        .divContained1 {
            margin: 380px 0 60px 0 !important;
        }
    }

    @media(max-width:270px) {
        .divContained1 {
            margin: 400px 0 60px 0 !important;
        }
    }

    @media(max-width:440px) {
        .background-full666::after {
            height: 101.8% !important;
        }
    }

    @media(max-width:300px) {
        .pop2 {
            width: auto !important
        }
    }








    @media (max-width:1120px) {
        .prog11121 {
            margin: 200px 0 60px 0;
        }
    }

    @media (max-width:980px) {
        .prog11121 {
            margin: 200px 0 60px 0;
        }
    }

    @media (max-width:882px) {
        .prog11121 {
            margin: 250px 0 60px 0;
        }
    }

    @media (max-width:600px) {
        .prog11121 {
            margin: 310px 0 60px 0;
        }
    }

    @media (max-width:530px) {
        .prog11121 {
            margin: 340px 0 60px 0;
        }
    }

    @media (max-width:320px) {
        .prog11121 {
            margin: 360px 0 60px 0;
        }
    }

    @media (max-width:300px) {
        .prog11121 {
            margin: 380px 0 60px 0;
        }
    }

    @media (max-width:290px) {
        .prog11121 {
            margin: 400px 0 60px 0;
        }
    }

    @media (max-width:270px) {
        .prog11121 {
            margin: 430px 0 60px 0;
        }
    }









    @media(max-width:980px) {
        .kupr1 {
            margin: 100px 60px !important;
        }
    }


    @media(max-width:500px) {
        .kupr1 {
            margin: 100px 5px !important;
        }
    }

    @media(max-width:350px) {
        .kupr1 {
            margin: 160px 5px !important;
        }
    }

    @media(max-width:270px) {
        .kupr1 {
            margin: 190px 5px !important;
        }
    }


    @media(max-width:240px) {
        .czicp2 {
            width: auto !important;
            padding: unset !important;
        }
    }


    @media(max-width:330px) {
        .kaui1 {
            margin: 140px 10px 60px 10px !important
        }
    }

    @media(max-width:300px) {
        .kaui1 {
            margin: 180px 5px 60px 5px !important
        }
    }

    @media(max-width:260px) {
        .kaui1 {
            margin: 220px 5px 60px 5px !important
        }
    }

    @media(max-width:240px) {
        .kaui1 {
            margin: 250px 5px 60px 5px !important
        }
    }

    @media(max-width:560px) {
        .thnk1 {
            line-height: initial !important;
        }
    }


    @media(max-width:280px) {
        .thnk1 {
            text-align: center !important;
            width: 100% !important;
            max-width: 100% !important;
            min-width: 100% !important
        }
    }

    @media(max-width:992px) {
        .pro2 {
            display: none !important;
        }
    }

    @media(max-width:400px) {
        .jft2 {
            justify-content: center !important;
            margin-left: auto !important;
        }

        .mbr1 {
            margin-top: 0 !important;
        }
    }

   


    @media(max-width:768px) {
        .lax1 {
            left: 37px !important;
        }

        .pup1 {
            margin-bottom: 0 !important;
        }

        .colZ223 {
            margin-left: 40px !important;
        }

        .colZ34 {
            margin-top: 20px !important
        }
    }

    @media(max-width:600px) {
        .colp1 {
            width: unset !important;
            max-width: unset !important;
            min-width: unset !important;
        }

        .rowp1 {
            display: -webkit-box !important;
        }
    }



    @media(max-width:620px) {
        .homeVa {
            margin-top: 0 !important;
        }

        .homeVa1 {
            padding-top: 0 !important;
        }
    }



    @media(max-width:565px) {
        .colaDate2 {
            margin: 0 auto !important;
            margin-bottom: 0 !important;
            margin-top: -30px !important;
            position: absolute;
        }
    }
    @media(max-width:430px){
        .czicz2{
            margin:40px 0 !important;
        }
    }
@media(max-width:400px) {
    .czicz23 {
         padding:10px 0!important
    }
}

@media(max-width:400px){
    .mw100c {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    .cci44{
        float:none!important;
    }
    
}

@media(max-width:500px){
    .abc1234 {
        margin: 0 auto 60px auto !important;
    }
}

@media(max-width:1028px) {
    .background-fullx::after {
        height: 102.8%!important;
    }
}

@media(min-width:1050px){
    .summary1 {
        margin: 0 40px;
    }
}

@media(max-width:315px){
    .dpgrid{
        display:grid!important;
    }
    .mauto1{
        margin:auto!important;
    }
    .txtm1 {
        margin: 20px auto;
        text-align: center !important;
    }
}

@media(max-width:314px){
    .txtm12 {
        margin: 20px auto;
        text-align: center !important;
    }
}

@media(max-width:350px) {
    .mtpo2 {
        margin-top:40px!important
    }
}

@media(max-width:992px) {
    .paragraph4 {
        margin-bottom: 2.5rem!important;
    }
}