.custom-cart {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

    .tp-product-details-add-to-cart-btn:hover {
        background-color: rgb(225, 136, 53);
        border: #ccc;
    }

    .custom-button {
        border-radius: 30px !important;
        max-height: 70px !important;
    }

    .custom-button:hover {
        background-color: rgb(225, 136, 53);
        border: #ccc;
    }

    .accordion-item {
        border-top: 1px solid #ccc !important;
        border-bottom: none;
        padding: 5px 0px;
    }

    .accordion {
        padding-top: 35px !important;
    }

    .slick-slide .entered .loaded {
        border-radius: 15px;
    }

    .slick-slide img {
        max-height: 500px;
        border-radius: 15px;
        overflow: hidden;
    }

    .bb-product-gallery-horizontal .bb-product-gallery-thumbnails {
        padding: 30px 0px !important;
    }

    .bb-product-gallery-thumbnails .slick-slide img {
        width: 93px !important;
        height: 93px !important;
        object-fit: scale-down;
    }

    .bb-product-attribute-swatch-list.visual-swatch .bb-product-attribute-swatch-item {
        width: 77px;
        height: 71px;
        padding: 5px;
        background-color: #cfcfcf;
        border-radius: 15px;

    }
    .swatches-section-left .bb-product-attribute-swatch-list.visual-swatch .bb-product-attribute-swatch-item:not(.disabled) input[type=radio]:checked~span:before {
        border: 2px solid #E18835 !important;
        border-radius: unset;
    }
    .customnav button {
        border-radius: 49% !important;
    }

    .ck-content .product-attributes .hideme {
        display: none;
    }

    .ck-content .product-attributes .showmeCeritification {
        display: block !important;
    }

    .ck-content .product-attributes .showmeCeritification .bb-product-attribute-swatch-title {
        display: none !important;
    }

    .ck-content .product-attributes .showmeCeritification li {
        background-color: none;
    }

    .ck-content .product-attributes .showmeCeritification li label input span {
        background-color: none;
    }

    .manf-container {
        display: flex;
        align-content: center;
        justify-content: space-between;
    }

    .manf-cont-text {
        font-size: 16px !important;
        padding-bottom: 10px;
        margin: 0px;
    }

    .manf-cont-text span {
        border-radius: 10px;
        padding: 5px;
        background-color: #f8a74b;
    }

    .size-chart span {
        border-radius: 10px;
        padding: 5px;
        background-color: #f8a74b;
    }

    .swatches-holder {
        padding: 50px 0px;
    }

    .Swatch-Subtitle {
        padding: 30px 0px;
    }

    .swatch-title {
        padding: 30px 0px;
    }

    .swtach-image-non-bags {
        width: 177px !important;
        height: 171px !important;
    }

    .new-price {
        font-size: 30px;
        font-weight: 600;
    }

    .manf-code-content {
        background-color: #F9E3CF;
        border-radius: 10px;
        color: black;
        padding: 5px;
        font-weight: 400;
    }

    .manf-code {
        font-weight: 600;
    }

    .cartoon-container {
        display: flex;
        justify-content: space-between;
        border: 0.5px solid rgb(187, 181, 181);
        border-radius: 10px;
        align-content: center;
        align-items: center;
        padding: 10px 20px;
        margin-bottom: 30px;
    }



    /* table css */

    .swatches-section {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        align-items: stretch;
    }

    .order-summary-container {
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        padding: 20px;
        height: 100%;
        border: 1px solid #CBCBCB;
    }

    .e-quote-product-details{
        display: grid;
        grid-template-columns: 75% 25%;
        gap: 1rem;
    }

    .e-quote-product-details img{
        max-width: 120px;
    }

    .order-summary-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    .order-summary-table thead th {
        text-align: left;
        padding-bottom: 10px;
        font-weight: 600;
        color: #333;
        border-bottom: 1px solid #ddd;
    }

    .order-summary-table tbody td {
        padding: 10px 0;
        border-bottom: 1px solid #eee;
        color: #555;
    }

    .order-summary-table tbody tr:last-child td {
        border-bottom: none;
    }

    .order-summary-table th,
    .order-summary-table td {
        font-size: 14px;
    }

    .order-summary-table td:first-child {
        width: 50%;
    }

    .item-row label {
        display: flex;
        align-items: center;
        font-weight: 500;
    }

    .item-row input[type="checkbox"] {
        margin-right: 8px;
        transform: scale(1.2);
    }

    .summary-row {
        display: flex;
        justify-content: space-between;
        padding: 8px 0;
        font-size: 14px;
    }

    .summary-row:last-of-type {
        padding-bottom: 20px;
    }

    .summary-total {
        font-weight: 600;
    }

    .buttons-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px;
        flex-wrap: wrap;
        margin-bottom: 20px;
        margin-top: 40px;
    }

    .buttons-row button {
        padding: 12px 50px;
        border: none;
        border-radius: 25px;
        width: 100%;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        transition: background 0.2s;
    }

    .buttons-row button:disabled{
        opacity: 0.7;
    }

    .cancel-quotation-btn {
        background: #e0e0e0;
        color: #333;
    }

    .cancel-quotation-btn:hover {
        background: #d5d5d5;
    }

    .add-to-cart-btn {
        background: #f59931;
        color: #fff;
    }

    .add-to-cart-btn:hover {
        background: #e08a2b;
    }

    .links-row {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .links-row a {
        text-decoration: none;
        color: #555;
        font-weight: 600;
        font-size: 14px;
    }

    .footer-text {
        font-size: 14px;
        margin-top: 20px;
        color: #777;
        text-align: center;
    }

    .bold-text {
        font-weight: 600;
    }


    /* product detail section css */

    .product-container {
        display: flex;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        gap: 10px;
    }

    /* Sidebar */
    .sidebar {
        background-color: #fff;
        width: 220px;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .sidebar button {
        background: #F9F9F9;
        border: none;
        color: #c4bdbd;
        font-size: 16px;
        padding: 30px 20px;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
    }

    .sidebar button.active {
        background-color: #f59931;
        color: #fff;
        border-radius: 5px;
        font-weight: bold;
    }

    .sidebar button.disabled {
        color: #ccc;
        pointer-events: none;
    }

    /* Content Area */
    .product-detail-tab {
        border-radius: 15px;
        padding: 20px 30px;
    }

    /* Tabs */
    .tabs {
        display: flex;
        border-bottom: 2px solid #e5e5e5;
    }

    .tabs .tab {
        padding: 10px 20px;
        cursor: pointer;
        font-size: 16px;
        color: #333;
        font-weight: 500;
        transition: 0.3s;
    }

    .tabs .tab.active {
        border-bottom: 2px solid #f59931;
        color: #f59931;
    }

    /* Table */
    .info-table {
        width: 100%;
        border-collapse: collapse;
    }

    .info-table td {
        padding: 10px 0;
        /* Adds spacing without borders */
        vertical-align: top;
        /* Aligns content to the top */
    }

    .info-table tr td:nth-child(1) {
        text-align: left;
        /* Left align for the first column */
        color: #555;
        font-weight: 500;
        width: 40%;
        /* Adjust for proper spacing */
    }

    .info-table tr td:nth-child(2) {
        text-align: right;
        /* Right align for the second column */
        color: #333;
        /* Text color for better readability */
        font-weight: 400;
        width: 60%;
        /* Allocate width for balance */
    }

    .custom-font-text {
        color: black;
    }

    /* Animations */
    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .bb-product-attribute-swatch-list {
        flex-direction: column;
        flex-wrap: wrap;
        flex-wrap: wrap;
        max-height: 200px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    /* ::-webkit-scrollbar {
        width: 8px;
        Width of the scrollbar
    }

    ::-webkit-scrollbar-track {
        background: #f0f0f0;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #e08a2b;
        Scrollbar color
        border-radius: 10px;
        Rounded corners
        border: 3px solid #f0f0f0;
        Space around the scrollbar thumb
    } */

    .custom-accordion-wrapper{
        display: grid;
        gap: 10px;
    }
    .custom-accordion-item {
        background: #F2F3F4;
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        overflow: hidden;
        cursor: pointer;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 24px;
    }
    
    .custom-accordion-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        color: black;
    }

    .custom-accordion-content {
        display: none;
        padding-top: 24px;
        font-size: 14px;
        color: #666;
        background-color: #fff;
    }

    .custom-accordion-item.active .custom-accordion-content {
        display: block;
    }


    /* choose quantity css */

    .quantity-table-wrapper {
        margin: 20px;
    }

    .quantity-table-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }

    .reset-button {
        background: none;
        border: none;
        color: #000;
        cursor: pointer;
        font-size: 1rem;
    }

    .quantity-table {
        width: 100%;
        border-collapse: collapse;
        text-align: left;
        font-size: 14px;
        border-radius: 15px;
    }

    .quantity-table thead {
        background: #333;
        color: #fff;
    }

    .quantity-table th,
    .quantity-table td {
        padding: 10px;
    }

    .quantity-table .due-info-button {
        background: none;
        border: none;
        cursor: pointer;
    }

    .quantity-table .tooltip {
        display: none;
        position: absolute;
        background: #fff;
        border: 1px solid #ddd;
        padding: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .quantity-table td:hover .tooltip {
        display: block;
    }

    .switch {
        position: relative;
        display: inline-block;
        width: 34px;
        height: 20px;
    }

    .switch input {
        display: none;
    }

    .slider {
        position: absolute;
        cursor: pointer;
        background-color: #ccc;
        transition: 0.4s;
        border-radius: 34px;
        height: 100%;
        width: 100%;
    }

    input:checked+.slider {
        background-color: #4caf50;
    }

    .qty-input {
        width: 60px;
        text-align: center;
    }

    /* print teqnique css */

    .print-technique-wrapper {
        font-family: Arial, sans-serif;
        padding: 20px;
    }

    .print-technique-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .actions .skip-button,
    .actions .reset-button {
        background: none;
        border: none;
        cursor: pointer;
        color: #000;
        font-size: 14px;
        margin-left: 10px;
    }

    .print-technique-options {
        display: flex;
        gap: 20px;
        margin-top: 20px;
    }
    .print-side-tab-conatiner{
        display: flex;
        overflow-x: hidden;
        gap: 1rem;
        margin-top: 20px;
    }
    .print-side-tab-conatiner .print-side-tab{
        padding: 12px 26px;
        color: #929292;
        border: 1px solid #C3BFBF;
        background-color: #FAFBFC;
        border-radius: 25px;
        font-size: 1rem;
        letter-spacing: 0.5px;
    }
    .print-side-tab-conatiner .print-side-tab.active{
        color: #282828;
        border: 1px solid #282828;
        font-weight: 700;
    }
    #same_as_front_side,#same_as_back_side
    {
        width: 26px;
        height: 26px;
        background-color: #F0F2F4;
        border: 1px solid #DCDCDC !important;
        border-radius: 5.67px;
        margin-right: 10px;
    }

    #invoice_address_delivery:checked , #same_as_front_side:checked, #same_as_back_side:checked
    {
        background-color: #E18835;
    }
    .technique-card-holder{
        display: flex;
        gap: 20px;

    }
    .technique-card {
        border: 2px solid transparent;
        padding: 1rem;
        cursor: pointer; 
        transition: border-color 0.2s ease-in-out;
    }
    
  
    .technique-card:hover {
        border-color: #ccc;
    }
    
    
    .technique-card.selected {
        border-color: #ff9900;         
        background-color: #f0f8ff;      
    }
    
    .technique-card {
        border: 1px solid #ddd;
        padding: 15px;
        width: 100%;
        text-align: center;
        background: #f9f9f9;
        border-radius: 8px;
    }

    .technique-card.recommended {
        border: 2px solid #ff9900;
    }

    .technique-card h4 {
        margin: 10px 0;
    }

    .technique-card ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .technique-card ul li {
        font-size: 14px;
        margin: 5px 0;
    }

    .badge {
        background: #ff9900;
        color: #fff;
        padding: 2px 6px;
        font-size: 12px;
        border-radius: 4px;
    }

    .divider {
        height: 2px;
        background: #ddd;
        margin: 20px 0;
    }

    .print-specs {
        margin-top: 20px;
    }

    .print-specs h4 {
        margin-bottom: 10px;
    }


    .spec {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
    }

    .spec select {
        padding: 5px;
        border: 1px solid #ddd;
        border-radius: 4px;
        width: 150px;
    }

    .select-print-size, .select-number-colours{
        max-width: 260px;
    }
    
    .select-print-size select, .select-number-colours select{
        margin-bottom: 1rem;
    }

    .note {
        color: #888;
        text-align: right;
        text-wrap: wrap;
        margin: 0px;
    }

    .artwork-placement {
        margin-top: 24px;
        font-family: 'Montserrat';
    }
    .artwork-placement .artwork-title{
        font-size: 16px;
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }
    .artwork-placement .upload-label {
      display: inline-flex;
      gap: 24px;
      padding: 10px 20px;
      background-color: #ffffff;
      color: #333;
      font-size: 14px;
      border-radius: 999px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      transition: background-color 0.2s ease;
      user-select: none;
    }

    .artwork-placement .upload-label:hover {
      background-color: #e9e9e9;
    }

    .artwork-placement .upload-icon {
      width: 16px;
      height: 16px;
      display: inline-block;
    }

    .artwork-placement .upload-icon svg {
      width: 100%;
      height: 100%;
      fill: none;
      stroke: #333;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    /* Hide the file input */
    .artwork-placement #front_upload_input,.artwork-placement #back_upload_input {
      display: none;
    }

    .artwork-placement textarea{
        border-radius: 10px;
        background-color: #ffffff;
        border: 1px solid #f7f6f6;
        margin-top: 12px;
    }

    /* shipping css */

    .custom-shipping-details{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 15px;
    }

    /* Style the select box */
select {
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    color: #a9a9a9; /* Light gray text color */
    background-color: #f8f8f8; /* Light background */
    border: none;
    border-radius: 25px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    outline: none; /* Removes focus outline */
    cursor: pointer;
    transition: all 0.3s ease;
}


select::after {
    content: '▾'; 
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

select:hover,
select:focus {
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); /* Slightly darker shadow */
    background-color: #ffffff; /* Lighter background on hover */
}

.custom-shipping-details input {
    border-radius: 20px;
}

::-webkit-scrollbar {
    height:10px;
    width:6px;
    border-radius:6px;
  }
  ::-webkit-scrollbar-track {
    background: #D9D9D9 !important; 
      border-radius:6px !important;
  }
  ::-webkit-scrollbar-thumb {
      background: #E18835 !important; 
      border-radius:6px;
  }