.text-right{
    width: 100%;
    text-align: right;
    display: block;
}

.text-right ul {
    list-style: none;
    padding-right: 0; /* remove default padding */
    padding-left: 0;  /* optional, if you want no indentation */
    margin: 0;         /* remove default top/bottom margin */
    list-style-position: inside; /* optional, makes bullets align with text */
}

.feature-list-custom {
    list-style: disc;       /* restore bullets if needed */
    padding: 0;
    margin: 0;
    text-align: right;      /* aligns text inside li to right */
}

.custom-li li {
    display: block;         /* ensures each item is a block */
    text-align: right;      /* aligns text inside li to right */
    direction: rtl;         /* forces bullet to appear on the right */
}

.hero-image-logo {
    width: 150px;       /* adjust as you like */
    height: auto; /* center + add spacing */
}