/* Styling Accordion*/
.accordion5 {
    width: auto;
    margin: 0 auto;}
.accordion5 [type=checkbox] {
    display: none;}
.accordion5 label {
    color: #fff;
    font-size: 16px;
    border: 1px solid #333366;
    border-radius: 8px 8px 8px 8px;
    display: block;
    margin: 0 0 5px 0;
    padding: 10px 10px 10px 15px;
    background: #333366;
    box-shadow: 0;
    transition: all 1s ease-in;}
.accordion5 label:hover {
    background: #fff;
    color: #333366;
    cursor: pointer;}
.accordion5 label:visited {
    background: #333366;
    color: #fff;}
.accordion5 [type=checkbox]:checked ~ label {
    background: #fff;
    color: #333366;}
.accordion5 label:after {
    content: '\25BC';
    float: right;
    margin: 0 0px 0 0;}
.accordion5 [type=checkbox]:checked ~ label:after {
    content: '\25BC';
    transform: rotate(180deg);
    transform-origin: center;
    transition: all 1s;}
.accordion5 [type=radio]:checked ~ label + div,
.accordion5 [type=checkbox]:checked ~ label + div {
    overflow: auto;
    height: auto;
    border-radius: 0;}
.accordion5 input:not(:checked) ~ div {
    opacity: 0;
    height: 0;}
.accordion5 input:checked ~ div {
    opacity: 1;
    padding: 5px 5px 10px 10px;
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;}
.accordion5 div {
    height: 0;
    padding: 0px 0px 0px 0px;
    overflow: hidden;}
.accordion5 p {
    color: #000;
    padding: 5px 10px 15px 0px;}