hr {
    border: 0;
    border-top: 2px double #AAA;
    width: 60%;
    margin: 2.5rem auto;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
    border-style: none;
}

.ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: ripple-anim 0.6s linear;
    background: rgba(255,255,255,0.6);
    pointer-events: none;
    z-index: 1;
}

@keyframes ripple-anim {
    to {
        transform: scale(1.7);
        opacity: 0;
    }
}

/* General spacing classes */
.spacing {
    margin-top: 2rem;
    /*    margin-bottom: 2rem;*/
}

.small-spacing {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.margin-top-small {
    margin-top: 1rem;
}

.text-center {
    text-align: center;
}

.uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight: 700;
}

.centered-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.rounded-corners {
    border-radius: 10px;
}

.text-justify {
    text-align: justify;
}

.button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.center-buttons {
    justify-content: center;
}


/* Remove list bullets from <ul> and <ol> */
ul, ol {
    list-style: none;
    padding-left: 0; /* Remove default padding for alignment */
    margin-left: 0; /* Optional: remove left margin */
}

/* Remove ::marker from list items */
li::marker {
    content: "";
}

/* Remove triangle marker from <summary> in all browsers */
summary::-webkit-details-marker {
    display: none; /* Chrome, Safari */
}

summary::marker {
    content: ""; /* Firefox */
}

/* Remove Stars Border*/
.star {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

    .star:focus {
        outline: none !important;
        box-shadow: none !important;
        border: none !important;
    }