/* v3.9 – specifiek blok: Over Transiënt / Techniek & Realisatie / Advies & Inspectie / Contact */
.tg-mf-readmore-row{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch !important;
  width:100% !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.tg-mf-readmore-card{
  position:relative !important;
  min-width:0 !important;
  margin:0 !important;
  background:#fff !important;
  border:1px solid rgba(22,35,63,.10) !important;
  border-radius:24px !important;
  box-shadow:0 12px 30px rgba(22,35,63,.055) !important;
  overflow:hidden !important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background-color .24s ease !important;
}

.tg-mf-readmore-card:hover,
.tg-mf-readmore-card:focus-within{
  transform:translateY(-2px) !important;
  background:#16233F !important;
  border-color:#16233F !important;
  box-shadow:0 18px 38px rgba(22,35,63,.16) !important;
}

.tg-mf-readmore-card,
.tg-mf-readmore-card > div,
.tg-mf-readmore-card > section,
.tg-mf-readmore-card .elementor-widget-wrap,
.tg-mf-readmore-card .elementor-element-populated,
.tg-mf-readmore-card .elementor-widget-container,
.tg-mf-readmore-card .e-con,
.tg-mf-readmore-card .e-con-inner{
  border-radius:24px !important;
}

.tg-mf-readmore-card > div,
.tg-mf-readmore-card > section,
.tg-mf-readmore-card .elementor-widget-wrap,
.tg-mf-readmore-card .elementor-element-populated,
.tg-mf-readmore-card .elementor-widget-container,
.tg-mf-readmore-card .e-con,
.tg-mf-readmore-card .e-con-inner{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.tg-mf-readmore-card a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  width:100% !important;
  min-height:104px !important;
  padding:26px 30px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:24px !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

.tg-mf-readmore-card a,
.tg-mf-readmore-card a *{
  color:#667793 !important;
  transition:color .24s ease,fill .24s ease,stroke .24s ease !important;
}

.tg-mf-readmore-card:hover a,
.tg-mf-readmore-card:focus-within a,
.tg-mf-readmore-card:hover a *,
.tg-mf-readmore-card:focus-within a *{
  color:#fff !important;
  fill:#fff !important;
  stroke:#fff !important;
}

.tg-mf-readmore-card::after{
  content:'';
  position:absolute;
  left:30px;
  bottom:20px;
  width:28px;
  height:1px;
  background:#C9A24B;
  opacity:0;
  transform:scaleX(.55);
  transform-origin:left center;
  transition:opacity .24s ease,transform .24s ease !important;
  pointer-events:none;
}

.tg-mf-readmore-card:hover::after,
.tg-mf-readmore-card:focus-within::after{
  opacity:1;
  transform:scaleX(1);
}

@media (max-width:1024px){
  .tg-mf-readmore-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;}
}
@media (max-width:767px){
  .tg-mf-readmore-row{grid-template-columns:1fr !important;gap:14px !important;}
  .tg-mf-readmore-card,.tg-mf-readmore-card a{border-radius:18px !important;}
  .tg-mf-readmore-card a{min-height:auto !important;padding:22px 24px !important;}
  .tg-mf-readmore-card::after{left:24px;bottom:16px;}
}
