/* Alle styling voor de service pagina */

/* Styling voor de service blokken */
#service-page .section-service .blocks-row{
--spacing: 20px;
  margin: calc(var(--item_spacing) / 2 *-1);
}

#service-page .section-service .service-block{
  display: flex;
  justify-content: center;
  padding: calc(var(--item_spacing) / 2);
}

#service-page .section-service .service-block .content-wrap{
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
  padding: var(--item_spacing);
  box-shadow: var(--shadow_small);
  border-radius: var(--border_radius);
  background: #fff;
}

#service-page .section-service .service-block:nth-child(3) .content-wrap{
  background-image: url(https://cdn.webshopapp.com/shops/346791/themes/181147/v/1677215/assets/footer-bg-img.jpg?20230110094431?20230105112200);
  width: 528px;
/*   padding: var(--block_spacing); */
}

#service-page .section-service .service-block .content-wrap .title-wrap{
  display: flex;
  align-items: center;
}

#service-page .section-service .service-block .content-wrap .title-wrap h2{
  font-weight: bold;
  color: var(--blue);
}

#service-page .section-service .service-block .content-wrap .list-wrap .service-list li{
  padding: 12px 0;
}

#service-page .section-service .service-block:first-child .content-wrap .list-wrap .service-list li{
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}

#service-page .section-service .service-block .content-wrap .list-wrap .service-list a{
  display: flex;
  gap: 10px;
  align-items: center;
}

#service-page .section-service .service-block .content-wrap .list-wrap .service-list i{
  font-size: 26px;
}

#service-page .section-service .service-block .content-wrap .text-wrap{
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}

/* Einde styling voor de service blokken */

/* Begin styling FAQ */
#service-page .content-row .content-wrap .title-wrap .title{
  font-weight: 700;
  font-size: 1.2em;
  color: var(--accent);
  margin-bottom: 15px;
  display: block;
}

#service-page .section-faq .content-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

#service-page .section-faq .faq-wrap .service-block .question-answer{
  display: none
}

@media(max-width: 992px){
  #service-page .section-faq .content-row{
    grid-template-columns: 1fr;
  }
}


/* Einde styling FAQ */