#loyl-landingpage-faq {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1920px) {
    #loyl-landingpage-faq {
        margin-top: calc(var(--nui-space-1, 0.375rem) * 125);
    }
}

@media (max-width: 1919px) {
    #loyl-landingpage-faq {
        margin-top: 38vw;
    }
}

@media (max-width: 1659px) {
    #loyl-landingpage-faq {
        margin-top: 38vw;
    }
}

@media (max-width: 1359px) {
    #loyl-landingpage-faq {
        margin-top: calc(var(--nui-space-1, 0.375rem) * 70);
    }
}

@media (max-width: 959px) {
    #loyl-landingpage-faq {
        margin-top: calc(var(--nui-space-1, 0.375rem) * 60);
    }
}

/*Loyl accordion*/

.loyl-accordion {
    width: 100%;
    max-width: 678px;
    padding: var(--nui-space-2, 2rem) var(--nui-space-2, 2rem) var(--nui-space-2, 2rem) 0;
    border-top: 1px solid var(--nui-concrete, rgba(244,242,242,1));
    cursor: pointer;
}

.loyl-accordion-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.loyl-accordion-heading svg {
    transform: rotate(90deg);
}

.loyl-accordion:last-of-type {
    border-bottom: 1px solid var(--nui-concrete, rgba(244,242,242,1));
}

.loyl-accordion-text {
    max-height: 0;
    padding: 0 var(--nui-space-5, 5rem) 0 var(--nui-space-2, 2rem);
    overflow: hidden;
    transition: max-height 0.2s ease-out, margin 0.2s ease-out;
}

.loyl-accordion-text p {
    text-align: justify;
    margin-top: var(--nui-space-2, 2rem);
}

.loyl-accordion-text-with-bottom-space {
    padding-bottom: var(--nui-space-4, 4rem);
}