﻿.container-header {
    display: flex;
    flex-direction: column;
    width: 1830px;
    /*height: 60px;*/
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    /*padding: 10px;*/
    position: relative;
    /*background-color:rgba(1, 169, 130, 1);
  border-radius: 6px;
  border: 2px solid  rgba(1, 169, 130, 1*/ );
}

    .container-header .header-text {
        font-family: "Metric", Arial, sans-serif;
        font-weight: 600;
        color: black;
        font-size: 48px;
        text-align: center;
    }

.part-search-results {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 1895px;
    padding: 36px 72px;
    align-items: flex-start;
    gap: 36px;
}

    .part-search-results .search-div {
        display: flex;
        width: 1220px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        flex-shrink: 0;
        padding-left: 50px;
    }

    .part-search-results .search-results1 {
        display: flex;
        width: 1220px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .part-search-results .pagenation-div {
        display: flex;
        height: 62px;
        padding: 10px 18px 10px 10px;
        align-items: center;
    }

    .part-search-results .sort-filter {
        flex-direction: column;
        /*height: 132px;*/
        align-items: flex-start;
        width: 1170px;
        display: flex;
        position: relative;
        align-self: stretch;
        gap: 24px;
    }

    .part-search-results .sort-filter-2 {
        /*width: 1170px;
        height: 60px;
        align-items: flex-start;
        background-color: rgba(247, 247, 247, 1);
        border-radius: 12px;
        gap: 20px;
        position: relative;
        margin-left: 90px;*/
        display: flex;
        padding-left: 12px;
        justify-content: space-between;
        /*align-items: flex-start;*/
        align-self: stretch;
    }


    .part-search-results .sort-by {
        /*align-items: center;
        justify-content: flex-start;
        flex: 1;
        width: 1170px;
        flex-grow: 1;
        background-color: rgba(247, 247, 247, 1);
        border-radius: 12px;
        display: flex;
        gap: 24px;
        position: relative;
        align-self: stretch;*/
        display: flex;
        /*padding: 0px 28px;*/
        align-items: center;
        gap: 24px;
        flex: 1 0 0;
    }

    .part-search-results .filter-by {
        /* align-items: center;
        justify-content: flex-start;
        flex-grow: 1;
        background-color: rgba(247, 247, 247, 1);
        border-radius: 12px;
        display: flex;
        gap: 24px;
        position: relative;
        align-self: stretch;*/
        display: flex;
        /*justify-content: flex-end;*/
        align-items: center;
        gap: 24px;
        flex: 1 0 0;
    }

    .part-search-results .text-wrapper {
        position: relative;
        width: auto;
        font-family: "MetricSemibold", Arial, sans-serif;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        font-size: 24px;
        letter-spacing: 0px;
        line-height: 24px;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .frame {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        position: relative;
        align-self: stretch;
        flex: 0 0 auto;
        border-radius: 6px;
    }

    .part-search-results .select {
        display: flex;
        flex-direction: column;
        width: 220px;
        align-items: flex-start;
        gap: 6px;
        position: relative;
    }

    .part-search-results .input-box {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 6px 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 6px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.36);
    }

    .part-search-results .value {
        position: relative;
        flex: 1;
        height: 24px;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 500;
        color: #555555;
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 24px;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .img {
        position: relative;
        width: 18px;
        height: 18px;
    }

    .part-search-results .input-box-wrapper {
        display: flex;
        flex-direction: column;
        width: 240px;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 6px;
        position: relative;
    }

    .part-search-results .div-wrapper {
        justify-content: flex-end;
        opacity: 0.3;
        display: flex;
        flex-direction: column;
        width: 220px;
        align-items: flex-start;
        gap: 6px;
        position: relative;
    }

    .part-search-results .search-results {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
    }

    .part-search-results .notifications {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;
    }

    .part-search-results .div-wrapper-2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .part-search-results .global-notification {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
        padding: 6px 12px;
        position: relative;
        align-self: stretch;
        flex: 0 0 auto;
        background-color: rgba(247, 247, 247, 1);
        border-radius: 10px;
    }

    .part-search-results .icon {
        display: inline-flex;
        align-items: flex-start;
        justify-content: center;
        padding: 3px 0px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .content {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .part-search-results .message-link {
        flex: 1;
        position: relative;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: #555555;
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 24px;
        font-style: normal;
    }

    .part-search-results .close {
        position: relative;
        width: 24px;
        height: 24px;
    }

    .part-search-results .Final_result {
        /*height: 2406px;*/
        width: 1220px;
        position: relative;
    }

    .part-search-results .partner-price-tile {
        top: 0;
        border-radius: 10px;
        display: flex;
        width: 1170px;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 24px;
        /*margin-left: 10px;*/
        padding: 18px 12px;
        /*position: absolute;*/
        left: 0;
        /*background-color: rgba(255, 255, 255, 1);*/
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .part-search-results .frame-2 {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: flex-start;
        position: relative;
        gap: 15px;
        border-radius: 24px;
        height: 240px;
    }

    .part-search-results .frame-3 {
        position: relative;
        align-self: stretch;
        align-content: center;
        width: 200px;
    }

    .part-search-results .Part-details {
        display: inline-flex;
        flex-direction: column;
        height: 240px;
        align-items: flex-start;
        gap: 18px;
        position: relative;
        flex: 0 0 auto;
        width: 500px;
    }

    .part-search-results .Part-details-div-1 {
        display: flex;
        align-self: stretch;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .div-part-number-info {
        display: flex;
        align-self: stretch;
        width: 100%;
        /*flex-direction: column;*/
        align-items: center;
        /*gap: 12px;*/
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .part-type-number {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .div-6 {
        display: flex;
        align-items: center;
        gap: 6px;
        position: relative;
        align-self: stretch;
        width: 100%;
        height: 15px;
        flex: 0 0 auto;
    }

    .part-search-results .text-wrapper-2 {
        position: relative;
        width: auto;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 500;
        color: rgba(117, 117, 117, 1);
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 20px;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .text-wrapper-3 {
        position: relative;
        width: auto;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: rgba(117, 117, 117, 1);
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 20px;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .div-quantity {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 24px;
        position: relative;
    }

    .part-search-results .text-wrapper-4 {
        position: relative;
        width: auto;
        margin-top: -1.00px;
        font-family: "MetricSemibold", Arial, sans-serif;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        font-size: 24px;
        letter-spacing: 0px;
        line-height: 24px;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .instock-option {
        display: inline-flex;
        align-items: center;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
        background-color: rgba(174, 246, 223, 1);
        border-radius: 12px;
    }

    .part-search-results .outofstock-option {
        display: inline-flex;
        align-items: center;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
        background-color: #FFBC44;
        border-radius: 12px;
    }

    .part-search-results .whilestocklast-option {
        display: inline-flex;
        align-items: center;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
        background-color: #00C8FF;
        border-radius: 12px;
    }

    .part-search-results .Restricted-option {
        display: inline-flex;
        align-items: center;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
        border-radius: 100px;
        background: linear-gradient(0deg, rgba(252, 97, 97, 0.24) 0%, rgba(252, 97, 97, 0.24) 100%), #FFF;
    }

    .part-search-results .Restricted {
        display: inline-flex;
        align-items: center;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
        border-radius: 100px;
        border: 1px solid #FFF;
        background: #FC5A5A;
    }

    .part-search-results .tag {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 0px 12px;
        position: relative;
        flex: 0 0 auto;
        border-radius: 100px;
    }

    .part-search-results .value-wrapper {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        flex: 0 0 auto;
        border-radius: 18px;
    }

    .part-search-results .value-2 {
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: rgba(1, 169, 130, 1);
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 20px;
        position: relative;
        width: auto;
        white-space: nowrap;
        font-style: normal;
    }



    .part-search-results .component-type-wrapper {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 0px 12px;
        border-radius: 100px;
        background: #CCC;
        height: 25px;
    }

        .part-search-results .component-type-wrapper:empty {
            display: none;
        }

    .part-search-results .FEinfo {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .part-search-results .FEWrapper {
        display: flex;
        padding: 2px 12px;
        align-items: center;
        gap: 6px;
        align-self: stretch;
        border-radius: 100px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        background: #FFF;
    }


    .part-search-results .component-type {
        /*display: flex;*/
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: #CCC;
        border-radius: 100px;
        height: 30px;
        padding: 5px;
    }

    .part-search-results .part-description-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        position: relative;
        flex: 1;
        align-self: stretch;
        width: 100%;
        flex-grow: 1;
    }

    .part-search-results .part-description {
        display: inline-flex;
        align-items: flex-start;
        gap: 10px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .HPE-SAS {
        position: relative;
        width: auto;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: #555555;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .part-search-results .div-lines {
        display: flex;
        padding: 0px 12px;
        justify-content: flex-end;
        align-items: center;
        gap: 24px;
        align-self: stretch;
    }

    .part-search-results .div-linestext {
        display: flex;
        height: 36px;
        align-items: center;
        gap: 6px;
    }

    .part-search-results .div-totalineitems {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 6px;
        te align-self: stretch;
        border-radius: 6px;
        border: 1px solid rgba(0, 0, 0, 0.36);
        background: #FFF;
        width: 50px;
        height: 30px;
        padding: 3px 12px;
    }


    .part-search-results .div-8 {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }


    .part-search-results .content-2 {
        display: inline-flex;
        max-height: 50px;
        align-items: center;
        justify-content: center;
        gap: 6px;
        /*padding: 3px 10px;*/
        position: relative;
        max-width: 420px;
        flex: 0 0 auto;
        border-radius: 18px;
    }

    .part-search-results .partmessage {
        display: flex;
        padding: 0px 12px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 6px;
        max-width: 280px;
        align-self: stretch;
        border-radius: 100px;
        border: 1px solid rgba(0, 0, 0, 0.36);
    }

    .part-search-results .text-wrapper-5 {
        position: relative;
        width: auto;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 500;
        color: black;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 20px;
        text-decoration: underline;
        white-space: nowrap;
    }

    .part-search-results .text-wrapper-notification {
        position: relative;
        width: auto;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 500;
        color: #555555;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 20px;
    }

    .part-search-results .img-2 {
        position: relative;
        width: 16px;
        height: 16px;
    }

    .part-search-results .content-wrapper {
        display: flex;
        width: 300px;
        height: 28px;
        padding: 0px 12px;
        gap: 6px;
        background-color: rgba(255, 255, 255, 1);
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
        align-items: center;
        position: relative;
        border-radius: 100px;
    }

    .part-search-results .content-3 {
        /*display: inline-flex;*/
        height: 26px;
        align-items: center;
        justify-content: center;
        padding: 3px 9.6px;
        position: relative;
        flex: 0 0 auto;
        border-radius: 18px;
    }

    .part-search-results .p {
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: #555555;
        font-size: 16px;
        line-height: 20px;
        position: relative;
        width: auto;
        white-space: nowrap;
    }

    .part-search-results .span {
        font-weight: 500;
        letter-spacing: 0px;
        font-family: "Metric", Arial, sans-serif;
        font-style: normal;
        line-height: 20px;
        font-size: 16px;
    }

    .part-search-results .FE-PN {
        font-family: "Metric", Arial, sans-serif;
        letter-spacing: 0;
        color: black;
    }

    .part-search-results .pricing-details {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 12px;
        position: relative;
        align-self: stretch;
        justify-content: space-between;
    }

    .part-search-results .price-indicator {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 12px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .pricing-indicator {
        display: inline-flex;
        align-items: center;
        gap: 36px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .frame-4 {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .list-price-option {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .content-4 {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 2px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .text-wrapper-7 {
        position: relative;
        align-self: stretch;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: rgba(117, 117, 117, 1);
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 20px;
        font-style: normal;
    }

    .part-search-results .div-pricedetails {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .part-search-results .parttype-label {
        display: flex;
        height: 22px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 10px;
    }

    .part-search-results .parttype-inner {
        display: flex;
        padding: 0px 6px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        flex: 1 0 0;
        align-self: stretch;
        border-radius: 6px;
        border: 1px solid rgba(0, 0, 0, 0.72);
        background: #FFF;
    }

    .part-search-results .Promotion-inner {
        display: flex;
        padding: 0px 6px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        flex: 1 0 0;
        align-self: stretch;
        border-radius: 6px;
        border: 1px solid rgba(0, 0, 0, 0.72);
        background: #82FFF2;
    }

    .part-search-results .price-type-option {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .Part-details-aditional {
        display: flex;
        /*height: 68px;*/
        align-self: stretch;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        flex-shrink: 0;
    }

    .part-search-results .fedetails {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
    }


    .part-search-results .div-discount-option {
        display: flex;
        /*height: 22px;*/
        padding: 0px 12px;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 6px;
        background: #555;
    }

    .part-search-results .content-5 {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .text-wrapper-8 {
        position: relative;
        align-self: stretch;
        margin-top: -1.00px;
        font-family: "MetricSemibold", Arial, sans-serif;
        font-weight: 400;
        color: #FFF;
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 20px;
        font-style: normal;
    }

    .part-search-results .availability-qty {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 6px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .part-search-results .qty-line-total {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        gap: 12px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .element-AUD {
        display: flex;
        position: relative;
        width: auto;
        margin-top: -1.00px;
        font-family: "MetricSemibold", Arial, sans-serif;
        font-weight: 400;
        color: rgba(1, 169, 130, 1);
        font-size: 24px;
        text-align: right;
        letter-spacing: 0px;
        line-height: 30px;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .text-in-Quantity {
        position: relative;
        width: 57px;
        height: 24px;
        margin-top: -1.00px;
        font-family: "MetricSemibold", Arial, sans-serif;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 20px;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .text-in-targetprice {
        position: relative;
        width: 70px;
        height: 24px;
        margin-top: -1.00px;
        font-family: "MetricSemibold", Arial, sans-serif;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 20px;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .Quantity-input {
        display: inline-flex;
        flex-direction: column;
        height: 24px;
        align-items: flex-start;
        gap: 6px;
        position: relative;
        flex: 0 0 auto;
        border-radius: 6px;
    }

    .part-search-results .Targetprice-input {
        display: inline-flex;
        flex-direction: column;
        height: 24px;
        align-items: flex-start;
        gap: 6px;
        position: relative;
        flex: 0 0 auto;
        border-radius: 6px;
    }

    .part-search-results .fileinput-box {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 6px 12px;
        position: relative;
        flex: 1;
        flex-grow: 1;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 6px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.36);
    }

    .part-search-results .value-3 {
        margin-top: -5.00px;
        margin-bottom: -3.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 500;
        color: #555555;
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 20px;
        position: relative;
        width: auto;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .button {
        all: unset;
        box-sizing: border-box;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        padding: 6px 18px;
        position: relative;
        flex: 0 0 auto;
        margin-right: -1.00px;
        border-radius: 100px;
        border: 2px solid;
        border-color: rgba(0, 133, 103, 1);
    }

    .part-search-results .identifier {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .label {
        position: relative;
        width: auto;
        margin-top: -1.00px;
        font-family: "MetricSemibold", Arial, sans-serif;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        font-size: 19px;
        letter-spacing: 0;
        line-height: 24px;
        white-space: nowrap;
    }

    .part-search-results .line {
        top: -23828px;
        position: absolute;
        width: 1212px;
        height: 1px;
        left: -11556px;
        object-fit: cover;
    }

    .part-search-results .partner-price-tile-2 {
        display: flex;
        width: 1220px;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        position: absolute;
        top: 252px;
        left: 0;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 10px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .part-search-results .frame-5 {
        display: flex;
        align-items: flex-start;
        position: relative;
        flex: 1;
        flex-grow: 1;
        border-radius: 24px;
    }

    .part-search-results .frame-6 {
        position: relative;
        align-self: stretch;
        width: 136px;
        background-image: url(./img/rectangle-13437-4.png);
        background-size: cover;
        background-position: 50% 50%;
    }

    .part-search-results .tag-2 {
        display: inline-flex;
        gap: 8px;
        padding: 0px 12px;
        flex: 0 0 auto;
        background-color: rgba(255, 255, 255, 1);
        align-items: center;
        position: relative;
        border-radius: 100px;
    }

    .part-search-results .value-4 {
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: #555555;
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 20px;
        position: relative;
        width: auto;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .text-wrapper-10 {
        position: relative;
        width: auto;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 500;
        color: rgba(117, 117, 117, 1);
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 20px;
        text-decoration: underline;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .line-2 {
        top: -23576px;
        position: absolute;
        width: 1212px;
        height: 1px;
        left: -11556px;
        object-fit: cover;
    }

    .part-search-results .price-tile {
        display: flex;
        width: 1220px;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        position: absolute;
        top: 504px;
        left: 0;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 10px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .part-search-results .rectangle {
        position: relative;
        align-self: stretch;
        width: 136px;
        object-fit: cover;
    }

    .part-search-results .tag-3 {
        display: inline-flex;
        gap: 8px;
        padding: 0px 12px;
        flex: 0 0 auto;
        background-color: rgba(255, 255, 255, 1);
        align-items: center;
        position: relative;
        border-radius: 100px;
    }

    .part-search-results .close-icon {
        position: relative;
        width: 18px;
        height: 18px;
        background-image: url(./img/lock.svg);
        background-size: 100% 100%;
    }

    .part-search-results .part-description-2 {
        flex: 1;
        flex-grow: 1;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        position: relative;
        align-self: stretch;
        width: 100%;
    }

    .part-search-results .frame-7 {
        /*display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        align-self: stretch;
        flex: 0 0 auto;*/
        /*width: 430px; 
        height: 214px;*/
        display: flex;
        gap: 12px;
        margin-top: 24px;
        flex-direction: column;
        /*justify-content: space-between;*/
        align-items: flex-start;
    }

    .part-search-results .frame-8 {
        display: flex;
        /*flex-direction: column;*/
        align-items: center;
        gap: 12px;
        position: relative;
        align-self: stretch;
        /*width: 100%;*/
        flex: 0 0 auto;
    }

    .part-search-results .div-9 {
        display: flex;
        justify-content: flex-end;
        align-self: stretch;
        width: 100%;
        align-items: center;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .div-notavailable {
        display: flex;
        padding: 6px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        flex: 1 0 0;
        align-self: stretch;
        border-radius: 6px;
        background: #FC6161;
    }

    .part-search-results .text-white-16 {
        color: #FFF;
        /* Text/Normal/small */
        font-family: "Metric", Arial, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 125% */
    }

    .part-search-results .div-Buttons {
        display: flex;
        align-self: stretch;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .icon-2 {
        position: relative;
        width: 18px;
        height: 18px;
        background-image: url(./img/alert.svg);
        background-size: 100% 100%;
    }

    .part-search-results .qty-line-total-wrapper {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 6px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .buy-nowpanel {
        display: flex;
        width: 430px;
        height: 214px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
    }

    .part-search-results .text-wrapper-semibold {
        position: relative;
        width: auto;
        margin-top: -1.00px;
        font-family: "Metricsemibold", Arial, sans-serif;
        font-weight: 400;
        color: black;
        font-size: 24px;
        text-align: right;
        letter-spacing: 0px;
        line-height: 30px;
        white-space: nowrap;
        font-style: normal;
        text-decoration: none;
    }

    .part-search-results .identifier-wrapper {
        all: unset;
        box-sizing: border-box;
        display: flex;
        padding: 6px 18px;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        margin-left: -1.00px;
        margin-right: -1.00px;
        border-radius: 100px;
        border: 2px solid;
        border-color: rgba(0, 133, 103, 1);
        opacity: 0.3;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .part-search-results .line-3 {
        top: -23324px;
        position: absolute;
        width: 1212px;
        height: 1px;
        left: -11556px;
        object-fit: cover;
    }

    .part-search-results .price-tile-part-not {
        display: flex;
        width: 1220px;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        position: absolute;
        top: 756px;
        left: 0;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 10px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .part-search-results .frame-9 {
        display: flex;
        gap: 4px;
        flex: 1;
        flex-grow: 1;
        align-items: flex-start;
        position: relative;
        border-radius: 24px;
    }

    .part-search-results .image-currently-not-wrapper {
        display: flex;
        width: 136px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        position: relative;
        align-self: stretch;
        background-color: rgba(247, 247, 247, 1);
    }

    .part-search-results .image-currently-not {
        position: relative;
        flex: 1;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 700;
        color: rgba(117, 117, 117, 1);
        font-size: 18px;
        text-align: center;
        letter-spacing: 0px;
        line-height: 24px;
        font-style: normal;
    }

    .part-search-results .frame-10 {
        height: 150px;
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .part-type-number-2 {
        display: inline-flex;
        flex-direction: column;
        height: 56px;
        align-items: flex-start;
        gap: 12px;
        position: relative;
    }

    .part-search-results .frame-11 {
        display: flex;
        align-items: center;
        gap: 24px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .part-search-results .tag-4 {
        display: inline-flex;
        gap: 8px;
        padding: 0px 12px;
        flex: 0 0 auto;
        background-color: rgba(255, 255, 255, 1);
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.36);
        align-items: center;
        position: relative;
        border-radius: 100px;
    }

    .part-search-results .close-icon-2 {
        position: relative;
        width: 18px;
        height: 18px;
        background-image: url(./img/close-4.svg);
        background-size: 100% 100%;
    }

    .part-search-results .part-type-number-3 {
        position: relative;
        align-self: stretch;
        flex: 0 0 auto;
    }

    .part-search-results .text-wrapper-12 {
        position: relative;
        width: auto;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: #555555;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .part-search-results .frame-12 {
        gap: 6px;
        display: flex;
        align-items: flex-start;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .part-search-results .frame-13 {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        position: relative;
        align-self: stretch;
        flex: 0 0 auto;
    }

    .part-search-results .icon-3 {
        position: relative;
        width: 18px;
        height: 18px;
        background-image: url(./img/unknown.svg);
        background-size: 100% 100%;
    }

    .part-search-results .button-2 {
        all: unset;
        box-sizing: border-box;
        display: flex;
        padding: 6px 18px;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: rgba(0, 0, 0, 0.04);
        border-radius: 100px;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .part-search-results .line-4 {
        top: -23114px;
        position: absolute;
        width: 1212px;
        height: 1px;
        left: -11556px;
        object-fit: cover;
    }

    .part-search-results .partner-price-tile-3 {
        display: flex;
        width: 1220px;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        position: absolute;
        top: 966px;
        left: 0;
        background-color: #ffffff;
        border-radius: 10px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .part-search-results .frame-14 {
        position: relative;
        align-self: stretch;
        width: 136px;
        background-image: url(./img/rectangle-13437-5.png);
        background-size: cover;
        background-position: 50% 50%;
    }

    .part-search-results .part-details-in {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .tag-5 {
        display: inline-flex;
        gap: 8px;
        padding: 0px 12px;
        flex: 0 0 auto;
        background-color: rgba(0, 200, 255, 1);
        align-items: center;
        position: relative;
        border-radius: 100px;
    }

    .part-search-results .value-5 {
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 20px;
        position: relative;
        width: auto;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .frame-15 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .part-search-results .frame-16 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 24px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .part-search-results .return-saving-price {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 3px 6px;
        position: relative;
        align-self: stretch;
        flex: 0 0 auto;
        background-color: rgba(0, 0, 0, 0.04);
        border-radius: 10px;
    }

    .part-search-results .frame-17 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .part-search-results .icon-4 {
        position: relative;
        width: 14px;
        height: 14px;
        background-image: url(./img/refresh.svg);
        background-size: 100% 100%;
    }

    .part-search-results .partner-wrapper {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        position: relative;
        align-self: stretch;
        flex: 0 0 auto;
    }

    .part-search-results .partner {
        color: rgba(117, 117, 117, 1);
        font-size: 14px;
        text-align: right;
        line-height: 16px;
        position: relative;
        align-self: stretch;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        letter-spacing: 0px;
        font-style: normal;
    }

    .part-search-results .button-3 {
        all: unset;
        box-sizing: border-box;
        display: inline-flex;
        padding: 3px 18px;
        flex: 0 0 auto;
        background-color: rgba(0, 0, 0, 0.04);
        border-radius: 100px;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .part-search-results .label-2 {
        font-family: "MetricBold", Arial, sans-serif;
        font-weight: 700;
        color: rgba(51, 51, 51, 1);
        font-size: 19px;
        line-height: 24px;
        position: relative;
        width: auto;
        margin-top: -1.00px;
        letter-spacing: 0;
        white-space: nowrap;
    }

    .part-search-results .line-5 {
        top: -22862px;
        position: absolute;
        width: 1212px;
        height: 1px;
        left: -11556px;
        object-fit: cover;
    }

    .part-search-results .partner-price-tile-4 {
        height: 204px;
        top: 1218px;
        border-radius: 12px;
        display: flex;
        width: 1220px;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        position: absolute;
        left: 0;
        background-color: #ffffff;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .part-search-results .frame-18 {
        display: flex;
        flex: 1;
        align-self: stretch;
        flex-grow: 1;
        align-items: flex-start;
        position: relative;
        border-radius: 24px;
    }

    .part-search-results .frame-19 {
        position: relative;
        align-self: stretch;
        width: 136px;
        background-image: url(./img/image.png);
        background-size: cover;
        background-position: 50% 50%;
    }

    .part-search-results .part-details-in-2 {
        align-self: stretch;
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .return-saving-price-2 {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 10px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .return-saving-price-3 {
        display: flex;
        flex-direction: row;
        padding: 3px 6px;
        justify-content: flex-end;
        gap: 6px;
        max-width: 400px;
    }

    .part-search-results .header {
        position: relative;
        align-self: flex-end;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        /*color: rgba(51, 51, 51, 1);*/
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 16px;
        font-style: normal;
        max-width: 400px;
        border-radius: 6px;
        background: rgba(0, 0, 0, 0.04);
    }

    .part-search-results .icon-5 {
        position: relative;
        width: 14px;
        height: 14px;
        background-image: url(./img/icon-refresh.png);
        background-size: 100% 100%;
    }

    .part-search-results .partner-2 {
        color: rgba(51, 51, 51, 1);
        font-size: 14px;
        line-height: 16px;
        position: relative;
        align-self: stretch;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        letter-spacing: 0px;
        font-style: normal;
    }

    .part-search-results .button-4 {
        all: unset;
        box-sizing: border-box;
        display: inline-flex;
        padding: 3px 18px;
        flex: 0 0 auto;
        margin-top: -1.00px;
        margin-bottom: -1.00px;
        margin-right: -1.00px;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 100px;
        border: 2px solid;
        border-color: rgba(0, 133, 103, 1);
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .part-search-results .line-6 {
        top: -22610px;
        position: absolute;
        width: 1212px;
        height: 1px;
        left: -11556px;
        object-fit: cover;
    }

    .part-search-results .partner-price-tile-5 {
        top: 1470px;
        border-radius: 12px;
        display: flex;
        width: 1220px;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        position: absolute;
        left: 0;
        background-color: #ffffff;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .part-search-results .frame-20 {
        position: relative;
        align-self: stretch;
        width: 136px;
        background-image: url(./img/rectangle-13437.png);
        background-size: cover;
        background-position: 50% 50%;
    }

    .part-search-results .frame-21 {
        display: flex;
        flex: 1;
        align-self: stretch;
        width: 100%;
        flex-grow: 1;
        align-items: center;
        gap: 24px;
        position: relative;
    }

    .part-search-results .pricing-details-2 {
        display: inline-flex;
        flex-direction: column;
        height: 192px;
        align-items: flex-end;
        gap: 12px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .CDS-message {
        display: flex;
        flex-direction: column;
        width: 250px;
        height: 36px;
        align-items: flex-start;
        justify-content: center;
        padding: 0px 12px;
        position: relative;
        background-color: #0000001a;
        border-radius: 6px;
    }

    .part-search-results .header-2 {
        align-self: stretch;
        font-size: 14px;
        line-height: 16px;
        position: relative;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 500;
        ;
        color: rgba(51, 51, 51, 1);
        letter-spacing: 0px;
        font-style: normal;
    }

    .part-search-results .line-7 {
        top: -22358px;
        position: absolute;
        width: 1212px;
        height: 1px;
        left: -11556px;
        object-fit: cover;
    }

    .part-search-results .partner-price-tile-6 {
        display: flex;
        width: 1220px;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        position: absolute;
        top: 1722px;
        left: 0;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 12px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .part-search-results .frame-22 {
        position: relative;
        align-self: stretch;
        width: 136px;
        background-image: url(./img/rectangle-13437-7.png);
        background-size: cover;
        background-position: 50% 50%;
    }

    .part-search-results .line-8 {
        top: -22106px;
        position: absolute;
        width: 1212px;
        height: 1px;
        left: -11556px;
        object-fit: cover;
    }

    .part-search-results .partner-price-tile-7 {
        display: flex;
        width: 1220px;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        position: absolute;
        top: 1974px;
        left: 0;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 12px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .part-search-results .frame-23 {
        position: relative;
        align-self: stretch;
        width: 136px;
        background-image: url(./img/rectangle-13437-8.png);
        background-size: cover;
        background-position: 50% 50%;
    }

    .part-search-results .price-tile-2 {
        display: flex;
        width: 1220px;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        position: absolute;
        top: 2202px;
        left: 0;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 12px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .part-search-results .part-type-number-4 {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .part-description-3 {
        flex: 0 0 auto;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        position: relative;
        align-self: stretch;
        width: 100%;
    }

    .part-search-results .icon-6 {
        position: relative;
        width: 18px;
        height: 18px;
        background-image: url(./img/alert-2.svg);
        background-size: 100% 100%;
    }

    .part-search-results .pagenation {
        position: relative;
        align-self: stretch;
        width: 100%;
        height: 62px;
    }

    .part-search-results .pagination {
        display: flex;
        flex-wrap: wrap;
        width: 1192px;
        height: 42px;
        align-items: center;
        gap: 12px 12px;
        padding: 6px 12px;
        position: relative;
        top: 10px;
        left: 10px;
    }

    .part-search-results .pagination-summary {
        min-width: 190px;
        height: 24px;
        gap: 4px;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .text-wrapper-13 {
        position: relative;
        width: auto;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: #555555;
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 24px;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .controls {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
        position: relative;
        flex: 1;
        flex-grow: 1;
        z-index: 0;
    }

    .part-search-results .pagination-control {
        height: 30px;
        justify-content: center;
        gap: 3px;
        display: inline-flex;
        align-items: center;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .button-5 {
        display: inline-flex;
        max-width: 30px;
        padding: 7px;
        flex: 0 0 auto;
        border-radius: 100px;
        opacity: 0.3;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .part-search-results .button-6 {
        all: unset;
        box-sizing: border-box;
        display: inline-flex;
        max-width: 30px;
        padding: 5px 12px;
        flex: 0 0 auto;
        background-color: rgba(0, 0, 0, 0.04);
        border-radius: 100px;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .part-search-results .label-wrapper {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        position: relative;
        flex: 0 0 auto;
        margin-left: -1.50px;
        margin-right: -1.50px;
    }

    .part-search-results .label-3 {
        font-family: "Metricbold", Arial, sans-serif;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        font-size: 16px;
        line-height: 20px;
        position: relative;
        width: auto;
        margin-top: -1.00px;
        letter-spacing: 0px;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .button-7 {
        all: unset;
        box-sizing: border-box;
        display: inline-flex;
        max-width: 30px;
        padding: 5px 12px;
        flex: 0 0 auto;
        border-radius: 100px;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .part-search-results .button-8 {
        display: inline-flex;
        max-width: 30px;
        padding: 7px;
        flex: 0 0 auto;
        border-radius: 100px;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .part-search-results .minishopping-cart {
        /*display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        position: sticky;
        width: 520px;
        align-items: flex-start;
        flex-shrink: 0;
        margin-left:1250px;*/
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        position: sticky;
        top: 36px;
        width: 520px;
        flex-shrink: 0;
    }

    .part-search-results .disclaimer-section {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        /*justify-content: flex-end;*/
        gap: 24px;
        position: relative;
    }

    .part-search-results .inline-notification {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 6px;
        padding: 6px 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: rgba(255, 188, 68, 0.24);
        border-radius: 10px;
    }

    .part-search-results .message-link-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .part-search-results .message-link-2 {
        align-self: stretch;
        position: relative;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: #555555;
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 24px;
        font-style: normal;
    }

    .part-search-results .close-2 {
        position: absolute;
        width: 13px;
        height: 13px;
        top: 5px;
        left: 5px;
    }

    .part-search-results .shopping-cart-Details {
        display: flex;
        padding: 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
        border-radius: 12px;
        border: 1px solid rgba(0, 0, 0, 0.12);
    }

    .part-search-results .messages-Details {
        display: flex;
        flex-direction: column;
        width: 520px;
        align-items: flex-start;
        gap: 24px;
        padding: 12px;
        position: relative;
        flex: 0 0 auto;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 12px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.12);
    }

    .part-search-results .cart-header-table {
        display: flex;
        flex-direction: column;
        width: 500px;
        align-items: flex-start;
        gap: 24px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .cart-header-remove {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .part-search-results .shopping-cart-text {
        position: relative;
        width: auto;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 500;
        color: transparent;
        font-size: 24px;
        letter-spacing: 0px;
        line-height: 24px;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .text-wrapper-14 {
        color: #333333;
        font-family: "MetricBold", Arial, sans-serif;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 24px;
        font-size: 24px;
    }

    .part-search-results .text-wrapper-15 {
        color: #444444;
        font-family: "MetricBold", Arial, sans-serif;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 24px;
        font-size: 24px;
    }

    .part-search-results .button-9 {
        all: unset;
        box-sizing: border-box;
        display: inline-flex;
        padding: 5px 12px;
        flex: 0 0 auto;
        margin-top: -1.00px;
        margin-bottom: -1.00px;
        margin-right: -1.00px;
        border-radius: 100px;
        border: 2px solid;
        border-color: rgba(0, 133, 103, 1);
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .part-search-results .shopping-cart-table {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .part-search-results .table-headers {
        align-items: flex-start;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-color: rgba(187, 187, 187, 1);
        display: flex;
        position: relative;
    }

    .part-search-results .part-number-header {
        display: flex;
        width: 120px;
        min-height: 36px;
        align-items: center;
        gap: 4px;
        padding: 0px 12px;
        position: relative;
    }

    .part-search-results .header-text {
        width: auto;
        font-size: 18px;
        line-height: 24px;
        white-space: nowrap;
        position: relative;
        font-family: "MetricSemibold", Arial, sans-serif;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        letter-spacing: 0px;
        font-style: normal;
    }

    .part-search-results .quantity {
        display: flex;
        width: 60px;
        min-height: 36px;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 0px 12px;
        position: relative;
    }

    .part-search-results .div-10 {
        display: flex;
        /*width: 120px;*/
        min-height: 36px;
        align-items: center;
        gap: 4px;
        padding: 0px 12px;
        position: relative;
    }

    .part-search-results .icon-wrapper {
        position: relative;
        width: 24px;
        height: 24px;
        margin-right: -2.00px;
    }

    .part-search-results .remove {
        display: flex;
        min-height: 36px;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 0px 12px;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .part-search-results .cart-line {
        display: flex;
        align-items: flex-start;
        position: relative;
        align-self: stretch;
        width: 100%;
        height: 50px;
        padding: 9px;
        flex: 0 0 auto;
    }

    .part-search-results .table-cells {
        width: 120px;
        min-height: 36px;
        align-items: center;
        gap: 6px;
        /*padding: 4px 12px;*/
        display: flex;
        position: relative;
    }

    .part-search-results .value-6 {
        z-index: 1;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: #555555;
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 24px;
        position: relative;
        width: auto;
        white-space: nowrap;
        font-style: normal;
        padding: 5px;
    }

    .part-search-results .cell-states {
        position: absolute;
        /*width: 132px;*/
        height: 36px;
        top: 0;
        left: 0;
        z-index: 0;
        transform: rotate(180deg);
    }

    .part-search-results .fileinput-box-wrapper {
        display: flex;
        flex-direction: column;
        width: 60px;
        height: 36px;
        align-items: center;
        justify-content: center;
        gap: 6px;
        position: relative;
        border-radius: 6px;
    }

    .part-search-results .fileinput-box-2 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 6px 12px;
        position: relative;
        flex: 0 0 auto;
        background-color: rgba(255, 255, 255, 1);
        /*border-radius: 6px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.36);*/
    }

    .part-search-results .value-7 {
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 500;
        color: #555555;
        font-size: 16px;
        letter-spacing: 0px;
        line-height: 20px;
        position: relative;
        width: auto;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .table-cells-2 {
        width: 115px;
        display: flex;
        min-height: 36px;
        align-items: center;
        gap: 6px;
        padding: 4px 12px;
        position: relative;
        margin-top: -10px;
    }

    .part-search-results .cell-states-2 {
        width: 120px;
        position: absolute;
        height: 36px;
        top: 0;
        left: 0;
        z-index: 0;
        transform: rotate(180deg);
    }

    .part-search-results .table-cells-3 {
        justify-content: center;
        flex: 1;
        flex-grow: 1;
        display: flex;
        min-height: 36px;
        align-items: center;
        gap: 6px;
        padding: 4px 12px;
        position: relative;
    }

    .part-search-results .left-icon {
        display: flex;
        flex-direction: column;
        width: 24px;
        height: 24px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 10px;
        position: relative;
        z-index: 1;
    }

    .part-search-results .status-checkbox {
        position: relative;
        width: 24px;
        height: 24px;
        margin-top: -10.00px;
        margin-bottom: -10.00px;
        margin-left: -10.00px;
        margin-right: -10.00px;
    }

    .part-search-results .cell-states-3 {
        width: 104px;
        position: absolute;
        height: 36px;
        top: 0;
        left: 0;
        z-index: 0;
        transform: rotate(180deg);
    }

    .part-search-results .totals-order-buttons {
        display: flex;
        flex-direction: column;
        width: 490px;
        align-items: flex-end;
        gap: 18px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .sub-totals {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 6px;
        padding: 6px 12px;
        position: relative;
        flex: 0 0 auto;
        background-color: rgba(247, 247, 247, 1);
        border-radius: 6px;
    }

    .part-search-results .div-11 {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .part-search-results .text-wrapper-16 {
        position: relative;
        width: auto;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: rgba(68, 68, 68, 1);
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 16px;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .order-total {
        /*width: 100px;*/
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .part-search-results .text-wrapper-17 {
        position: relative;
        align-self: stretch;
        margin-top: -2.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        font-size: 14px;
        text-align: right;
        letter-spacing: 0px;
        line-height: 16px;
        font-style: normal;
    }

    .part-search-results .total-and-checkout {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .part-search-results .button-wrapper {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 10px;
        padding: 12px;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .part-search-results .button-10 {
        all: unset;
        box-sizing: border-box;
        display: flex;
        padding: 6px 18px;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: rgba(1, 169, 130, 1);
        border-radius: 100px;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .part-search-results .label-4 {
        font-family: "MetricBold", Arial, sans-serif;
        font-weight: 700;
        color: rgba(255, 255, 255, 1);
        font-size: 19px;
        line-height: 24px;
        position: relative;
        width: auto;
        margin-top: -1.00px;
        letter-spacing: 0;
        white-space: nowrap;
    }

    .part-search-results .frame-24 {
        display: inline-flex;
        flex-direction: column;
        height: 82px;
        align-items: flex-end;
        gap: 6px;
        padding: 6px 12px;
        position: relative;
        flex: 0 0 auto;
        border-radius: 6px;
    }

    .part-search-results .text-wrapper-18 {
        position: relative;
        width: auto;
        margin-top: -1.00px;
        font-family: "MetricSemibold", Arial, sans-serif;
        font-weight: 500;
        color: rgba(68, 68, 68, 1);
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 20px;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .order-total-2 {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        padding: 6px 0px;
        position: relative;
        flex: 1;
        flex-grow: 1;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 6px;
    }

    .part-search-results .text-wrapper-19 {
        position: relative;
        width: auto;
        margin-top: -6.00px;
        margin-bottom: -2.00px;
        font-family: "MetricSemibold", Arial, sans-serif;
        font-weight: 400;
        color: #555555;
        font-size: 36px;
        text-align: right;
        letter-spacing: 0px;
        line-height: 40px;
        white-space: nowrap;
        font-style: normal;
    }

    .part-search-results .cart-continue {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 12px;
        padding: 6px 12px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .button-remove {
        all: unset;
    }

    .part-search-results .button-11 {
        all: unset;
        box-sizing: border-box;
        display: inline-flex;
        padding: 3px 18px;
        flex: 0 0 auto;
        margin-top: -1.00px;
        margin-left: -1.00px;
        border-radius: 100px;
        border: 2px solid;
        border-color: rgba(0, 133, 103, 1);
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .part-search-results .button-12 {
        all: unset;
        box-sizing: border-box;
        display: inline-flex;
        padding: 6px 18px;
        flex: 0 0 auto;
        margin-bottom: -1.00px;
        margin-left: -1.00px;
        margin-right: -1.00px;
        border-radius: 100px;
        border: 2px solid;
        border-color: rgba(1, 169, 130, 1);
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .part-search-results .cart-continue-2 {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        gap: 12px;
        padding: 6px 12px;
        position: relative;
        flex: 0 0 auto;
    }

    .part-search-results .button-13 {
        all: unset;
        box-sizing: border-box;
        display: inline-flex;
        padding: 6px 18px;
        flex: 0 0 auto;
        margin-top: -1.00px;
        margin-right: -1.00px;
        border-radius: 100px;
        border: 2px solid;
        border-color: rgba(0, 133, 103, 1);
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .part-search-results .inline-notification-2 {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 12px;
        padding: 6px 12px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: #E0F8FF;
        border-radius: 6px;
    }

    .part-search-results .message-link-3 {
        position: relative;
        align-self: stretch;
        margin-top: -1.00px;
        font-family: "Metric", Arial, sans-serif;
        font-weight: 400;
        color: #555555;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 24px;
    }

    .part-search-results .text-wrapper-20 {
        font-weight: 500;
        font-family: "Metric", Arial, sans-serif;
        font-style: normal;
        letter-spacing: 0px;
        line-height: 24px;
        font-size: 18px;
    }

    .part-search-results .text-wrapper-21 {
        font-family: "Metric", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 24px;
        font-size: 18px;
    }

    .part-search-results .tcs-privacy-links {
        display: flex;
        height: 48px;
        align-items: center;
        gap: 48px;
        position: relative;
        align-self: stretch;
        width: 100%;
    }

    .part-search-results .button-14 {
        all: unset;
        box-sizing: border-box;
        display: flex;
        padding: 6px 18px;
        flex: 1;
        flex-grow: 1;
        margin-left: -1.00px;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 6px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.36);
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .part-search-results .tooltip-container {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .part-search-results .tooltip-text {
        visibility: hidden;
        width: 200px;
        /*background-color: #555;*/
        color: #fff;
        text-align: center;
        padding: 5px;
        border-radius: 4px;
        /* Position the tooltip */
        position: absolute;
        z-index: 500;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
    }

        .part-search-results .tooltip-text::after {
            content: "";
            position: absolute;
            top: 100%; /* Arrow pointing down */
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .part-search-results .tooltip-container:hover .tooltip-text {
        visibility: visible;
        opacity: 1;
    }

    .part-search-results .pricing-options-pop {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 6px;
        padding: 12px 24px;
        position: relative;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 10px;
    }

        .part-search-results .pricing-options-pop .div-price {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 12px;
            position: relative;
            align-self: stretch;
            width: 100%;
            flex: 0 0 auto;
        }


        .part-search-results .pricing-options-pop .order-total {
            display: flex;
            flex-direction: column;
            width: 100px;
            align-items: center;
            justify-content: center;
            position: relative;
            border-radius: 6px;
        }



    .part-search-results .partunavailable {
        display: flex;
        padding: 0 6px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        flex: 1 0 0;
        align-self: stretch;
        border-radius: 6px;
        background: #D04F4E;
    }

    .part-search-results .NotSuportedpart-details {
        display: inline-flex;
        gap: 12px;
        position: relative;
        align-self: stretch;
        justify-content: space-between;
    }
