/* Remove Bootstrap default accordion styles */
.ezacc.accordion .accordion-item{
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.ezacc.accordion .accordion-button{
  background: transparent;
  box-shadow: none;
  padding: 14px 16px;
}

.ezacc.accordion .accordion-button::after{
  display:none; /* hide bootstrap chevron */
}

.ezacc-title{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  border:0;
  text-align:left;
}

.ezacc-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.ezacc-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.ezacc-panel{
  padding:0; /* you already use p-0 */
}



.ezacc.accordion .accordion-button.ezacc-title-01{
    background-color: #acacac;  
    color:#ffffff;
}

.ezacc.accordion .accordion-button.ezacc-title-02{
    background-color: #acacac;  
    color:#ffffff;
}

.ezacc.accordion .accordion-button.ezacc-title-03{
    background-color: #acacac;  
    color:#ffffff;
}

.ezacc.accordion .accordion-button.ezacc-title-04{
    background-color: #acacac;  
    color:#ffffff;
}

.ezacc.accordion .accordion-button.ezacc-title-01.is-open{
    background-color: #f9b613;  
    color:#ffffff;
}

.ezacc.accordion .accordion-button.ezacc-title-02.is-open{
    background-color: #ee7402;  
    color:#ffffff;
}

.ezacc.accordion .accordion-button.ezacc-title-03.is-open{
    background-color: #8dc63f;  
    color:#ffffff;
}

.ezacc.accordion .accordion-button.ezacc-title-04.is-open{
    background-color: #00aeef;  
    color:#ffffff ;
}





.ezacc.accordion .accordion-button {
    font-size: 22px;
    font-weight: 900;
}

.ezacc.accordion .accordion-button.is-open {
    font-size: 32px;
    font-weight: 900;
}


.row7-01{
    background-image: url("../images/row07/row07-icon-01-background.avif");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 400px;
}
.row7-02{
    background-image: url("../images/row07/row07-icon-02-background.avif");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 400px;
}
.row7-03{
    background-image: url("../images/row07/row07-icon-03-background.avif");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 400px;
}
.row7-04{
    background-image: url("../images/row07/row07-icon-04-background.avif");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 480px;
}

.row7-01 .title {
    font-size: 28px;
    color:#fdb913;
    font-weight: 700;
    line-height: 1.2em;
}
.row7-02 .title {
    font-size: 28px;
    color:#00aded;
    font-weight: 700;
    line-height: 1.2em;
}
.row7-03 .title {
    font-size: 28px;
    color:#a6ce39;
    font-weight: 700;
    line-height: 1.2em;
}
.row7-04 .title {
    font-size: 28px;
    color:#f47920;
    font-weight: 700;
    line-height: 1.2em;
}


.row7-01 .icon img, .row7-02 .icon img, .row7-03 .icon img, .row7-04 .icon img{
    width: 70px;
    height: 70px;
}

@media (max-width: 1025px) {
    .row7-01 .title, .row7-02 .title, .row7-03 .title, .row7-04 .title {   font-size: 24px; }
    .row7-01{ min-height: 560px;  }
    .row7-02{ min-height: 300px;  }
    .row7-03{ min-height: 400px;  }
    .row7-04{ min-height: 600px;  }
}    

@media (max-width: 767px) {
    .row7-01 .title, .row7-02 .title, .row7-03 .title, .row7-04 .title {   font-size: 20px; }
    .row7-01 .icon img, .row7-02 .icon img, .row7-03 .icon img, .row7-04 .icon img{     width: 50px;        height: 50px;   }

    .row7-01{ min-height: 460px;  }
    .row7-02{ min-height: 240px;  }
    .row7-03{ min-height: 320px;  }
    .row7-04{ min-height: 480px;  }
}