.faq.template-1 {
    justify-content: center;
    & .faq-container {
        display:flex;
        overflow: hidden;
        flex-direction: column;
        align-items: stretch;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    & .faq-accordion {
        overflow: hidden;
        &[open] {
            & .faq-accordion-arrow {
                transform: rotate(180deg);
            }
            & .faq-accordion-header{
            }
        }
        & .faq-accordion-header {
            list-style: none;
            appearance: none;
            outline: none;
            word-break: break-all;
            display: flex;
            justify-content: start;
            align-items: center;
            cursor: pointer;
            user-select: none;
            gap: .5rem;
            justify-content: space-between;
            &::-webkit-details-marker {
                display: none;
            }
        }
    }
    & .faq-accordion-header{
        & .faq-accordion-arrow {
            font-size:  1.75rem;
            font-weight: 700;
            transition: transform 0.3s ease, color 0.3s ease;
        }
    }
    & .faq-accordion-header__label{
        flex: 1;
    }
}
.faq.template-1 {
    background: var(--faqSection-background-mobile-color, rgba(255, 255, 255, 0));
    padding: calc(var(--faqSection-padding-mobile-top, 2) * 1rem) calc(var(--faqSection-padding-mobile-right, 1) * 1rem) calc(var(--faqSection-padding-mobile-bottom, 2) * 1rem) calc(var(--faqSection-padding-mobile-left, 1) * 1rem); 
    margin: calc(var(--faqSection-margin-mobile-top, 0) * 1rem) calc(var(--faqSection-margin-mobile-right, 0) * 1rem) calc(var(--faqSection-margin-mobile-bottom, 0) * 1rem) calc(var(--faqSection-margin-mobile-left, 0) * 1rem);
    border-style: var(--faqSection-border-mobile-top-style, solid) var(--faqSection-border-mobile-right-style, solid) var(--faqSection-border-mobile-bottom-style, solid) var(--faqSection-border-mobile-left-style, solid);
    border-width: calc(var(--faqSection-border-mobile-top-width, 0) * 1rem) calc(var(--faqSection-border-mobile-right-width, 0) * 1rem) calc(var(--faqSection-border-mobile-bottom-width, 0) * 1rem) calc(var(--faqSection-border-mobile-left-width, 0) * 1rem);
    border-color: var(--faqSection-border-mobile-top-color, var(--global-color-1)) var(--faqSection-border-mobile-right-color, var(--global-color-1)) var(--faqSection-border-mobile-bottom-color, var(--global-color-1)) var(--faqSection-border-mobile-left-color, var(--global-color-1));
    border-radius: calc(var(--faqSection-border-mobile-left-radius, 0) * 1rem) calc(var(--faqSection-border-mobile-top-radius, 0) * 1rem) calc(var(--faqSection-border-mobile-right-radius, 0) * 1rem) calc(var(--faqSection-border-mobile-bottom-radius, 0) * 1rem);
    max-width: var(--faqSection-dimensions-mobile-width, auto);
    height: var(--faqSection-dimensions-mobile-height, auto);
    &:hover {
        border-color: var(--faqSection-border-mobile-top-colorHover, var(--global-color-1)) var(--faqSection-border-mobile-right-colorHover, var(--global-color-1)) var(--faqSection-border-mobile-bottom-colorHover, var(--global-color-1)) var(--faqSection-border-mobile-left-colorHover, var(--global-color-1));
    }
    & .faq-section-heading {
        color: var(--faqTitle-font-mobile-textColor, rgba(0, 0, 0, 1));
        font-size: calc(var(--faqTitle-font-mobile-fontSize, 1.75) * 1rem);
        font-weight: var(--faqTitle-font-mobile-fontWeight, 700);
        line-height: var(--faqTitle-font-mobile-lineHeight, 1);
        text-align: var(--faqTitle-font-mobile-textAlign, center);
        font-family: var(--faqTitle-font-mobile-fontFamily, var(--heading-font-family));
        text-transform: var(--faqTitle-font-mobile-textTransform, none);
    }
    & .faq-section-description {
        color: var(--faqDescription-font-mobile-textColor, rgba(0, 0, 0, 1));
        font-size: calc(var(--faqDescription-font-mobile-fontSize, 0.875) * 1rem);
        font-weight: var(--faqDescription-font-mobile-fontWeight, 400);
        line-height: var(--faqDescription-font-mobile-lineHeight, 1);
        text-align: var(--faqDescription-font-mobile-textAlign, center);
        font-family: var(--faqDescription-font-mobile-fontFamily, var(--global-font-family));
        text-transform: var(--faqDescription-font-mobile-textTransform, none);      
    }
    & .faq-accordion-header {
        background: var(--faqAccordionHeader-background-mobile-color, var(--global-color-0));
        &:hover{
            background: var(--faqAccordionHeader-background-mobile-colorHover, var(--global-color-0));
        }
    }
    & .faq-accordion-header{
        border-style: var(--faqAccordionHeader-border-mobile-top-style, solid) var(--faqAccordionHeader-border-mobile-right-style, solid) var(--faqAccordionHeader-border-mobile-bottom-style, solid) var(--faqAccordionHeader-border-mobile-left-style, solid);
        border-width: calc(var(--faqAccordionHeader-border-mobile-top-width, 0.1875) * 1rem) calc(var(--faqAccordionHeader-border-mobile-right-width, 0.1875) * 1rem) calc(var(--faqAccordionHeader-border-mobile-bottom-width, 0.1875) * 1rem) calc(var(--faqAccordionHeader-border-mobile-left-width, 0.1875) * 1rem);
        border-color: var(--faqAccordionHeader-border-mobile-top-color, var(--global-color-0)) var(--faqAccordionHeader-border-mobile-right-color, var(--global-color-0)) var(--faqAccordionHeader-border-mobile-bottom-color, var(--global-color-0)) var(--faqAccordionHeader-border-mobile-left-color, var(--global-color-0));
        border-radius: calc(var(--faqAccordionHeader-border-mobile-left-radius, 0) * 1rem) calc(var(--faqAccordionHeader-border-mobile-top-radius, 0) * 1rem) calc(var(--faqAccordionHeader-border-mobile-right-radius, 0) * 1rem) calc(var(--faqAccordionHeader-border-mobile-bottom-radius, 0) * 1rem);        
        padding: calc(var(--faqAccordionHeader-padding-mobile-top, 0.25) * 1rem) calc(var(--faqAccordionHeader-padding-mobile-right, 1) * 1rem) calc(var(--faqAccordionHeader-padding-mobile-bottom, 0.25) * 1rem) calc(var(--faqAccordionHeader-padding-mobile-left, 1) * 1rem);
        margin: calc(var(--faqAccordionHeader-margin-mobile-top, 0.25) * 1rem) calc(var(--faqAccordionHeader-margin-mobile-right, 0) * 1rem) calc(var(--faqAccordionHeader-margin-mobile-bottom, 0) * 1rem) calc(var(--faqAccordionHeader-margin-mobile-left, 0) * 1rem); 
        color: var(--faqAccordionHeader-font-mobile-textColor, var(--global-color-1));
        font-size: calc(var(--faqAccordionHeader-font-mobile-fontSize, 0.875) * 1rem);
        font-weight: var(--faqAccordionHeader-font-mobile-fontWeight, 700);
        line-height: var(--faqAccordionHeader-font-mobile-lineHeight, 1);
        font-family: var(--faqAccordionHeader-font-mobile-fontFamily, var(--global-font-family));
        text-transform: var(--faqAccordionHeader-font-mobile-textTransform, none);      
        &:hover {
            border-color: var(--faqAccordionHeader-border-mobile-top-colorHover, var(--global-color-1)) var(--faqAccordionHeader-border-mobile-right-colorHover, var(--global-color-1)) var(--faqAccordionHeader-border-mobile-bottom-colorHover, var(--global-color-1)) var(--faqAccordionHeader-border-mobile-left-colorHover, var(--global-color-1));
            color: var(--faqAccordionHeader-font-mobile-textColorHover, var(--global-color-1));
        }
    }
    & .faq-accordion-header__label{
        text-align: var(--faqAccordionHeader-font-mobile-textAlign, start);
    }
    & .faq-accordion-body{
        background: var(--faqAccordionBody-background-mobile-color, var(--global-color-0));
        border-style: var(--faqAccordionBody-border-mobile-top-style, solid) var(--faqAccordionBody-border-mobile-right-style, solid) var(--faqAccordionBody-border-mobile-bottom-style, solid) var(--faqAccordionBody-border-mobile-left-style, solid);
        border-width: calc(var(--faqAccordionBody-border-mobile-top-width, 0) * 1rem) calc(var(--faqAccordionBody-border-mobile-right-width, 0) * 1rem) calc(var(--faqAccordionBody-border-mobile-bottom-width, 0) * 1rem) calc(var(--faqAccordionBody-border-mobile-left-width, 0) * 1rem);
        border-color: var(--faqAccordionBody-border-mobile-top-color, var(--global-color-0)) var(--faqAccordionBody-border-mobile-right-color, var(--global-color-0)) var(--faqAccordionBody-border-mobile-bottom-color, var(--global-color-0)) var(--faqAccordionBody-border-mobile-left-color, var(--global-color-0));
        border-radius: calc(var(--faqAccordionBody-border-mobile-left-radius, 0) * 1rem) calc(var(--faqAccordionBody-border-mobile-top-radius, 0) * 1rem) calc(var(--faqAccordionBody-border-mobile-right-radius, 0) * 1rem) calc(var(--faqAccordionBody-border-mobile-bottom-radius, 0) * 1rem);
        padding: calc(var(--faqAccordionBody-padding-mobile-top, 0.75) * 1rem) calc(var(--faqAccordionBody-padding-mobile-right, 1) * 1rem) calc(var(--faqAccordionBody-padding-mobile-bottom, 0.75) * 1rem) calc(var(--faqAccordionBody-padding-mobile-left, 1) * 1rem);
        margin: calc(var(--faqAccordionBody-margin-mobile-top, 0) * 1rem) calc(var(--faqAccordionBody-margin-mobile-right, 0) * 1rem) calc(var(--faqAccordionBody-margin-mobile-bottom, 0) * 1rem) calc(var(--faqAccordionBody-margin-mobile-left, 0) * 1rem); 
        color: var(--faqAccordionBody-font-mobile-textColor, var(--global-color-1));
        font-size: calc(var(--faqAccordionBody-font-mobile-fontSize, 0.875) * 1rem);
        font-weight: var(--faqAccordionBody-font-mobile-fontWeight, 400);
        line-height: var(--faqAccordionBody-font-mobile-lineHeight, 1);
        font-family: var(--faqAccordionBody-font-mobile-fontFamily, var(--global-font-family));
        text-transform: var(--faqAccordionBody-font-mobile-textTransform, none);
        text-align: var(--faqAccordionBody-font-mobile-textAlign, start);    
        &:hover {
            border-color: var(--faqAccordionBody-border-mobile-top-colorHover, var(--global-color-0)) var(--faqAccordionBody-border-mobile-right-colorHover, var(--global-color-0)) var(--faqAccordionBody-border-mobile-bottom-colorHover, var(--global-color-0)) var(--faqAccordionBody-border-mobile-left-colorHover, var(--global-color-0));
        }
    }
}
@container page-container (min-width: 768px) {
    .faq.template-1 {
        padding: calc(var(--faqSection-padding-tablet-top, 3) * 1rem) calc(var(--faqSection-padding-tablet-right, 1) * 1rem) calc(var(--faqSection-padding-tablet-bottom, 3) * 1rem) calc(var(--faqSection-padding-tablet-left, 1) * 1rem); 
        margin: calc(var(--faqSection-margin-tablet-top, 0) * 1rem) calc(var(--faqSection-margin-tablet-right, 0) * 1rem) calc(var(--faqSection-margin-tablet-bottom, 0) * 1rem) calc(var(--faqSection-margin-tablet-left, 0) * 1rem);
        border-width: calc(var(--faqSection-border-tablet-top-width, 0) * 1rem) calc(var(--faqSection-border-tablet-right-width, 0) * 1rem) calc(var(--faqSection-border-tablet-bottom-width, 0) * 1rem) calc(var(--faqSection-border-tablet-left-width, 0) * 1rem);
        border-radius: calc(var(--faqSection-border-tablet-left-radius, 0) * 1rem) calc(var(--faqSection-border-tablet-top-radius, 0) * 1rem) calc(var(--faqSection-border-tablet-right-radius, 0) * 1rem) calc(var(--faqSection-border-tablet-bottom-radius, 0) * 1rem);
        max-width: var(--faqSection-dimensions-tablet-width, auto);
        height: var(--faqSection-dimensions-tablet-height, auto);
        &:hover {
        }
        & .faq-section-heading {
            font-size: calc(var(--faqTitle-font-tablet-fontSize, 2.5) * 1rem);
            line-height: var(--faqTitle-font-tablet-lineHeight, 1);
            text-align: var(--faqTitle-font-tablet-textAlign, center);
        }
        & .faq-section-description {
            font-size: calc(var(--faqDescription-font-tablet-fontSize, 1) * 1rem);
            line-height: var(--faqDescription-font-tablet-lineHeight, 1);
            text-align: var(--faqDescription-font-tablet-textAlign, center);
        }
        & .faq-accordion-header{
            border-width: calc(var(--faqAccordionHeader-border-tablet-top-width, 0.1875) * 1rem) calc(var(--faqAccordionHeader-border-tablet-right-width, 0.1875) * 1rem) calc(var(--faqAccordionHeader-border-tablet-bottom-width, 0.1875) * 1rem) calc(var(--faqAccordionHeader-border-tablet-left-width, 0.1875) * 1rem);
            border-radius: calc(var(--faqAccordionHeader-border-tablet-left-radius, 0) * 1rem) calc(var(--faqAccordionHeader-border-tablet-top-radius, 0) * 1rem) calc(var(--faqAccordionHeader-border-tablet-right-radius, 0) * 1rem) calc(var(--faqAccordionHeader-border-tablet-bottom-radius, 0) * 1rem);        
            padding: calc(var(--faqAccordionHeader-padding-tablet-top, 0.25) * 1rem) calc(var(--faqAccordionHeader-padding-tablet-right, 1) * 1rem) calc(var(--faqAccordionHeader-padding-tablet-bottom, 0.25) * 1rem) calc(var(--faqAccordionHeader-padding-tablet-left, 1) * 1rem);
            margin: calc(var(--faqAccordionHeader-margin-tablet-top, 0.25) * 1rem) calc(var(--faqAccordionHeader-margin-tablet-right, 0) * 1rem) calc(var(--faqAccordionHeader-margin-tablet-bottom, 0) * 1rem) calc(var(--faqAccordionHeader-margin-tablet-left, 0) * 1rem); 
            font-size: calc(var(--faqAccordionHeader-font-tablet-fontSize, 1) * 1rem);
            line-height: var(--faqAccordionHeader-font-tablet-lineHeight, 1);
            &:hover {
            }
        }
        & .faq-accordion-header__label{
            text-align: var(--faqAccordionHeader-font-tablet-textAlign, start);
        }
        & .faq-accordion-body{
            border-width: calc(var(--faqAccordionBody-border-tablet-top-width, 0) * 1rem) calc(var(--faqAccordionBody-border-tablet-right-width, 0) * 1rem) calc(var(--faqAccordionBody-border-tablet-bottom-width, 0) * 1rem) calc(var(--faqAccordionBody-border-tablet-left-width, 0) * 1rem);
            border-radius: calc(var(--faqAccordionBody-border-tablet-left-radius, 0) * 1rem) calc(var(--faqAccordionBody-border-tablet-top-radius, 0) * 1rem) calc(var(--faqAccordionBody-border-tablet-right-radius, 0) * 1rem) calc(var(--faqAccordionBody-border-tablet-bottom-radius, 0) * 1rem);
            padding: calc(var(--faqAccordionBody-padding-tablet-top, 0.75) * 1rem) calc(var(--faqAccordionBody-padding-tablet-right, 1) * 1rem) calc(var(--faqAccordionBody-padding-tablet-bottom, 0.75) * 1rem) calc(var(--faqAccordionBody-padding-tablet-left, 1) * 1rem);
            margin: calc(var(--faqAccordionBody-margin-tablet-top, 0) * 1rem) calc(var(--faqAccordionBody-margin-tablet-right, 0) * 1rem) calc(var(--faqAccordionBody-margin-tablet-bottom, 0) * 1rem) calc(var(--faqAccordionBody-margin-tablet-left, 0) * 1rem);
            font-size: calc(var(--faqAccordionBody-font-tablet-fontSize, 1) * 1rem);
            line-height: var(--faqAccordionBody-font-tablet-lineHeight, 1);
            text-align: var(--faqAccordionBody-font-tablet-textAlign, start);    
            &:hover {
            }
        }
    }
} 
@container page-container (min-width: 992px) {
    .faq.template-1 {
        padding: calc(var(--faqSection-padding-desktop-top, 3) * 1rem) calc(var(--faqSection-padding-desktop-right, 1) * 1rem) calc(var(--faqSection-padding-desktop-bottom, 3) * 1rem) calc(var(--faqSection-padding-desktop-left, 1) * 1rem); 
        margin: calc(var(--faqSection-margin-desktop-top, 0) * 1rem) calc(var(--faqSection-margin-desktop-right, 0) * 1rem) calc(var(--faqSection-margin-desktop-bottom, 0) * 1rem) calc(var(--faqSection-margin-desktop-left, 0) * 1rem);
        border-width: calc(var(--faqSection-border-desktop-top-width, 0) * 1rem) calc(var(--faqSection-border-desktop-right-width, 0) * 1rem) calc(var(--faqSection-border-desktop-bottom-width, 0) * 1rem) calc(var(--faqSection-border-desktop-left-width, 0) * 1rem);
        border-radius: calc(var(--faqSection-border-desktop-left-radius, 0) * 1rem) calc(var(--faqSection-border-desktop-top-radius, 0) * 1rem) calc(var(--faqSection-border-desktop-right-radius, 0) * 1rem) calc(var(--faqSection-border-desktop-bottom-radius, 0) * 1rem);
        
        &:hover {
        }
        & .faq-container {
            max-width: var(--faqSection-dimensions-desktop-width, 82.5rem);
            height: var(--faqSection-dimensions-desktop-height, auto);
        }
        & .faq-section-heading {
            font-size: calc(var(--faqTitle-font-desktop-fontSize, 3) * 1rem);
            line-height: var(--faqTitle-font-desktop-lineHeight, 1);
            text-align: var(--faqTitle-font-desktop-textAlign, center);
        }
        & .faq-section-description {
            font-size: calc(var(--faqDescription-font-desktop-fontSize, 1) * 1rem);
            line-height: var(--faqDescription-font-desktop-lineHeight, 1);
            text-align: var(--faqDescription-font-desktop-textAlign, center);
        }
        & .faq-accordion-header{
            border-width: calc(var(--faqAccordionHeader-border-desktop-top-width, 0.1875) * 1rem) calc(var(--faqAccordionHeader-border-desktop-right-width, 0.1875) * 1rem) calc(var(--faqAccordionHeader-border-desktop-bottom-width, 0.1875) * 1rem) calc(var(--faqAccordionHeader-border-desktop-left-width, 0.1875) * 1rem);
            border-radius: calc(var(--faqAccordionHeader-border-desktop-left-radius, 0) * 1rem) calc(var(--faqAccordionHeader-border-desktop-top-radius, 0) * 1rem) calc(var(--faqAccordionHeader-border-desktop-right-radius, 0) * 1rem) calc(var(--faqAccordionHeader-border-desktop-bottom-radius, 0) * 1rem);        
            padding: calc(var(--faqAccordionHeader-padding-desktop-top, 0.25) * 1rem) calc(var(--faqAccordionHeader-padding-desktop-right, 1) * 1rem) calc(var(--faqAccordionHeader-padding-desktop-bottom, 0.25) * 1rem) calc(var(--faqAccordionHeader-padding-desktop-left, 1) * 1rem);
            margin: calc(var(--faqAccordionHeader-margin-desktop-top, 0.25) * 1rem) calc(var(--faqAccordionHeader-margin-desktop-right, 0) * 1rem) calc(var(--faqAccordionHeader-margin-desktop-bottom, 0) * 1rem) calc(var(--faqAccordionHeader-margin-desktop-left, 0) * 1rem); 
            font-size: calc(var(--faqAccordionHeader-font-desktop-fontSize, 1) * 1rem);
            line-height: var(--faqAccordionHeader-font-desktop-lineHeight, 1);
            &:hover {
            }
        }
        & .faq-accordion-header__label{
            text-align: var(--faqAccordionHeader-font-desktop-textAlign, start);
        }
        & .faq-accordion-body{
            border-width: calc(var(--faqAccordionBody-border-desktop-top-width, 0) * 1rem) calc(var(--faqAccordionBody-border-desktop-right-width, 0) * 1rem) calc(var(--faqAccordionBody-border-desktop-bottom-width, 0) * 1rem) calc(var(--faqAccordionBody-border-desktop-left-width, 0) * 1rem);
            border-radius: calc(var(--faqAccordionBody-border-desktop-left-radius, 0) * 1rem) calc(var(--faqAccordionBody-border-desktop-top-radius, 0) * 1rem) calc(var(--faqAccordionBody-border-desktop-right-radius, 0) * 1rem) calc(var(--faqAccordionBody-border-desktop-bottom-radius, 0) * 1rem);
            padding: calc(var(--faqAccordionBody-padding-desktop-top, 0.75) * 1rem) calc(var(--faqAccordionBody-padding-desktop-right, 1) * 1rem) calc(var(--faqAccordionBody-padding-desktop-bottom, 0.75) * 1rem) calc(var(--faqAccordionBody-padding-desktop-left, 1) * 1rem);
            margin: calc(var(--faqAccordionBody-margin-desktop-top, 0) * 1rem) calc(var(--faqAccordionBody-margin-desktop-right, 0) * 1rem) calc(var(--faqAccordionBody-margin-desktop-bottom, 0) * 1rem) calc(var(--faqAccordionBody-margin-desktop-left, 0) * 1rem); 
            font-size: calc(var(--faqAccordionBody-font-desktop-fontSize, 1) * 1rem);
            line-height: var(--faqAccordionBody-font-desktop-lineHeight, 1);
            text-align: var(--faqAccordionBody-font-desktop-textAlign, start);    
            &:hover {
            }
        }
    }
}