:root {
    --faq-arrow-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_240_15883)'%3E%3Cpath d='M12 0C5.36766 0 0 5.36705 0 12C0 18.6323 5.36705 24 12 24C18.6323 24 24 18.633 24 12C24 5.36766 18.633 0 12 0ZM12 22.4C6.26545 22.4 1.59998 17.7346 1.59998 12C1.59998 6.26541 6.26545 1.59998 12 1.59998C17.7345 1.59998 22.4 6.26545 22.4 12C22.4 17.7345 17.7345 22.4 12 22.4Z' fill='black'%3E%3C/path%3E%3Cpath d='M12.8 11.1997H17.4068C17.8486 11.1997 18.2068 11.5579 18.2068 11.9997C18.2068 12.4416 17.8486 12.7997 17.4068 12.7997H12.8H11.2H6.59323C6.15138 12.7997 5.79321 12.4416 5.79321 11.9997C5.79321 11.5579 6.15143 11.1997 6.59323 11.1997H11.2H12.8Z' fill='black'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_240_15883'%3E%3Crect width='24' height='24' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    --faq-arrow-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_240_15895)'%3E%3Cpath d='M12 0C5.36766 0 0 5.36705 0 12C0 18.6323 5.36705 24 12 24C18.6323 24 24 18.633 24 12C24 5.36766 18.633 0 12 0ZM12 22.4C6.26545 22.4 1.59998 17.7346 1.59998 12C1.59998 6.26541 6.26545 1.59998 12 1.59998C17.7345 1.59998 22.4 6.26545 22.4 12C22.4 17.7345 17.7345 22.4 12 22.4Z' fill='black'%3E%3C/path%3E%3Cpath d='M17.4068 11.1998H12.8V6.59298C12.8 6.15119 12.4419 5.79297 12 5.79297C11.5582 5.79297 11.2 6.15114 11.2 6.59298V11.1998H6.59323C6.15143 11.1998 5.79321 11.5579 5.79321 11.9998C5.79321 12.4416 6.15138 12.7998 6.59323 12.7998H11.2V17.4066C11.2 17.8484 11.5582 18.2066 12 18.2066C12.4419 18.2066 12.8 17.8484 12.8 17.4066V12.7998H17.4068C17.8486 12.7998 18.2068 12.4416 18.2068 11.9998C18.2068 11.5579 17.8486 11.1998 17.4068 11.1998Z' fill='black'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_240_15895'%3E%3Crect width='24' height='24' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");

}

.faq-container {
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    max-width: 1440px;
}

h2.faq-section-title {
    font-size: 36px;
    line-height: 46px;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

summary::-webkit-details-marker {
    display: none;
}

summary {
    list-style: none;
    cursor: pointer;
}

.faq-question {
    font-weight: bold;
    list-style: none;
    cursor: pointer;
    position: relative;
    color: rgb(31, 33, 36);
    padding-left: 20px;
    padding-right: 50px;
    font-size: 24px;
    line-height: 34px;
}

.faq-question::after {
    content: "";
    position: absolute;
    top: 5px;
    right: 20px;
    width: 24px;
    height: 24px;
    background-image: var(--faq-arrow-plus);
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.4s ease;
}

.faq-item.active .faq-question::after {
    background-image: var(--faq-arrow-close);
}

.faq-answer {
    margin-top: 12px;
    padding-right: 60px;
    padding-left: 20px;
    
}

.faq-answer p:last-child {
    margin-bottom: 0;
}

details.faq-item {
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}

details.faq-item:last-child {
    border-bottom: 0;
}

.faq-accordion:last-child {
    margin-bottom: 0;
}

.faq-accordion {
    margin-bottom: 20px;
}
    .canton-faq-wrapper {margin-bottom: 100px;}


@media (max-width:1199px) {
    .faq-question {
        font-size: 22px;
        line-height: 32px;
    }

 
    .canton-faq-wrapper {margin-bottom: 70px;}


}


@media (max-width:991px) {
    .faq-question::after {
        width: 20px;
        height: 20px;
        top: 6px;
    }

    details.faq-item {
        padding: 16px 0;
    }

    .faq-accordion {
        margin-bottom: 16px;
    }
}


@media (max-width:767px) {

   h2.faq-section-title {
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 16px;
    }

    .faq-question {
        font-size: 20px;
        line-height: 30px;
    }

    .faq-answer {
        margin-top: 10px;
        padding-right: 50px;
    }
    .canton-faq-wrapper {margin-bottom: 60px;}
}