/*(@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&display=swap');*/

:root {
    --primary-dark-color: hsl(238, 29%, 16%);
    --primary-soft-color: hsl(14, 88%, 65%);

    --neutral-dark-color: hsl(237, 12%, 33%);
    --neutral-soft-color: hsl(240, 6%, 50%);
}



/* FAQ card: main */
/*================================================*/

.faq-content {
    padding: 9px 25px 3rem;
}

.faq-accordion {
    padding: 8px 0;
    border-bottom: 1px solid hsl(240, 5%, 91%);
}


/* FAQ card: main title */
/*================================================*/

/* checkbox tgg-title*/
input.tgg-title {
    appearance: unset;
    all:unset;
}

.faq-accordion-title label{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.faq-accordion-title h2{
    font-size: 12px /*var(--font-size)*/;
    font-weight: 400;
    color: var(--neutral-dark-color);
}

.faq-accordion-title span{
    margin-left: auto;
    transition: transform .4s ease-in-out;
}


/* FAQ card: main content */
/*================================================*/

.faq-accordion-content {
    color: var(--neutral-soft-color);
    overflow: hidden;
    max-height: 0;
    transition: max-height .4s ease-in-out;
}

.faq-accordion .faq-question {
    margin-bottom:8px;
    text-align:left;
    display:block;
}


/* Effects */
/*================================================*/

/* main title, accordion title effects */

.faq-accordion-title:hover {
    color: #000;
    text-shadow: 0 0 1px #d2d2d2;
}

/* onclick "" */
.faq-accordion .tgg-title:checked + .faq-accordion-title {
    font-weight: 600;
}

.faq-accordion .tgg-title:checked + div>label>span {
    will-change: transform;
    transform: rotate(180deg);
}

/* main content, acordion text effect */
.faq-accordion .tgg-title:checked ~ .faq-accordion-content{
    will-change: max-height;
    max-height: 820px;
}