main{
    padding:50px 0;
}
.main-heading{
    text-align: center;
    margin:100px 0 ;
    color: var(--color1);
}
main section{
    max-width:1200px;
    margin:50px auto;
}
main div:first-of-type{
    height:50px;
    display: flex;
    align-items: center;
    border:1px solid grey;
    cursor: pointer;
}
main i{    
    height:inherit;
    width:50px;
    border-right: 1px solid grey;
    margin-right:25px;
    position: relative;
}
main i:before{
    content: '';
    top:22.5px;
    left:10px;
    height:5px;
    width:30px;
    position: absolute;
    background-color: teal;
}
main i:after{
    content: '';
    top:22.5px;
    left:10px;
    height:5px;
    width:30px;
    position: absolute;
    background-color: teal;
}
.plus:after{
    transform: rotate(90deg);   
}
main div:first-of-type h1{
    margin:0;
    font-size: 24px;
}

main div:last-of-type{
    height:0px;
    overflow: hidden;
    box-sizing: border-box;
    border:1px solid grey;
    border-top:none;
    transition: height .5s;
}
main div table{
    width:100%;
    margin: 0;
    padding:20px;
}
main div thead th{
    font:Bold 24px monospace;
    padding:5px;
    background-color: teal;
    color:white;
}
main div table tr:nth-child(even){background-color:aliceblue;}
main div table tr:nth-child(odd){background-color:gainsboro;}
main div table td:first-child{text-align: center;}
main div table td{
    padding:5px;
    line-height: 2em;
}
main div ul{
    margin:0;
    padding:20px;
}
main div ul li{
    margin: 10px 10px 10px 30px;
}