.ie-grid .ie-grid-column:nth-child(2n) {
    margin-top: 40px;
}

.recommended-title {
    text-align: left;
}

.fv_main_heading {
    font-size: 1.9375rem;
    line-height: 1.5;
    font-weight: 700;
    color: #0e0f10;
}


.cart-added {
    background: #059669 !important;
    border: 1px solid #035a3f  !important
}

.pdp-box-grid {
    width: 100%;
    max-width: 286px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* tier prices */

.order-details {
    border-bottom: 1px solid #e5e7e9;
    padding: 0 0 10px;
    margin-bottom: 10px;
}

.order-bg-color-light .order-items-name {
    color: #2e3034;
    font-size: 1rem;
    line-height: 1.5;
    padding-left: 10px;
    padding-left: 10px;
}

.order-bg-color-light .order-items-price {
    color: #0e0f10;
    font-size: 1rem;
    float: right;
    line-height: 1.5;
    padding-right: 10px;
}

.qnty {
    font-weight: bold;
}

.order-items-price .item-price-ct {
    font-size: 1.4rem;
}


.order-bg-color-light.bgwhite {
    background-color: #fff;
    padding: 0;
}

.pdp-box-grid:nth-child(1) {
    margin-right: 23px;
}

.pdp-box-grid {
    width: 100%;
    max-width: 286px;
}

.fmrg-tp {
    margin-top: 14px;
}

.price-details-info {
    margin-top: 16px;
    border: 1px solid #e5e7e9;
    border-radius: 5px;
}

.price-details-info .pd-price {
    padding: 10px 16px;
    margin-bottom: 0;
}

.order-details {
    border-bottom: 1px solid #e5e7e9;
    padding: 0 0 10px;
    margin-bottom: 10px;
}

.price-text-info {
    background-color: #eff6ff;
    border-top: 2px solid #3b82f6;
    padding: 12px;
    margin-top: 15px;
    display: flex;
}

.price-text-info .info-icon {
    width: 22px;
    height: 22px;
    font-size: 1.375rem;
    color: #2563eb;
    margin-top: 2px;
    margin-right: 10px;
}

.price-text-warning {
    /*background-color: rgba(255, 255, 197, .3);*/
    /*border-top: 2px solid orange;*/
    padding: 12px;
    margin-top: 15px;
    display: flex;
    /*opacity: 0.5;*/
}

.price-text-warning .info-icon {
    width: 22px;
    height: 22px;
    font-size: 1.375rem;
    color: orange;
    margin-top: 2px;
    margin-right: 10px;
    font-weight: bold;
    opacity: 1;
}

.fa-solid, .fass {
    font-weight: 900;
}

.order-bg-color-light {
    background-color: #f8f9fa;
    padding: 20px;
}

.pdp-box-right .pdp-box-grid .order-bg-color-light .form-pd-20 {
    padding: 16px;
}

.d-none {
    display: none !important;
}
.replacement-div {
    margin-bottom: 16px;
}

.d-flex-zipcode .select-estimate {
    width: 100%;
    padding: 0 !important;
}

.order-bg-color-light .input-field-border {
    border: 1px solid #e5e7e9;
    border-radius: 5px;
    margin-top: .3rem;
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.flex-space {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.wht-backg {
    background-color: #fff;
}

.pdp-box-right .pdp-box-grid .order-bg-color-light .icon-sm {
    width: 2rem;
    height: 2.5rem;
    color: #0e0f10;
}

.pdp-box-right .pdp-box-grid .order-bg-color-light .icon-shape {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

.pdp-box-right .pdp-box-grid .order-bg-color-light .plus-minus-pointer {
    background: no-repeat;
    cursor: pointer;
}

.border-none {
    border: 0;
}


.input-plus-minus {
    box-shadow: none;
    -webkit-appearance: none;
}

.input-plus-minus::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type="number"] {
    -moz-appearance: textfield;
}

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

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}

.cart-button {
    margin-top: 20px !important;
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
}

.ie-primary-btn {
    color: #fff !important;
    font-weight: 700 !important;
    border-radius: 4px;
    cursor: pointer;
    padding: 10px 20px;
    background: #C00814;
    border: 1px solid #d83a22;
    line-height: 1.5;
}

.order-bg-color-light button {
    width: 100%;
}

/* related products */

#pdp-recommended {
    border-top: 1px solid var(--SearchIcon);
    padding-top: 44px;
    padding-left: 0;
    /*margin-left: 30px;*/
}


.relatedProducts {
    display: flex;
    gap: 20px;
    padding-right: 22px;
}

.recommended-wrapper {
    padding-right: 0;
    padding-left: 0;
}

.aem-GridColumn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
}

.prod-flex {
    padding: 0 !important;
    display: flex;
    margin: 30px 0;
    justify-content: space-around;
}

.category-products {
    column-gap: 30px;
}

.prod-item {
    width: 100%;
}

.search-panel {
    clear: both;
}

.category-products .ais-Hits-item {
    width: calc(100% - 0rem);
    border: 1px solid #e5e7e9;
    border-radius: 4px;
    box-shadow: none;
    margin: 0 0 11px;
    padding: 15px;
}

.category-products .search-panel.tile-view .product-grid {
    grid-template-columns: 100%;
    position: relative;
}

.category-products .product-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 100%;
}

.category-products .search-panel.tile-view .product-grid .product-image-wrapper {
    display: block;
}

.category-products .search-panel.tile-view .product-image-wrapper {
    margin-top: 30px;
}

.product-grid .product-image-wrapper {
    margin: 4px auto;
    position: relative;
    display: flex;
    column-gap: 14px;
}

.category-products .search-panel.tile-view .product-image {
    text-align: center;
    height: auto;
    padding: 16px;
}

.product-image {
    border: 1px solid var(--secondaryBtnVisited);
    border-radius: 5px;
}

.product-grid .product-image-wrapper .algolia-product-labels {
    margin: 0 0 10px;
}

.category-products .search-panel.tile-view .algolia-qty {
    position: absolute;
    top: -34px;
}

.product-grid .product-image-wrapper .algolia-product-labels .algolia-qty {
    font-weight: 700;
    line-height: 1.5;
    color: #0e0f10;
}

.call-link {
    color: var(--primaryColor);
}

.no-stock-label {
    color: var(--btnDisabledLight);
}

.category-products .search-panel.tile-view .tile-prod-labels {
    position: absolute;
    top: 7px;
    left: 7px;
}

.product-grid .product-image-wrapper .algolia-product-labels {
    margin: 0 0 10px;
}

.category-products .search-panel.tile-view .algolia-qty {
    position: absolute;
    top: -34px;
}


.category-products .search-panel.tile-view .algolia-datasheet {
    width: auto;
}

.algolia-datasheet {
    float: left;
    width: 101px;
    border: 1px solid #bbc1c4;
    border-radius: 4px;
    margin-top: 12px;
}

.algolia-datasheet a {
    font-size: .75rem;
    color: #0e0f10;
    font-weight: 700;
    line-height: 1.75;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    padding: 7px;
}

.fa.fa-file-text-o {
    font-family: 'FontAwesome';
    font-weight: 400;
}

.algolia-datasheet a i {
    margin-right: 6px;
    font-size: var(--baseFontSize);
}

.category-products .search-panel.tile-view .plp-viewcol-2.plp-actions {
    width: 100%;
    margin-top: 15px;
}

.plp-viewcol-2 {
    margin-left: auto;
}

.category-products .search-panel.tile-view .product-grid .product-image-wrapper {
    display: block;
}

.category-products .search-panel.tile-view .product-image-wrapper {
    margin-top: 30px;
}

.product-grid .product-image-wrapper {
    margin: 4px auto;
    position: relative;
    display: flex;
    column-gap: 14px;
}

.category-products .search-panel.tile-view .product-image {
    text-align: center;
    height: auto;
    padding: 16px;
}

.product-image {
    border: 1px solid #e5e7e9;
    border-radius: 5px;
}

.category-products .search-panel.tile-view .product-image img {
    max-height: 100px;
    object-fit: contain;
    width: auto;
    min-height: 71px;
    line-height: .75;
    padding: unset !important
}

.product-image img {
    border: 0;
    vertical-align: top;
    height: 78px;
}

.algolia-product-name, .algolia-product-name a {
    color: #0e0f10;
    line-height: 1.25;
    font-size: .875rem;
    height: 50px;
}

.sku-label, .price-label {
    border-bottom: 1px solid #e7eaee;
    padding: 3px 0;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.75;
    color: #0e0f10;
}

.sku-label .label-value, .price-label .label-value, .delivery-label .label-value {
    font-weight: bold;
    float: right;
}


.plp-actions .label-value {
    font-weight: bold;
    font-size: .80rem;
    line-height: 2;
    color: #0e0f10;
}

.add-to-cart {
    float: right;
    display: flex;
    align-items: baseline;
    margin-left: 20px;
}

.add-to-cart .qty_num {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: .875rem;
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e5e7e9;
    border-radius: .25rem;
}


.add-to-cart .qty {
    display: flex;
    position: relative;
    left: -20px;
    width: 87px;
}

div.qty {
    width: 66px;
    display: flex;
}

.qty {
    height: 32px;
    padding: 5px;
}

.add-to-cart .cart-qty-minus {
    z-index: 1;
    top: 3px;
}

button.cart-qty-minus, button.cart-qty-plus {
    border: 0;
    background-color: #fff;
    padding: 0;
    height: 20px;
    width: 20px;
    position: relative;
}

input.qty_num {
    border: 0;
    width: 19px;
    text-align: center;
    font-size: 14px;
    margin: 0;
}

.add-to-cart .cart-qty-plus {
    left: 40px;
    top: 3px;
}

.category-products .cart-button {
    padding: 5px 27px;
    white-space: nowrap;
    font-size: .8rem;
    height: 32px;
    margin-top: 20px;
}

.details-section {
    margin-top: 15px;
}

.details-section {
    position: relative;
}

.details-section {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.toggle-btn {
    margin-top: 10px;
    cursor: pointer;
}

.key-specification .key-spec-data {
    background-color: #fafbfb;
    padding: 11px 0 9px 9px;
    margin: 0;
    display: flex;
}

.module-data {
    background-color: #fff;
    padding: 11px 0 9px 9px;
    margin: 0;
    display: flex;
}

.key-grid-two:nth-child(even) .module-data {
    background-color: #fafbfb;
}

.key-specification .key-grid-two:nth-child(4n+3) .key-spec-data, .key-specification .key-grid-two:nth-child(4n) .key-spec-data {
    background-color: #fff;
}

.key-specification .key-spec-details {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-column-gap: 2%;
}

.compliance-details {
    display: grid; 
}

.key-specification .key-spec-data .key-title-head {
    width: 34%;
    font-size: .875rem;
    color: #000;
    font-weight: 700;
    margin-right: 3%;
    max-width: 200px;
}

.key-specification .key-spec-data .key-title-value {
    width: 60%;
    font-size: 1rem;
    color: #000;
    line-height: 24px;
}

.compliance-details .module-data .key-title-head {
    width: 34%;
    font-size: .875rem;
    color: #000;
    font-weight: 700;
    margin-right: 3%;
    max-width: 200px;
}

.compliance-details .module-data .key-title-value {
    width: 60%;
    font-size: 1rem;
    color: #000;
    line-height: 24px;
}

.key-specification .speprate-line {
    height: 1px;
    background: #bbc1c4;
    margin: .5rem 0;
}

.key-specification .key-spec {
    display: flex;
    justify-content: space-between;
}

.accord-compli-title, .accord-key-title {
    display: none;
}

.desk-key-title, .desk-compli-title {
    height: 37px;
}

.key-specification .key-spec .key-title {
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.5;
}

.desk-key-title span, .desk-compli-title span {
    position: relative;
    top: 8px;
}

.key-specification .datasheet-btn-pdf {
    display: inline-flex;
    color: #005c90;
    margin: 0 5px;
    align-items: center;
}

.key-specification .datasheet-btn-pdf a {
    border: 1px solid #e5e7e9;
    border-radius: 4px;
    font-size: 1rem;
    color: #005c90;
    font-weight: 400;
    padding: 5px 8px;
    min-width: 8.875rem;
}

.key-specification .datasheet-btn-viewall {
    display: inline-flex;
    align-items: center;
    margin-left: 18px;
    width: 60px;
    margin-right: -4px;
}

.datasheet-btn-viewall a {
    color: #004369;
    font-size: .875rem;
    line-height: 1.25;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
}

.key-specification .datasheet-btn-pdf a:hover {
    background-color: #fafbfb !important;
    color: #0e0f10 !important;
    border: 1px solid #e5e7e9;
    text-decoration: none !important;
}

i.fa-file-pdf {
    color: #dc2626;
    width: 20px;
    height: 20px;
}

.desk-key-title, .desk-compli-title {
    height: 37px;
    padding: 0;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.key-specification .key-spec .key-title {
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.5;
}

.datasheet-btn-viewall a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: #004369;
    font-weight: 700;
}

.key-specification .key-grid-two {
    width: 100%;
}

.ie-grid-column {
    margin-top: 20px;
}

.modal.in {
    background-color: rgba(0, 0, 0, 0.6);
}

#view-all-modal .modal-body ul {
    margin: 0;
    padding: 0;
    height: 400px;
    overflow-y: auto;
}

#view-all-modal .modal-body ul li:nth-child(1) {
    font-size: .875rem;
    padding: 18px 0 18px 31px;
    line-height: 1;
    color: #000;
    font-weight: 700;
}

#view-all-modal .modal-body ul li:nth-child(odd) {
    background-color: #fafbfb;
}

#view-all-modal .modal-body ul li .hlf-name, #view-all-modal .modal-body ul li .hlf-action {
    width: 50%;
}

#view-all-modal .modal-body ul li {
    list-style: none;
    display: flex;
    padding: 20px 0 20px 31px;
}

#view-all-modal .modal-header {
    height: 98px;
    padding: 26px 24px;
}

#view-all-modal .modal-header h3 {
    text-align: left;
    font-size: 1.9375rem;
    line-height: 1.5;
    font-weight: 700;
    display: inline-flex;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

#createaccount form.createAccount .accaddress .modal-header .close, .modal-header .close, #createaccount form.createAccount .accaddress .modal-header .close span, .modal-header .close span {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 33px;
    color: #000;
    opacity: 1;
}

.modal-header {
    -webkit-box-align: start;
    -webkit-box-pack: justify;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.modal-content {
    object-fit: contain;
    padding: 0;
    margin: 10px 120px 100px;
    height: 590px;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 1000px;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .3rem;
    outline: 0;
}

#view-all-modal .modal-content {
    max-width: 725px;
    height: auto;
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem* 2));
}

.modal-dialog {
    position: relative;
    width: auto !important;
    margin: .5rem !important;
    pointer-events: none;
}

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem* 2));
        margin: 1.75rem auto !important;
    }
}

#view-all-modal .modal-dialog {
    max-width: 965px !important;
}

#view-all-modal h3 {
    margin-top: 0px;
}

.modal-header .close {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 33px;
    color: #000;
    opacity: 1;
}

#view-all-modal .modal-body ul li a {
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    color: #000;
}

#view-all-modal .modal-footer .close-btn-foot {
    border: 1px solid #bbc1c4;
    background-color: #fff;
    border-radius: 4px;
    padding: 14px;
    color: #0e0f10;
    font-size: .875rem;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
}

#view-all-modal .modal-footer .downl-anch {
    font-size: 1rem;
    line-height: 1.12;
    font-weight: 500;
    color: #2563eb;
    margin-right: 16px;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

#view-all-modal .modal-body ul li .hlf-action a {
    margin-right: 32px;
}

#view-all-modal .modal-body ul li .hlf-action a i {
    margin-right: 5px;
}

@media only screen and (max-width: 991px) {
    .key-specification .key-grid-two:nth-child(4n+3) .key-spec-data, .key-specification .key-grid-two:nth-child(4n) .key-spec-data {
        background-color: #fafbfb;
    }

    .key-specification .key-grid-two:nth-child(2n) .key-spec-data {
        background-color: #fff;
    }

    .accord-compli-title:before, .accord-key-title:before {
        content: "";
        position: absolute;
        right: 5px;
        width: 15px;
        height: 9px;
        top: 2px;
        content: "\f107";
        font-family: "FontAwesome";
        color: #879096;
        font-size: 1.125rem;
        font-weight: 700;
    }

    .desk-compli-title, .desk-key-title {
        display: none;
    }

    .accord-compli-title, .accord-key-title {
        display: block;
    }

    .accord-key-title, .accord-compli-title {
        border-bottom: 1px solid #bbc1c4;
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .speprate-line {
        display: none;
    }

    .key-specification .key-spec {
        display: block;
    }

    .key-specification .key-spec-details.accord-key-desc, .accord-key-links {
        display: none;
    }

    .key-specification .key-spec-details-wrap.accord-compli-desc, .accord-compli-links {
        display: none;
    }

    .accord-key-title, .accord-compli-title {
        border-bottom: 1px solid #bbc1c4;
        padding-bottom: 16px;
        margin-bottom: 16px;
        margin-top: 0px !important;
    }

    .key-specification .key-spec .key-title {
        width: 100% !important;
        font-size: 16px !important;
    }

    .accord-compli-title, .accord-key-title {
        position: relative;
    }

    .key-specification .key-spec-details {
        display: grid;
        grid-template-columns: 100%;
    }

    .accord-key-links {
        margin-bottom: 14px;
    }

    #view-all-modal .modal-content {
        padding: 0;
        margin: 0 auto;
    }

    #view-all-modal .modal-header h3 {
        font-size: 1rem;
        line-height: 1.25;
    }

    #view-all-modal .modal-body ul li .hlf-action {
        display: flex;
        flex-wrap: wrap;
    }
    .modal-dialog {
        margin: 0 !important;;
    }
    #view-all-modal .modal-body {
        padding: 10px 5px;
    }
    #view-all-modal .modal-body ul li:nth-child(1) {
        padding: 15px 0 15px 10px;
    }
    #view-all-modal .modal-body ul li {
        padding: 16px 0 16px 10px;
    }
    #view-all-modal .modal-body ul li .hlf-action a:first-child {
        margin-bottom: 10px;
    }
    #view-all-modal .modal-header {
        height: auto;
    }
}

@media (min-width: 768px) {
    .md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}


@media only screen and (max-width: 991px) {
    .recommended-wrapper {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media only screen and (min-width: 833px) {
    .prod-flex {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 991px) {
    .relatedProducts {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0 !important;
        padding-right: 0 !important;
    }
}

@media only screen and (max-width: 991px) {
    .category-products {
        margin: 15px 0 !important;
    }
}

@media only screen and (max-width: 991px) {
    .prod-flex {
        max-width: unset;
    }
}

@media only screen and (max-width: 991px) {
    .prod-flex .prod-item {
        max-width: 100%;
        width: 100%;
    }
}

@media (min-width: 768px) {
    h1 {
        font-size: 2rem !important;
        font-weight: bold !important;
    }
}

@media (min-width: 768px) {
    h2 {
        font-size: 1.5rem !important;
        font-weight: normal !important;
    }
}
@media (min-width: 991px) {
    .pdp-box-grid {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

a:not([href]):not([tabindex]) {
    color: inherit !important;
    text-decoration: none !important;
}

.morelink {
    display: block;
    margin-top: 16px;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.5;
    color: #454b4f;
    font-weight: 500;
}

.replacement-div p, .depleted-div p{
    font-size: .875rem;
    line-height: 1.428;
    font-weight: 400;
    color: #0e0f10;
    margin: 0;
    margin-bottom: 16px;
}

.replacement-div h2, .depleted-div h2 {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
    color: #0e0f10 !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
}

.details-section h3, details-section-expanded h3 {
    font-size: 1em !important;
    font-weight: 400 !important;
}

.mini-shopping-cart .cart-button {
    margin-top: 0px !important;;
}

.key-specification .datasheet-btn-pdf button {
    font-size: 1rem !important;
    color: #005c90 !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    padding: 5px 8px !important;
    min-width: 8.875rem !important;
}

.ie-scondary-btn {
    border-radius: 4px !important;
    line-height: 1.5 !important;
    background-color: #fff;
    border: 1px solid #dce0e1;
}