.sliding-screen {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: white;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    transition: right 0.3s ease;
    z-index: 9999;
    overflow-x: scroll;
}

.sliding-screen.active {
    right: 0;
}

.screen-content {
    padding: 20px;
}

#closeButton {
    margin-top: 20px;
    display: block;
}

.productCard {
    width: 30%; min-width: 250px; text-align: center;  padding: 20px; border-radius: 8px;
}
.productHolder {
    display: flex; justify-content: center; align-items: start; flex-wrap: wrap; gap: 30px; width: 100%;
}

.custom-list {
    list-style-type: none; /* Remove default list bullets */
    padding-left: 0; /* Remove default padding */
    font-weight: 800;
}

.custom-list-item {
    position: relative; 
    padding-left: 25px; /* Space for custom bullet */
}

.custom-list-item::before {
    content: '\2022'; /* Unicode character for bullet */
    color: #0073e6; /* Custom bullet color */
    font-size: 20px; /* Bullet size */
    position: absolute;
    left: 0;
    top: 0;
}



@media (max-width: 768px) {

    .productCard {
        width: 100%; min-width: 250px; text-align: center;  padding: 20px; border-radius: 8px;
    }

    .productHolder {
        flex-direction: column;
    }
}