.artcard1 {
    background-color: #fc2e11;
}

.artcard2 {
    background-color: #faa414;
}

.artcard3 {
    background-color: #cb1828;
}

.artcard4 {
    background-color: #6caddf;
}

.artcard5 {
    background-color: #03274f;
}

.artcard6 {
    background-color: rgb(180, 10, 47);
}
[x-cloak] {
    display: none !important;
}

/* Default styles for all screen sizes */
.plus-sign {
    position: relative;
}

.plus-sign:not(:last-child)::after {
    content: "+";
    position: absolute;
    top: 20px;
    right: -20px;
    font-size: 30px;
    font-weight: bold;
    color: #000;
}

/* Styles for screens smaller than md */
@media (max-width: 767px) {
    .grid-cols-2 .plus-sign:not(:last-child)::after,
    .grid-cols-1 .plus-sign::after {
        display: none;
    }
}

.group:hover .circle {
    background-color: #fff;
}

strong {
    font-family: "Metropolis Bold", sans-serif;
    font-weight: 700;
}
/* mobile menu */