/* HEADER RELATED FIXES */
a.wishlisted i.fa-heart,
a.my-account-icon i.fa-user {
    margin-top: 7px;
}

@media (max-width: 768px) {
    #home-btn .fa-home {
        margin-top: 15px;
    }
}
/* END OF FIXES */

.b2b-main-container {
    margin: 50px 0;
    display: flex;
    flex-direction: column;
    gap: 80px;
}

html {
    scroll-behavior: smooth;
}  

.b2b-kozelatb2b-container {
    display: flex;
    flex-direction: column;
}

.b2b-kozelatb2b-top-frame {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    gap: 16px;
    justify-content: space-between;
}

.b2b-kozelatb2b-content {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    gap: 16px;
}

.b2b-kozelatb2b-content h1 {
    font-family: Inter;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 1%;
    color: #2E2E2E;
    margin: 0;
    padding: 0;
}

.b2b-kozelatb2b-content p:first-of-type {
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 135%;
    letter-spacing: 0%;
    color: #10839F;
    margin: 0;
    padding: 0;
}

.b2b-kozelatb2b-content p:nth-of-type(2) {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #2E2E2E;
    margin: 0;
    padding: 0;
}

.b2b-cta-btn {
    width: 211px;
    min-height: 48px;
    height: 48px;
    padding-right: 32px;
    padding-left: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 8px;
    background-color: #00A3CC;
    color: #fff;
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
}

.b2b-cta-btn:hover {
    color: #fff;
    transform: scale(1.08);
}

.b2b-kozelatb2b-bottom-frame {
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: center;
    background: linear-gradient(331.21deg, #000000 15.33%, #004C5F 83.6%);
    padding: 40px 0;
}

.b2b-kozelatb2b-content-bottom {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    max-width: 1200px;
}

.b2b-kozelatb2b-content-bottom h2 {
    font-family: Inter;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
}

.b2b-kozelatb2b-who-trusted-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: center;
}

.b2b-kozelatb2b-trusted-items {
    display: flex;
    align-items: center;
    gap: 8px;
}

.b2b-kozelatb2b-trusted-items span {
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #fff;
}

.b2b-fast-shipping-container {
    display: flex;
    width: 100%;
    max-width: 1200px;
    gap: 32px;
    justify-content: space-between;
    margin: 0 auto;
}

.b2b-fast-shipping-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.b2b-fast-shipping-content h2 {
    margin: 0;
    padding: 0;
    color: #2E2E2E;
    font-family: Inter;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0%;
}

.b2b-fast-shipping-content p {
    margin: 0;
    padding: 0;
    color: #10839F;
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 135%;
    letter-spacing: 0%;
}

.b2b-fast-shipping-items {
    display: flex;
    gap: 8px;
    align-items: center;
}

.b2b-fast-shipping-items span {
    color: #2E2E2E;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
}

.b2b-bg-companies-trusted-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1200px;
    gap: 32px;
    margin: 0 auto;
    justify-content: space-between;
}

.b2b-bg-companies-top {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
}

.b2b-bg-companies-top h2 {
    margin: 0;
    padding: 0;
    color: #2E2E2E;
    font-family: Inter;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0%;
}

.b2b-bg-companies-top p {
    margin: 0;
    padding: 0;
    color: #10839F;
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 135%;
    letter-spacing: 0%;
}

.b2b-bg-companies-bottom {
    display: flex;
    flex-direction: row;
    gap: 32px;
}

.b2b-bg-companies-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.b2b-bg-companies-content-wrapper div {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    max-width: 600px;
}

.b2b-bg-companies-content-wrapper h3 {
    margin: 0;
    padding: 0;
    color: #2E2E2E;
    font-family: Inter;
    font-weight: 700 !important;
    font-size: 24px;
    line-height: 130%;
    letter-spacing: 0%;
}

.b2b-bg-companies-content-wrapper p {
    margin: 0;
    padding: 0;
    color: #2E2E2E;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
}

.b2b-bg-companies-content-wrapper ul,
.b2b-bg-companies-content-wrapper li {
    margin: 0;
    padding: 0;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
}

.b2b-bg-companies-content-wrapper ul {
    list-style-position: inside;
    padding-left: 10px;
}

.b2b-av-windows-container {
    display: flex;
    margin: 0 auto;
    justify-content: center;
}

.b2b-av-windows-container a,
.b2b-cash-register-container a {
    display: inline-block;
    width: 100%;
    max-width: 600px;
}

.b2b-av-windows-container img,
.b2b-cash-register-container img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

.b2b-new-vs-refurbished-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: center;
}

.b2b-new-vs-refurbished-container h2 {
    color: #2E2E2E;
    font-family: Inter;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
}

.b2b-categories-cards-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    padding: 40px 0;
    background-color: #0E2127;
}

.b2b-categories-cards-content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 1200px;
}

.b2b-categories-cards-content-wrapper h2 {
    font-family: Poppins;
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #FFF;
    margin: 0;
    padding: 0;
}

.b2b-categories-wrapper {
    gap: 16px !important;
    flex-wrap: wrap !important;
}

.b2b-categories-wrapper img {
    max-width: 100%;
}

.b2b-categories-wrapper a {
    height: 180px;
    flex: 1 0 24%;
    max-width: unset;
}

.b2b-what-clients-say-container {
    display: flex;
    width: 100%;
    max-width: 1200px;
    padding: 40px 0;
    gap: 32px;
    flex-direction: column;
    margin: 0 auto;
}

.b2b-what-clients-say-container h2 {
    color: #2E2E2E;
    font-family: Inter;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0%;
}

.b2b-what-clients-say-wrapper {
    display: flex;
    gap: 32px;
}

.b2b-client-review {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    border: 1px solid #E2E2E2;
    border-radius: 16px;
    padding: 16px;
    gap: 16px;
    justify-content: space-between;
}

.b2b-client-review p:first-of-type {
    font-family: Inter;
    font-weight: 500;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: 0%;
    color: #2E2E2E;
}

.b2b-client-review p:nth-of-type(2) {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #10839F;
}

.b2b-cash-register-container {
    display: flex;
    margin: 0 auto;
    justify-content: center;
}

.b2b-blue-strip-container {
    background: #10839F;
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.b2b-blue-strip-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
    max-width: 1200px;
}

.b2b-blue-strip-content p:first-of-type {
    color: #FFF;
    font-family: Inter;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    margin: 0;
    padding: 0;   
}

.b2b-blue-strip-content p:nth-of-type(2) {
    color: #FFF;
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 135%;
    letter-spacing: 0%;
    text-align: center;
    margin: 0;
    padding: 0;    
}

.b2b-faq-container {
    display: flex;
    gap: 16px;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}

.b2b-faq-container h2 {
    color: #2E2E2E;
    font-family: Inter;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0%;
    margin: 0;
    padding: 0;
}

.b2b-faq-accordion {
    border-radius: 6px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.07);
  }
  
.b2b-accordion-item + .b2b-accordion-item {
    border-top: 1px solid #eee;
}

.b2b-accordion-header {
    background: #fff;
    color: #222;
    cursor: pointer;
    padding: 1rem;
    border: none;
    outline: none;
    width: 100%;
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 135%;
    letter-spacing: 0%;
    transition: background 0.2s;
    position: relative;
    text-align: left;
}

.b2b-accordion-header.active {
    background: #10839F;
    color: #fff;
}

.b2b-accordion-header:after {
    content: '▼';
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s;
    font-size: 0.9em;
}

.b2b-accordion-header.active:after {
    transform: translateY(-50%) rotate(180deg);
}

.b2b-accordion-content {
    max-height: 0;
    overflow: hidden;
    background: #e7f1f3;
    color: #2E2E2E;
    transition: max-height 1.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.8s;
    padding: 0 1rem;
    font-family: Inter;
    font-weight: 500;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: 0%;
}

.b2b-accordion-content ul {
    margin: 1em 0;
    padding-left: 20px;
}

.b2b-accordion-content li {
    font-family: Inter;
    font-weight: 500;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: 0%;
}

.b2b-accordion-item.open .b2b-accordion-content {
    padding: 1rem;
    max-height: 400px; /* adjust as needed */
    /* transition: max-height 1.6s cubic-bezier(0,1,0,1); */
}

.b2b-contact-form-container {
    display: flex;
    gap: 16px;
    width: 100%;
    max-width: 1200px;
    flex-direction: column;
    margin: 0 auto;
}

.b2b-contact-form-container h2 {
    color: #2E2E2E;
    font-family: Inter;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0%;
    margin: 0;
    padding: 0;
}

.b2b-contact-form-container p {
    color: #10839F;
    font-family: Inter;
    font-weight: 600;
    font-size: 20px;
    line-height: 135%;
    letter-spacing: 0%;
    margin: 0;
    padding: 0;
}

.b2b-contact-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.b2b-contact-form label {
    color: #2B383B;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.b2b-form-row {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.b2b-form-row:nth-of-type(1),
.b2b-form-row:nth-of-type(2) {
    padding-bottom: 24px;
    border-bottom: 1px solid #E1E8EA;
}


.b2b-input-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 280px;
    gap: 6px;
}

.b2b-input-wrapper input[type="text"],
.b2b-input-wrapper input[type="email"],
.b2b-input-wrapper input[type="number"],
.b2b-input-wrapper textarea,
.b2b-input-wrapper select {
    padding: 10px 12px 10px 12px;
    border-radius: 8px;
    border: 1px solid #D4DCDD;
    box-shadow: 0px 2px 4px 0px #0E21270F;
    background-color: #FFF;
}

.b2b-input-wrapper .select:after {
    right: 20px !important;
    top: 45% !important;
}

.b2b-submit-btn {
    border: unset;
}

.b2b-compare-table {
    display: flex;
    flex-direction: column;
}

.b2b-table-header,
.b2b-compare-row {
    display: flex;
    width: 100%;
    height: 48px;
    align-items: center;
}

.b2b-table-header > div {
    color: #10839F;
    font-family: Inter;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    flex: 1 1 0;
}

.b2b-compare-row {
    border-top: 1px solid #E2E2E2;
}

.b2b-compare-row > div {
    display: flex;
    flex: 1 1 0;
    word-break: break-word;
}

.b2b-compare-row > .b2b-compare-label {
    color: #2E2E2E;
    font-family: Inter;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
}

.b2b-compare-row > .b2b-compare-value {
    color: #2E2E2E;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
}

.b2b-form-error { 
    border: 1px solid red; 
}

/* responsive queries */
@media (max-width: 1200px) {
    .b2b-kozelatb2b-top-frame,
    .b2b-fast-shipping-container,
    .b2b-bg-companies-trusted-container,
    .b2b-new-vs-refurbished-container,
    .b2b-categories-cards-content-wrapper,
    .b2b-faq-container,
    .b2b-blue-strip-content,
    .b2b-contact-form-container {
        padding: 0 24px;
    }

    .b2b-kozelatb2b-bottom-frame,
    .b2b-what-clients-say-container {
        padding: 40px 24px;
    }

    .b2b-categories-wrapper {
        flex-direction: row !important;
    }

    .b2b-categories-wrapper > a {
        flex: 1 1 47%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .b2b-categories-wrapper img {
        display: block !important;
    }
    
    .b2b-categories-wrapper svg {
        display: none !important;
    }

    .b2b-kozelatb2b-top-frame,
    .b2b-fast-shipping-container,
    .b2b-bg-companies-bottom,
    .b2b-what-clients-say-wrapper {
        flex-direction: column;
    }

    .b2b-what-clients-say-wrapper {
        align-items: center;
    }
}

@media (max-width: 768px) {
    .b2b-kozelatb2b-top-frame,
    .b2b-fast-shipping-container,
    .b2b-bg-companies-trusted-container,
    .b2b-new-vs-refurbished-container,
    .b2b-categories-cards-content-wrapper,
    .b2b-faq-container,
    .b2b-blue-strip-content,
    .b2b-contact-form-container {
        padding: 0 16px;
    }

    .b2b-kozelatb2b-bottom-frame,
    .b2b-what-clients-say-container {
        padding: 40px 16px;
    }
    
    .b2b-table-header {
        display: none;
    }

    .b2b-compare-row {
        align-items: stretch;
        flex-wrap: wrap;
        height: auto;
        border-top: unset;
        border-bottom: 1px solid #E2E2E2;
        padding: 16px 0;
        gap: 16px 0;
    }

    .b2b-compare-label {
        flex: 0 0 100% !important;
        align-items: center;
        text-align: center;
        margin-bottom: 15px;
        justify-content: center;
    }
    .b2b-compare-value {
        flex: 0 0 50% !important;
        align-items: center;
        line-height: 120% !important;
        justify-content: center;
        position: relative;
        text-align: center;
    }
    .b2b-compare-value.b2b-new:before {
        content: "NEW";
        color: #10839F;
        font-family: Inter;
        font-weight: 700;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0%;
        text-align: center;
        position: absolute;
        left: 45%;
        top: -20px;
    }

    .b2b-compare-value.b2b-refurbished:before {
        content: "";
        background: url('data:image/svg+xml;utf8,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.67915 5.53313C9.36413 5.26462 9.01853 5.05859 9.01853 5.05859C8.65166 5.4999 9.08765 6.1685 9.93569 6.32269C10.038 6.16185 9.99019 5.79632 9.67915 5.5318V5.53313Z" fill="%2310839F"/><path d="M0.438646 10.6294C1.82237 9.97811 4.65629 8.39101 6.21149 5.72989C4.83973 5.65811 4.30006 4.65454 4.30006 4.65454L6.95719 3.87163C6.95719 3.87163 4.2017 0.968589 0 2.19281C0 2.19281 2.29558 2.20876 1.46481 3.3931C0.542326 4.69708 0 6.2895 0 8.00952C0 8.92669 0.15552 9.8093 0.439975 10.6294H0.438646Z" fill="%2310839F"/><path d="M8.00066 0.00878906C6.44945 0.00878906 5.00325 0.451423 3.77637 1.2144C7.45302 1.128 11.4022 3.37307 13.4824 8.55175C13.6366 8.93723 13.6206 9.37056 13.3814 9.71084C12.5573 10.8872 11.7571 12.1619 11.8169 13.454C10.0729 11.9174 10.9635 10.3781 10.9635 10.3781C10.9635 10.3781 8.22796 9.43968 7.82254 9.31473L9.07734 10.3688C9.07734 10.3688 9.01752 13.1363 7.62582 16.0008C7.74944 16.0061 7.87438 16.0101 7.99933 16.0101C12.4177 16.0101 16 12.4278 16 8.00943C16 3.59106 12.419 0.00878906 8.00066 0.00878906Z" fill="%2310839F"/></svg>') no-repeat left center/16px 17px;
        width: 22px;
        height: 17px;
        display: inline-block;
        position: absolute;
        right: 45%;
        top: -20px;
    }

    .b2b-kozelatb2b-top-frame,
    .b2b-fast-shipping-container,
    .b2b-bg-companies-bottom,
    .b2b-what-clients-say-wrapper,
    .b2b-form-row,
    .b2b-av-windows-container,
    .b2b-cash-register-container {
        flex-direction: column;
    }

    .b2b-av-windows-container,
    .b2b-cash-register-container {
        margin: 0;
    }

    .b2b-av-windows-container img,
    .b2b-cash-register-container img,
    .b2b-av-windows-container a,
    .b2b-cash-register-container a {
        max-width: 100% !important;
    }

    .b2b-what-clients-say-wrapper {
        align-items: center;
    }

    .b2b-accordion-header {
        padding-right: 35px;
    }
}