/*******             *******/
/*******     All     *******/
/*******             *******/
body{

    margin: 0px; 
    font-family: arial; 
    background-color: #fff; 
    font-family: sans-serif;

}
/*******             *******/
/*******     All     *******/
/*******             *******/






/*******             *******/
/*******   Classes   *******/
/*******             *******/
.faq_element_title{

    padding: 30px; 
    border: 1px solid #f4f4f4; 
    border-top: 0px; 
    font-size: 22px; 
    color: #ff654e;
    cursor: pointer;

}

.faq_element_title > span{

    float: right; 
    color: #ff654e; 
    font-size: 30px; 
    margin-top: -6px;

}

.faq_element_information{

    display: none; 
    font-size: 20px; 
    border: 1px solid #f4f4f4; 
    border-top: 0px; 
    padding: 30px; 
    color: #38444D;

}
/*******             *******/
/*******   Classes   *******/
/*******             *******/






/*******            *******/
/*******    ID's    *******/
/*******            *******/
#faq_elements_container{

    border-top: 1px solid #f4f4f4;
    -webkit-box-shadow: 0px 9px 15px -5px rgb(38 38 38 / 15%); 
    -moz-box-shadow: 0px 9px 15px -5px rgba(38,38,38,0.15); 
    box-shadow: 0px 9px 15px -5px rgb(38 38 38 / 15%);

}
/*******            *******/
/*******    ID's    *******/
/*******            *******/



@media (pointer: coarse) or (max-width: 900px){

    .faq_element_title{

        display: flex;
        font-size: 40px;

    }

    .faq_element_title span{

        font-size: 40px;
        width: 30%;
        height: 100%;
        align-self: center;
        text-align: right;

    }

    .faq_element_information{

        font-size: 30px;

    }

}