/* =============================================================================
   shared/pricing.css
   Extracted from style.css. Loaded only on: block prijzen, block prijzen_blocks
============================================================================= */

.pricing_cards {display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;}
.pricing_cards .items {border-radius: 5px;flex: 1 1 280px;max-width: 320px;background: #fff;position: relative;}
.pricing_cards .items.active {border: 2px solid var(--backgrondColorRed);}
.pricing_cards .items:not(.active) {border: 2px solid #EAEAEA;}
.pricing_cards h4 {margin-bottom: 0; color: #fff;}
.pricing_cards  .items.active .title {border-radius: 0;}
.pricing_cards .title {z-index: 1; overflow: hidden; padding: 20px 18px;text-align: center;background: var(--backgrondColorBlack);border-top-left-radius: 5px;border-top-right-radius: 5px;position: relative;}
.pricing_cards .title::before {content: "";width: 285px;height: 66px;background-repeat: no-repeat;background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='285' height='66' viewBox='0 0 285 66' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M281 0C283.209 0 285 1.79086 285 4V65.459H0V4C0 1.79086 1.79086 0 4 0H281Z' fill='url(%23paint0_radial_85_2643)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_85_2643' cx='0' cy='0' r='1' gradientTransform='matrix(-53.5 -65.459 94.0354 -77.9449 271 65.459)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FB4545'/%3E%3Cstop offset='1' stop-color='%23353535'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
position: absolute;right: 0;bottom: 0;z-index: -1;}
.pricing_cards .description {padding: 25px 18px;}
.pricing_cards .description p {text-align: center;margin-bottom: 15px;font-size: 14px;line-height: 20px;}
.pricing_cards .description .list_box {border-radius: 5px;padding: 15px 16px;min-height: 300px;margin-bottom: 20px;}
.pricing_cards .description ul {padding-left: 0;margin-bottom: 0;list-style: none;}
.pricing_cards .price {color: var(--backgrondColorRed);font-family: var(--font-bold);font-weight: var(--font-weight-bold);font-size: 20px;margin-top: 20px;text-align: center;}
.pricing_cards .btn_one {width: 100%;text-align: center;justify-content: center;}
.pricing_cards .description .list_box h6 {margin-bottom: 8px;}
.pricing_cards .description li {font-size: 14px;line-height: 22px;position: relative;}
.pricing_cards .description li:not(:last-child) {margin-bottom: 7px;}
.pricing_cards .active-highlight {position: absolute;left: 50%;bottom: calc(100% - 1px);padding: 5px 2px;transform: translateX(-50%);color: #fff;font-family: var(--font-bold);font-weight: var(--font-weight-bold);font-size: 12px;}
.pricing_cards .active-highlight::after {z-index: -1; content: "";position: absolute;left: -23px;top: 2px;width: 138px;height: 22px;background-image: url("data:image/svg+xml,%3Csvg width='138' height='22' viewBox='0 0 138 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M117.139 0C120.582 0.000192312 123.639 2.20338 124.728 5.46973L128.099 15.582C132.197 20.5956 138 21 138 21H129.743C129.786 21.3355 129.808 21.6693 129.809 22H8.19141C8.19192 21.6693 8.21404 21.3355 8.25684 21H0C0 21 5.8026 20.5956 9.90137 15.582L13.2725 5.46973C14.3615 2.20338 17.4182 0.000192312 20.8613 0H117.139Z' fill='%23FB4545'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: contain;display: inline-block;}
.pricing_cards .items {display: flex; flex-direction: column;}
.pricing_cards .description {display: flex; flex-direction: column; flex: 1;}
.pricing_cards .btn_box {margin-top: auto;}
.js-tab-item {opacity:1;transition:opacity .25s}
.js-tab-item.is-hidden {opacity:0;pointer-events:none}
.js-tab-container {position:relative}

@media only screen and (max-width:1023px) {
    .pricing_cards .items {width: 100%;}
    .pricing_cards {gap: 60px;}
}

@media (max-width:767px) {
    .pricing_cards .items {height:auto !important;display:flex;flex-direction:column}
    .pricing_cards .items .description, .pricing_cards .items .list_box {height:auto !important;max-height:none !important;overflow:visible !important}
}

@media only screen and (max-width:600px) {
    .pricing_cards .items h4 {font-size: 18px;}
    .pricing_cards .title {padding: 15px;}
    .pricing_cards .description {padding: 12px 18px 22px;}
    .pricing_cards {gap: 25px;}
    .pricing_cards .description .list_box {position: relative;}
    .pricing_cards .description .list_box:not(.show) {position: relative;min-height: unset;height: 138px;overflow: hidden;}
    .pricing_cards .description li {font-size: 12px;padding-left: 22px;line-height: 16px;}
    .pricing_cards .description p {font-size: 12px;line-height: 16px;}
    .pricing_cards .items.active {margin-top: 20px;}
    .pricing_cards .price {font-size: 18px;}
}