.collapsing{
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-duration:.35s;
    -o-transition-duration:.35s;
    transition-duration:.35s;
    -webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}
    
.panel-heading:after{
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}
.panel-heading:hover:after{
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
}

.panel-title {
    font-size: 17px;
    margin-bottom:unset;

}

.panel-title > a {
    display: block;
    padding: 25px;
    text-decoration: none;
    color:white!important;

}
.panel-title > a::before{
    color: white;
}

.more-less {
    float: left;
    color: white;
    position: relative;
	padding-right: 2px;
	padding-top: 2px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    background-color: white;
    padding: 25px;
    font-size: 16px;
}
@media screen and (max-width: 796px){
    
    .panel-title{
        text-align: center;
    }
    .form-container{
        width: 95%;
    }
    
}