summary {
    position: relative;

    &:after {
        display: block;
        position: absolute;
        top: 50%;
        right: 16px;
        border-radius: 10px;
        background-color: #E9E9E9;
        background-image: url(../_img/sprite-arrows.webp?v=0);
        background-repeat: no-repeat;
        background-position: center -18px;
        background-size: 17px 40px;
        transform: translateY(-50%);
        content: '';
        width: 32px;
        height: 32px;

        @media(min-width:1024px) {
            background-position: center -13px;
            width: 43px;
            height: 43px;
        }
    }

    details:open &:after {
        background-position: center 10px;

        @media(min-width:1024px) {
            background-position: center 16px;
        }
    }
}
:root {
  --star-purple: #9018BA;
}
.text-purple {
  color: var(--star-purple) !important;
}


.hero-section {
    background-image: none;
}

@media (min-width: 992px) {
    .hero-section {
        background-image: url('../_img/img-1.webp');
        background-repeat: no-repeat;
        background-position: right 8% center;
        background-size: auto 95%;
    }
}
h1 {
    hyphens: auto;
}