/**
 * BÈTA Industrie — Thank You Page
 * themes/yootheme/css/thank-you.css
 */

/* ----------------------------------------------------------------
   Video embed — 16:9 ratio
   ---------------------------------------------------------------- */

.bicc-ty-video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 4px;
}

.bicc-ty-video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* ----------------------------------------------------------------
   Steps section — "Wat kunt u verwachten?" / "What happens next?"
   ---------------------------------------------------------------- */

#volgende-stappen h3,
#next-steps h3 {
/*   border-top: 2px solid #0D2B52; */
/*   padding-top: 16px; */
  margin-top: 0 !important;
}

#volgende-stappen p,
#next-steps p {
  color: #4B5563;
  font-size: 0.9rem;
  line-height: 1.75;
  margin: 0;
}

.bicc-grid-wat-kunt{
	flex-wrap:unset !important;
	gap:20px;
	margin:40px 0 0 !important;
}
.bicc-ty-case-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}
a.bicc-ty-case-card {
    color: #000000;
    border: 1px solid #ececec;
    border-radius: 20px;
	transition:.3s;
}
a.bicc-ty-case-card:hover{
	color:#000000;
    border: 1px solid #005a9b;
    box-shadow: 0px 4px 20px #005a9b36;
}
.bicc-ty-case-thumb{
	border-radius: 16px 16px 0px 0;
}
.bicc-ty-case-body {
    padding: 20px;
}
span.bicc-ty-case-market {
    background-color: #0069b4;
    padding: 4px 12px;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 10px;
}
.bicc-ty-case-title{
	margin:0px;	
}
p.bicc-ty-case-excerpt {
    margin: 10px 0;
}
span.bicc-ty-case-read-more {
    font-weight: 700;
    color: #0069b4;
}
a.bicc-ty-view-all {
    background-color: #0069b4;
	border:1px solid #0069b4;
    border-radius: 50px;
    padding: 10px 30px;
    display: inline-block;
    margin: 30px 0 0 0;
    color: #ffffff;
	transition:.3s;
}
a.bicc-ty-view-all:hover{
	background-color:transparent;
	color:#0069b4;
}
.wat-kunt-wrapper{
	background: #fff;
    border: 1px solid #e0e4e8;
    border-radius: 14px;
    padding: 36px 30px 34px;
    box-shadow: 0 1px 3px rgb(13 43 82 / .04), 0 4px 16px rgb(13 43 82 / .06);
    transition: transform .3s cubic-bezier(.22, 1, .36, 1), box-shadow .3s cubic-bezier(.22, 1, .36, 1), border-color .3s ease;
}
.wat-kunt-wrapper:hover {
    border: 1px solid #005a9b;
    box-shadow: 0px 4px 20px #005a9b3d;
}