.expandable-container{
margin-bottom:10px;
  background: transparent;
  border:1px solid #fdb706;

  overflow: hidden;
color:#fdb706;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.view-content .views-row:last-child .expandable-container{
border-bottom:none;
}


.expandable-panel-content {
  max-height: 1px;
  position: relative;
  overflow: hidden;
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  text-align: justify;
}

.expandable-panel-content-inner{
  padding: 0px 30px 1px 30px;
}


.activev .expandable-container {
}

.activev .expandable-panel-content {
  max-height: unset;
}

.expandable-panel-heading{
  align-items: center;
  width: 100%;
  padding: 20px 20px;

  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
 cursor: pointer;
   display: flex;
  justify-content: start;
  align-content: center;
}

.expandable-panel-more{
padding:0px 0px 0px 0px;width:20px;
text-align:center;margin-right:15px;
}

.expandable-panel-more:after{
display:block;content:"+";color:#fdb706;
font-weight:700;font-size:26px;line-height:26px;
}

.activev .expandable-panel-more:after{
content:"-";

}

.expandable-panel-heading h3,
.expandable-panel-heading h2{
  margin: 0px;
  font-size: var(--textbig);
  color: #fdb706;
  line-height: 1.2em;
}

.activev .expandable-container .expandable-panel-heading h3,
.activev .expandable-container .expandable-panel-heading h2,
.expandable-panel-heading:hover h3,
.expandable-panel-heading:hover h2{
text-decoration: none;
color:#0b1e33;
}

.expandable-container:hover,
.activev .expandable-container,
.expandable-panel-heading:hover{
    background:#fdb706;

  color: #0b1e33;

}
.activev .expandable-container  .expandable-panel-more:after,
.expandable-panel-heading:focus .expandable-panel-more:after,
.expandable-panel-heading:hover .expandable-panel-more:after{
color:#0b1e33;
}


 


@media all and (max-width: 720px) {

.expandable-panel-heading {
  padding: 10px 20px;
}

}