/* Add this to sidebar.css */
.best-excel-tutorials {
    margin-top:2rem;
    padding: 15px; /* Add padding inside the container */
    box-shadow: 0 4px 15px rgba(250, 225, 225, 0.3);
    width: 14.5rem;
    border: 0.4rem solid transparent; /* Changed to transparent for gradient */
    border-radius: 15px; /* Added rounded corners */
    background-image: linear-gradient(to right, rgb(255, 107, 107), #feb47b); /* Stylish gradient */ 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Added shadow for depth */
    position: relative; /* Positioning for inner wrapper */
}

.best-excel-tutorials::after {
    content: ""; /* Required for pseudo-element */
    position: absolute; /* Positioning the overlay */
    top: 0; /* Align to the top */
    left: 0; /* Align to the left */
    right: 0; /* Stretch to the right */
    bottom: 0; /* Stretch to the bottom */
    background-color: rgba(255, 255, 255, 0.8); /* White with some transparency */
    border-radius: 15px; /* Match the border radius */
    z-index: 1; /* Ensure it sits above the background but below the text */
}


.best-excel-tutorials h2 {
    color: rgb(255, 107, 107); /* Change the color of the heading */
    margin-bottom: 10px; /* Space below the heading */
    text-decoration: underline;
    padding-bottom: 0.32rem; /* Space below the underline */
    position: relative;
    z-index: 2;
}

.tutorial-item {
    position: relative; /* Ensure text is above the overlay */
    z-index: 2; /* Bring text above the overlay */
    margin: 0.325rem 0; /* Space between items */
    font-size: 16px; /* Font size for items */
    color: #333; /* Text color for items */
}

/*
background-color: #E5E7E0; /* Set background color */