body#checkout section.checkout-step {
    background-color: #FFFFFF !important;
    padding: 15px;
    margin-bottom: 3px;
    border: 1px solid #e5e5e5 !important;
    border-radius: 5px;


    h1.step-title.js-step-title.h3 {
        z-index: 5;
        width: 100%;
        margin: 0 !important;
        position: relative;
        text-align: left;
        font-weight: 600 !important;
        font-size: 24px !important;
        line-height: 36px;
        text-transform: capitalize !important;
        letter-spacing: 0;
        color: #1d1d1a;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 0px;
    

        &::before {
            content: "";
            width: 250px;
            height: 2px;
            background-color: #ffc107;
            position: absolute;
            bottom: -1px;
            left: 0;
        }

    }
        .content {
                 padding: 10px !important;

                ul.nav li:first-child,
                ul.nav li:last-child {
                     text-align: center;
                     padding: 10px;
                     width: 200px;
                     border-radius: 5px;
                     background-color: #ebebeb!important;
                }
                
                     ul.nav li:first-child:has(.nav-link.active),
                     ul.nav li:last-child:has(.nav-link.active)
                     {
                        background-color: #ffc107 !important;
                    }
                

                 ul.nav li:nth-child(2){
                    display: none;
                 }

                .nav-item .nav-link.active,
                .nav-item .nav-link:hover {
                    text-decoration: none !important;

                }
                 a:hover,
                 a:focus {                       
                        color: #000 !important;
                }

                .customer-type-block{
                    .customer-title {
                        font-weight: 600 !important;
                        font-size: 18px !important;
                        line-height: 24px;
                        color: #1d1d1a;
                    }
                    .customer-type-btn {
                        outline: none !important;
                        box-shadow: none !important;
                        padding: 10px;
                        margin-right: 1rem;
                        margin-top: 10px;
                        border-radius: 5px;
                        width: 200px;
                    }
                    button.btn.customer-type-btn.active{
                        background-color: #ffc107 !important;
                        color: #ebebeb;
                    }

                }
                [type="checkbox"],
                [type="radio"] {
                    height: 25px;
                    width: 25px;
                    box-sizing: border-box;
                    padding: 0;
                }
                @media (max-width: 966px) {
                    ul.nav.nav-inline.my-2 {
                     display: flex;
                     flex-direction: column;

                     li.nav-item {
                        margin-bottom: 10px !important;
                        margin-left: 0 !important;
                        width: 100% !important;
                        }
                        
                    }

                    .forgot-password {
                        margin-bottom: 20px;
                        margin-left: 0 !IMPORTANT;
                    }

                    .form-group {
                        margin-bottom: 0 !important;
                    }
                    
                    .btn-group {
                    width: 100%;
                    }  
                     
                    button.btn.customer-type-btn{
                        width: 100% !important;
                        margin-right: 0 !important;
                        margin-top: 10px !important;
                    }

                }

        }
}

/* Ukryj domyślnie pola company i vat_number w formularzu adresowym */
#custom-address-form .form-group:has(input[name="company"]),
#custom-address-form .form-group:has(input[name="vat_number"]),
#custom-address-form .form-row:has(input[name="company"]),
#custom-address-form .form-row:has(input[name="vat_number"]),
#custom-address-form .form-field:has(input[name="company"]),
#custom-address-form .form-field:has(input[name="vat_number"]) {
  display: none !;
  }