.form-element-1, .form-element-1:focus-visible {
    height: 48px;
    border-radius: 0;
    border: 1px solid #ccc;
    width: 100%;
    outline: 0;
    padding: 16px
}

.form-element-2, .form-element-2:focus-visible {
    min-height: 180px;
    border-radius: 0;
    border: 1px solid #ccc;
    width: 100%;
    outline: 0;
    padding: 16px
}

.form-check-input[type=checkbox] {
    border-radius: 0;
    border: 1px solid #ccc;
    outline: 0;
    box-shadow: none
}

.form-check.needed .form-check-input[type=checkbox] {
    border-radius: 0;
    border: 2px solid #d81e04
}

.form-check-input:checked {
    background-color: #d81e04;
    border: 1px solid #d81e04
}

.form-check {
    margin-bottom: 20px
}

    .form-check.needed {
        margin-bottom: 40px
    }

        .form-check.needed:after {
            content: "Ta zgoda jest obowiązkowa";
            color: #d81e04;
            display: block;
            position: absolute;
            font-size: 14px;
            background-image: url(../../assets/img/ico-alert.svg) !important;
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 22px;
            margin-left: 7px;
            margin-top: 5px
        }

.required:before {
    content: "*";
    color: #d81e04;
    display: block;
    position: absolute;
    left: 22px
}

.bgr-logowanie {
    height: 100vh;
    position: fixed;
    z-index: -1;
    right: 0
}

@media (min-width:1400px) {
    .bgr-logowanie {
        width: 50%
    }
}

.bgr-logowanie-img {
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.logo-logowanie {
    width: 52px;
    margin-bottom: 40px
}

.big-btn-logowanie {
    display: flex;
    width: 100%;
    height: 96px;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #fff;
    border-left: 10px solid #d81e04;
    padding-left: 32px;
    padding-right: 24px;
    line-height: 1.3;
    transition: .3s ease-in-out
}

    .big-btn-logowanie:hover {
        padding-right: 12px;
        transition: .3s ease-in-out
    }

.container-fluid {
    max-width: 100%;
}

body {
    font-family: proxima-nova,sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    line-height: 1.5
}

.row {
    --bs-gutter-x: 24px;
}

.px-nav {
    padding-left: 24px;
    padding-right: 20px
}

.px-24 {
    padding-left: 24px;
    padding-right: 24px
}

@media (min-width:768px) {
    .logo-logowanie {
        width: 56px;
        margin-bottom: 60px
    }

    .row {
        --bs-gutter-x: 40px;
    }

        .row.my-3.centered {
            max-width: 40rem;
            margin: 0 auto;
        }

    .px-nav {
        padding-left: 49px;
        padding-right: 44px
    }

    .px-24 {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1500px) {
    .px-nav {
        padding-left: 40px;
        padding-right: 40px
    }

    .px-24 {
        padding-left: 32px;
        padding-right: 32px
    }
}

.fw-800 {
    font-weight: 800
}

h1 {
    font-size: clamp(2.3125rem, 1.6951rem + 2.6341vw, 4rem);
    letter-spacing: -.01em
}

h2 {
    font-size: clamp(2rem, 1.6113rem + 1.6585vw, 3.0625rem);
    letter-spacing: -.01em
}

.fs-18 {
    font-size: clamp(1rem, .9567rem + .1923vw, 1.125rem)
}

.colod-mid-gray, .color-dark-gray {
    color: #4d4d4d
}

.border-b-gray {
    border-bottom: 1px solid #ccc
}

.fs-16 {
    font-size: 16px
}

.btn-border, .btn-border:active, .btn-border:hover {
    min-height: 48px;
    border: 1px solid #d81e04;
    border-radius: 0;
    color: #d81e04 !important;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 16px;
    font-weight: 600
}

.btn-red-arrow, .btn-red-arrow:active, .btn-red-arrow:hover {
    height: 48px;
    background-color: #d81e04 !important;
    border-radius: 0;
    color: #fff !important;
    padding-left: 24px;
    padding-right: 49px;
    font-weight: 600 !important;
    background-image: url(Arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-position: center right 17px
}

.btn-red, .btn-red:active, .btn-red:hover {
    height: 48px;
    background-color: #d81e04 !important;
    border-radius: 0;
    color: #fff !important;
    padding-left: 24px;
    padding-right: 24px;
    font-weight: 600 !important;
    background-repeat: no-repeat;
    background-position: center right 17px
}

.btn-border-arrow, .btn-border-arrow:active, .btn-border-arrow:hover {
    height: 48px;
    background-color: #fff !important;
    border-radius: 0;
    color: #d81e04 !important;
    padding-left: 49px;
    padding-right: 24px;
    font-weight: 600 !important;
    background-image: url(Arrow-left-red.svg) !important;
    background-repeat: no-repeat;
    background-position: center left 17px;
    border: 1px solid #d81e04
}

.btn-red-arrow-right, .btn-red-arrow-right:active, .btn-red-arrow-right:hover {
    height: 48px;
    background-color: #d81e04;
    border-radius: 0;
    color: #fff !important;
    padding-left: 24px;
    padding-right: 49px;
    font-weight: 600 !important;
    background-image: url(Arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center right 17px;
    border: 1px solid #d81e04
}

.bgr-light-gray {
    background-color: #eee
}

.color-dark-gray, .color-dark-gray:hover {
    color: #484848
}

.txt-decoration-none, .txt-decoration-none:hover {
    text-decoration: none
}

.fs-14 {
    font-size: 14px
}

select {
    outline: 0
}

.border-light-gray {
    border: 1px solid #ccc
}

.color-red {
    color: #d81e04
}

.fs-24 {
    font-size: clamp(1.25rem, 1.0981rem + .6483vw, 1.5rem);
    line-height: 1.3
}

.fw-700 {
    font-weight: 700
}

.fs-20 {
    font-size: 20px;
    line-height: 1.3
}

.fw-600 {
    font-weight: 600
}

.fs-37 {
    font-size: clamp(1.75rem, 1.4943rem + 1.0909vw, 2.3125rem);
    line-height: 1.3
}

.section-title {
    margin-top: 12px;
    margin-bottom: 32px
}

.color-white {
    color: #fff
}

.fs-28 {
    font-size: clamp(1.25rem, 1.0227rem + .9697vw, 1.75rem);
    line-height: 1.3
}

.lh-13 {
    line-height: 1.3
}

.fs-32 {
    font-size: clamp(1.5rem, 1.2727rem + .9697vw, 2rem)
}

.p-24, .p-24-40 {
    padding: 24px
}

.logo-app {
    max-width: 180px
}

@media (max-width:991px) {
    .border-light-gray .ico-cloud {
        max-height: 40px
    }
}

.list-box-info li {
    margin-bottom: 12px
}

.list-box-info {
    padding-left: 20px
}

    .list-box-info li::marker {
        margin-bottom: 12px;
        color: #d9d9d9
    }

@media (max-width:767px) {
    .w-100-mobile {
        width: 100%
    }
}

.ico-success-send-img {
    position: absolute;
    max-width: 90px
}

.border-top-gray {
    border-top: 1px solid #ccc
}

@media (min-width:1200px) {
    .logo-logowanie {
        width: 250px;
        margin-bottom: 30px;
    }

    .p-24-40 {
        padding: 40px
    }
}

.border-gray-rounded {
    border-radius: 12px;
    outline: #CCC solid 1px;
    background-color: #fff;
    transition: .2s ease-in-out;
    height: 100%
}

    .border-gray-rounded.active, .border-gray-rounded:hover {
        border-radius: 12px;
        outline: #d81e04 solid 2px;
        background-color: #fdf6f5;
        transition: .1s ease-in-out
    }

.color-bgray {
    color: #969cb8
}

.text-decoration-none, .text-decoration-none:hover {
    text-decoration: none !important
}

.color-black {
    color: #000
}

.flat-rate-farmer-col {
    display: inline-flex;
}

.flat-rate-farmer {
    margin-right: 0.6rem;
    margin-bottom: 0.6rem;
}

.custom-margin {
    margin-left: -10px;
}

@media (min-width:1200px) {
    .custom-margin {
        margin-left: -6px;
    }
}