﻿section.faq {
    margin-bottom: 32px;
}

    section.faq .faq-head {
        text-align: center;
    }

        section.faq .faq-head h2 {
            font-family: "PrachasonNeueMon-Bold";
            font-size: 24px;
            margin-bottom: 0px;
            color: #003268;
        }

        section.faq .faq-head p {
            margin-top: 0px;
        }

    section.faq .faq-body {
        padding: 14px;
        /* Style the button that is used to open and close the collapsible content */
        /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
        /* Style the collapsible content. Note: hidden by default */
    }

        section.faq .faq-body .faq-list {
            overflow: hidden;
            border-radius: 15px;
            border: solid 1px #EEEEEE;
        }

        section.faq .faq-body button.collapsible {
            display: block;
            background-color: #F8F8F8;
            color: #444;
            cursor: pointer;
            padding: 18px;
            width: -webkit-fill-available;
            border-bottom: 1px solid #EEEEEE;
            text-align: left;
            outline: none;
            font-size: 15px;
        }

        section.faq .faq-body .active, section.faq .faq-body .collapsible:hover {
            background-color: #ccc;
        }

        section.faq .faq-body .content {
            padding: 0 18px;
            /*display: none;*/
            background-color: #f1f1f1;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
        }

            section.faq .faq-body .content p {
                font-size: 13px;
            }

            section.faq .faq-body .content a {
                font-family: "PrachasonNeueMon-Bold";
                color: #68D386;
            }

        section.faq .faq-body .collapsible:after {
            content: "➕"; /* Unicode character for "plus" sign (+) */
            font-size: 13px;
            color: white;
            float: right;
            margin-left: 5px;
        }

        section.faq .faq-body .active:after {
            content: "➖"; /* Unicode character for "minus" sign (-) */
        }
