.menu-icon {
    color: white; /* Make the icon white */
    font-size: 24px; /* Adjust the icon size */
    text-decoration: none; /* Remove underline */
}

.menu-icon:hover {
    color: #ddd; /* Optional: lighter color on hover */
}

.etruvi-heading {
    font-size: 22px;
    padding-bottom: 15px;
}

.etruvi-h1 {
    font-size: 36px;
}

.etruvi-text {
    font-size: 16px;
    padding-bottom: 5px;
    text-align: justify;
}

.accordion-button {
    transition: background-color 0.3s, box-shadow 0.3s;
}

.accordion-button:hover {
    background-color: #18191b; /* Change to a subtle background color on hover */
    box-shadow: 0 2px 2px rgba(255, 255, 255, 0.2); /* Adds a shadow effect */
    color: #ffffff; /* Optional: change text color */
}

.accordion-button:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* Optional: adds a subtle border on focus */
}

/* Accordion button background and text color (default and active) */
.accordion-button {
    background-color: #0e0f11;
    color: white;
    border: none;
    outline: none; /* Remove blue outline */
    box-shadow: none; /* Remove box-shadow */
}

/* Active accordion button background and text color */
.accordion-button:not(.collapsed) {
    background-color: #0e0f11;
    color: white;
}

/* Change the icon color for expanded and collapsed states */
.accordion-button::after {
    color: white;
}

/* Accordion button when collapsed (to ensure icon remains white) */
.accordion-button.collapsed::after {
    color: white;
}

/* Accordion item body background and text color */
.accordion-body {
    background-color: #0e0f11;
    color: white;
}

/* Add any custom styling if needed for headings */
.etruvi-heading {
    color: white;
}

.container-fluid {
    overflow: hidden;
}

.scrolling-wrapper {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
}

.scrolling-content {
    display: flex;
    animation: scroll 25s linear infinite;
}

.scrolling-content img {
    margin-right: 20px; /* Adjust spacing between images */
    width: auto;
    height: 100px; /* Adjust size as needed */
}

/* Keyframes for seamless scroll */
@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* #ggg */