/* Custom UL Styling */
.custom-ul {
    width: 100%;
    margin: auto;
}

.custom-ul a {
    font-size: .9rem;
    color: var(--main-color);
}

.custom-ul li {
    list-style: none; /* Remove default bullet points */
    position: relative; /* For pseudo-element positioning */
}

.custom-ul li::before {
    content: '';
    background-image: url('../icons/li.png'); /* Add the path to your image */
    background-size: contain; /* Scale the image */
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px; /* Adjust size based on your image */
    height: 16px; /* Adjust size based on your image */
    margin-right: 5px;
    vertical-align: middle;
}

.custom-ul ul li {
    list-style: none;
    margin-left: 30px; /* For nested list indentation */
    position: relative;
}

.custom-ul ul li::before {
    content: '';
    background-image: url('../icons/li.png'); /* Same image for nested list items */
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
}


/* Inner Page Styling */
.inner-page-styling ul {
    width: 100%;
    margin: auto;
    list-style: none; /* Remove default bullet points */
}

.inner-page-styling ul a {
    font-size: 1rem;
    /* font-weight: bold; */
    color: var(--main-color);
}

.inner-page-styling ul li {
    position: relative; 
    list-style-type: none; /* Remove default bullet points */
}

.inner-page-styling ul li::before {
    content: '';
    background-image: url('../icons/li.png'); /* Use the image here as well */
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
}

.inner-page-styling ul ul li {
    list-style: none;
    margin-left: 30px; /* Nested items */
    position: relative;
}

.inner-page-styling ul ul li::before {
    content: '';
    background-image: url('../icons/li.png'); /* Same image for nested list items */
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
}