/* body {
    color: #502c2c;
    background: #f1edec;
    padding: 1.2rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    max-width: 45rem;
    margin: 0 auto;
    font-size: .7rem;
    border: solid 3px red;
    
    } */
    input {
        position: flex;
        opacity: 0;
        }
        .faq {
            transition: all  0.4s ease-in-out;
            color: #ffe3e3;
            margin-bottom: 1rem;
            width: 300px;
            position: flex;
            }
            
            .faq-label {
            
            font-size: .7rem;
            
            display: flex;
            
            align-items: center;
            
            justify-content: space-between;
            
            padding: .5em;
            
            background: #005F4B;
            
            font-weight: bold;
            
            cursor: pointer;
            
            user-select: none;

            position: flex;
            
            }
            .faq-label1 {
            
                font-size: .7rem;
                
                display: flex;
                
                align-items: center;
                
                justify-content: space-between;
                
                padding: 1em;
                
                background: #005F4B;
                
                font-weight: bold;
                
                cursor: pointer;
                
                user-select: none;
                
                }

            
            
            
            
            
            
            .faq-label::after {
            
            content: '\002B';
            
            padding: 0.51rem;
            
            transform: scale(1.8);
            
            text-align: center;
            
            transition: all 0.35s;
            
            }
            
            
            
            .faq-content {

            font-size: .7rem;
            
            max-height: 0;
            
            padding: 0 1em;
            
            color: #2c3e50;
            
            background: white;
            
            transition: ease-in-out .2s;
            
            display: none;
            
            }

            input:checked + .faq-label {

                background: #005F4B;
                
                }
                
                input:checked + .faq-label::after {
                
                content: '\2013';
                
                transform: scale(1.5);
                
                }
                
input:checked ~ .faq-content {
 max-height: 100vh;
 padding: 1em;
 display: block;
 transition: all 0.35s;
}