*{
  margin:0;
  box-sizing : border-box;
}

.accordion{
  max-width:700px;
  margin-inline:auto;
}
.accordion-section{
  margin-top:50px;
}
.accordion-body{
  position:realtive;
  transition:0.5s all;
}

h1{
  font-family:'roboto';
  font-size:48px;
}

.title-container-inner h1{
   color:#333;
}

.city-color{
   color: #932580;
}

.breadcrumb a{
  color:#333!important
}

.breadcrumb li{
  color:#333;
}

h4{
  display: contents;
}

p{
  font-size: 15px;
}

.label-info{
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    background-color:#932580;

}

.label{
  position:relative;
  font-size:25px;
  font-weight:500;
  background-color:#f2f4f5

}
.label:before{
  content:'+';
  top:50%;
  transform:translatey(-50%);
  right:15px;
  position:absolute;
  font-size:30px;
  font-weight:700;
  color:#932580;
  cursor:pointer;
  transition:0.5s all;
}

.content-bayi{
  font-size:20px;
  font-weight:300;
  text-align:justify;
  margin-top:10px;
  height:0;
  overflow:hidden;
  transition:0.5s;
  background-color:white;
}

.accordion-body.active .content-bayi{
  height: auto;
 
}
.accordion-body.active .label:before{
  content:'-';
  
  font-size:30px;
  font-weight:700;
 
  
 
}