@media(max-width:575px) {
     .date {
        color: #667085;
        text-align: center;
        font-family: "Abhaya Libre";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 22.5px */
    }

    .qty {
        color: #667085;
        text-align: center;
        font-family: "Abhaya Libre";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        /* 25.6px */
        margin: 0%;
    }

    .custom-card {
        border: 1px solid #dcdcdc;
        border-radius: 6px;
        background-color: #fff;
        padding: 15px;
        display: flex;
        align-items: center;
        gap: 20px;

    }

    .custom-card .card-img {
        width: 120px;
        height: 120px;
        object-fit: cover;
        border-radius: 4px;
    }

    .card-details {
        flex-grow: 1;
    }

    .card-details h6 {
        margin: 0%;
        color: var(--Heading_Text_CL, #101828);
        font-family: Parastoo;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        /* 36px */
    }

    .price-btn {
        border-radius: 8px;
        background: rgba(64, 101, 80, 0.30);
        color: var(--Heading_Text_CL, #101828);
        text-align: center;
        font-family: Parastoo;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        /* 30px */
        display: flex;
        height: 36px;
        padding: 4px 10px;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
        border: none;
        margin-top: 10px;
    }

    .delete-icon {
        background: #FFE9E9;
        border: none;
        padding: 6px 5px;

        color: #d32f2f;

    }
.delete-icon img{
    width: 20px;
}
    .edit-btn {
        color: var(--Primary_CL, #406550);
        font-family: "Abhaya Libre";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        /* 166.667% */
        border: 1px solid var(--Primary_CL, #406550);
        padding: 6px 10px;
    }

    .edit-btn a {
        text-decoration: none;
        color: #406550;
    }

    .action-buttons {
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: 60px;

    }

    .btn-container {
        margin-top: 100px;
        text-align: center;
    }

    .btn-sell {
        color: #FFF;
        font-family: "Abhaya Libre";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        /* 166.667% */
        background: var(--Primary_CL, #406550);
        padding: 10px 40px;
        border: none;
        float: center;
    }

    a {
        text-decoration: none;
        color: #fff;
    }
}

@media (min-width:576px) and (max-width:766.99px) {
       .date {
        color: #667085;
        text-align: center;
        font-family: "Abhaya Libre";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 22.5px */
    }

    .qty {
        color: #667085;
        text-align: center;
        font-family: "Abhaya Libre";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        /* 25.6px */
        margin: 0%;
    }

    .custom-card {
        border: 1px solid #dcdcdc;
        border-radius: 6px;
        background-color: #fff;
        padding: 15px;
        display: flex;
        align-items: center;
        gap: 20px;

    }

    .custom-card .card-img {
        width: 180px;
        height: 160px;
        object-fit: cover;
        border-radius: 4px;
    }

    .card-details {
        flex-grow: 1;
    }

    .card-details h6 {
        margin: 0%;
        color: var(--Heading_Text_CL, #101828);
        font-family: Parastoo;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        /* 36px */
    }

    .price-btn {
        border-radius: 8px;
        background: rgba(64, 101, 80, 0.30);
        color: var(--Heading_Text_CL, #101828);
        text-align: center;
        font-family: Parastoo;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        /* 30px */
        display: flex;
        height: 36px;
        padding: 4px 14px;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
        border: none;
        margin-top: 10px;
    }

    .delete-icon {
        background: #FFE9E9;
        border: none;
        padding: 6px 10px;
        color: #d32f2f;
    }
    .delete-icon img{
    width: 20px;
}

    .edit-btn {
        color: var(--Primary_CL, #406550);
        font-family: "Abhaya Libre";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        /* 166.667% */
        border: 1px solid var(--Primary_CL, #406550);
        padding: 6px 20px;
    }

    .edit-btn a {
        text-decoration: none;
        color: #406550;
    }

    .action-buttons {
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: 60px;

    }

    .btn-container {
        margin-top: 100px;
        text-align: center;
    }

    .btn-sell {
        color: #FFF;
        font-family: "Abhaya Libre";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        /* 166.667% */
        background: var(--Primary_CL, #406550);
        padding: 10px 40px;
        border: none;
    }

    a {
        text-decoration: none;
        color: #fff;
    }
}

@media (min-width: 767px) and (max-width: 991.99px) {
     .date {
        color: #667085;
        text-align: center;
        font-family: "Abhaya Libre";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 22.5px */
    }

    .qty {
        color: #667085;
        text-align: center;
        font-family: "Abhaya Libre";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        /* 25.6px */
        margin: 0%;
    }

    .custom-card {
        border: 1px solid #dcdcdc;
        border-radius: 6px;
        background-color: #fff;
        padding: 15px;
        display: flex;
        align-items: center;
        gap: 20px;

    }
    .custom-card .card-img {
        width: 180px;
        height: 160px;
        object-fit: cover;
        border-radius: 4px;
    }
    .card-details {
        flex-grow: 1;
    }
    .card-details h6 {
        margin: 0%;
        color: var(--Heading_Text_CL, #101828);
        font-family: Parastoo;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        /* 36px */
    }
    .price-btn {
        border-radius: 8px;
        background: rgba(64, 101, 80, 0.30);
        color: var(--Heading_Text_CL, #101828);
        text-align: center;
        font-family: Parastoo;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        /* 30px */
        display: flex;
        height: 36px;
        padding: 4px 14px;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
        border: none;
        margin-top: 10px;
    }

    .delete-icon {
        background: #FFE9E9;
        border: none;
        padding: 6px 10px;
        color: #d32f2f;
    }
    .delete-icon img{
    width: 25px;
}

    .edit-btn {
        color: var(--Primary_CL, #406550);
        font-family: "Abhaya Libre";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        /* 166.667% */
        border: 1px solid var(--Primary_CL, #406550);
        padding: 8px 30px;
    }

    .edit-btn a {
        text-decoration: none;
        color: #406550;
    }

    .action-buttons {
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: 60px;

    }

    .btn-container {
        margin-top: 100px;
        text-align: right;
    }

    .btn-sell {
        color: #FFF;
        font-family: "Abhaya Libre";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        /* 166.667% */
        background: var(--Primary_CL, #406550);
        padding: 10px 40px;
        border: none;
    }

    a {
        text-decoration: none;
        color: #fff;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .date {
        color: #667085;
        text-align: center;
        font-family: "Abhaya Libre";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 22.5px */
    }

    .qty {
        color: #667085;
        text-align: center;
        font-family: "Abhaya Libre";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        /* 25.6px */
        margin: 0%;
    }

    .custom-card {
        border: 1px solid #dcdcdc;
        border-radius: 6px;
        background-color: #fff;
        padding: 15px;
        display: flex;
        align-items: center;
        gap: 20px;

    }

    .custom-card .card-img {
        width: 180px;
        height: 160px;
        object-fit: cover;
        border-radius: 4px;
    }

    .card-details {
        flex-grow: 1;
    }

    .card-details h6 {
        margin: 0%;
        color: var(--Heading_Text_CL, #101828);
        font-family: Parastoo;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        /* 36px */
    }

    .price-btn {
        border-radius: 8px;
        background: rgba(64, 101, 80, 0.30);
        color: var(--Heading_Text_CL, #101828);
        text-align: center;
        font-family: Parastoo;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        /* 30px */
        display: flex;
        height: 36px;
        padding: 4px 14px;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
        border: none;
        margin-top: 16px;
    }

    .delete-icon {
        background: #FFE9E9;
        border: none;
        padding: 6px 10px;
        color: #d32f2f;
    }
    .delete-icon img{
    width: 20px;
}

    .edit-btn {
        color: var(--Primary_CL, #406550);
        font-family: "Abhaya Libre";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        /* 166.667% */
        border: 1px solid var(--Primary_CL, #406550);
        padding: 5px 20px;
    }

    .edit-btn a {
        text-decoration: none;
        color: #406550;
    }

    .action-buttons {
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: 60px;

    }

    .btn-container {
        margin-top: 100px;
        text-align: right;
    }

    .btn-sell {
        color: #FFF;
        font-family: "Abhaya Libre";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        /* 166.667% */
        background: var(--Primary_CL, #406550);
        padding: 10px 40px;
        border: none;
    }

    a {
        text-decoration: none;
        color: #fff;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .date {
        color: #667085;
        text-align: center;
        font-family: "Abhaya Libre";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 22.5px */
    }

    .qty {
        color: #667085;
        text-align: center;
        font-family: "Abhaya Libre";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        /* 25.6px */
        margin: 0%;
    }

    .custom-card {
        border: 1px solid #dcdcdc;
        border-radius: 6px;
        background-color: #fff;
        padding: 15px;
        display: flex;
        align-items: center;
        gap: 20px;

    }

    .custom-card .card-img {
        width: 200px;
        height: 160px;
        object-fit: cover;
        border-radius: 4px;
    }

    .card-details {
        flex-grow: 1;
    }

    .card-details h6 {
        margin: 0%;
        color: var(--Heading_Text_CL, #101828);
        font-family: Parastoo;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        /* 36px */
    }



    .price-btn {
        border-radius: 8px;
        background: rgba(64, 101, 80, 0.30);
        color: var(--Heading_Text_CL, #101828);
        text-align: center;
        font-family: Parastoo;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        /* 30px */
        display: flex;
        height: 36px;
        padding: 4px 14px;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
        border: none;
        margin-top: 10px;
    }

    .delete-icon {
        background: #FFE9E9;
        border: none;
        padding: 6px 10px;
        color: #d32f2f;
    }
    .delete-icon img{
    width: 25px;
}

    .edit-btn {
        color: var(--Primary_CL, #406550);
        font-family: "Abhaya Libre";
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        /* 166.667% */
        border: 1px solid var(--Primary_CL, #406550);
        padding: 7px 20px;
    }

    .edit-btn a {
        text-decoration: none;
        color: #406550;
    }

    .action-buttons {
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: 60px;

    }

    .btn-container {
        margin-top: 100px;
        text-align: right;
    }

    .btn-sell {
        color: #FFF;
        font-family: "Abhaya Libre";
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        /* 166.667% */
        background: var(--Primary_CL, #406550);
        padding: 10px 40px;
        border: none;
    }

    a {
        text-decoration: none;
        color: #fff;
    }
}

@media (min-width: 1400px) {

    .date {
        color: #667085;
        text-align: center;
        font-family: "Abhaya Libre";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 22.5px */
    }

    .qty {
        color: #667085;
        text-align: center;
        font-family: "Abhaya Libre";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        /* 25.6px */
        margin: 0%;
    }

    .custom-card {
        border: 1px solid #dcdcdc;
        border-radius: 6px;
        background-color: #fff;
        padding: 15px;
        display: flex;
        align-items: center;
        gap: 20px;

    }

    .custom-card .card-img {
        width: 240px;
        height: 160px;
        object-fit: cover;
        border-radius: 4px;
    }

    .card-details {
        flex-grow: 1;
    }

    .card-details h6 {
        margin: 0%;
        color: var(--Heading_Text_CL, #101828);
        font-family: Parastoo;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        /* 36px */
    }
    .price-btn {
        border-radius: 8px;
        background: rgba(64, 101, 80, 0.30);
        color: var(--Heading_Text_CL, #101828);
        text-align: center;
        font-family: Parastoo;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 150%;
        /* 30px */
        display: flex;
        height: 38px;
        padding: 4px 14px;
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
        border: none;
        margin-top: 10px;
    }

    .delete-icon {
        background: #FFE9E9;
        border: none;
        padding: 6px 10px;
        color: #d32f2f;
    }
    .delete-icon img{
    width: 25px;
}

    .edit-btn {
        color: var(--Primary_CL, #406550);
        font-family: "Abhaya Libre";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        /* 166.667% */
        border: 1px solid var(--Primary_CL, #406550);
        padding: 7px 25px;
    }

    .edit-btn a {
        text-decoration: none;
        color: #406550;
    }

    .action-buttons {
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: 60px;

    }

    .btn-container {
        margin-top: 100px;
        text-align: right;
    }

    .btn-sell {
        color: #FFF;
        font-family: "Abhaya Libre";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        /* 166.667% */
        background: var(--Primary_CL, #406550);
        padding: 10px 40px;
        border: none;
    }

    a {
        text-decoration: none;
        color: #fff;
    }
    .popover-menu a{
        color: #8D8D8D;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 133.333% */
    }
    .logout-btn{
        color: var(--Neutral_FFF, #FFF);
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 133.333% */
    }
}