/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.banner-sec .banner-sec-col .banner-sec-img-col .banner-sec-img img {
    width: 1000px;
    position: relative;
    left: 30%;
    top: 0;
    z-index: -1;
}
.banner-sec .banner-sec-col .fusion-column-wrapper  {overflow: unset !important; }
  .banner-sec-col .fusion-column-wrapper.fusion-column-has-shadow.fusion-flex-justify-content-flex-start.fusion-content-layout-column.fusion-column-has-bg-image.lazyloaded .fusion-builder-row.fusion-builder-row-inner.fusion-row.fusion-flex-align-items-flex-start.fusion-flex-justify-content-space-between.fusion-flex-content-wrap {
    flex-wrap: wrap;
    justify-content: center;
}

.banner-sec-col-one {
    width: 100%;
}
h1 { hyphens: auto;}
.gform_wrapper .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .gfield_select[multiple=multiple] {
    padding-left: 30px !important;
    font-weight: 900;
}
.gform_wrapper .top_label textarea.textarea {
    width: 100%;
    padding-left: 30px;
    border-radius: 20px;
    font-weight: 900;
}
.gform-theme--api, .gform-theme--foundation {
    --gf-form-gap-y: 20px !important;
}
input#gform_submit_button_1 {
    background: #b3eb53;
    color: #010101;
    border-radius: 50px;
    padding: 15px 30px;
    font-weight: 900;
    transition: .5s;
}
input#gform_submit_button_1:hover {
    background: #a1d149;
    transition: .5s;
}
#accordian-1 .fusion-panel, #accordian-2 .fusion-panel {
    border-radius: 30px;
}

.review-sec {
    padding-top:100px;
    max-width: 1400px;
    margin:0 auto !important;
}
.review-sec .custom-review-slider {
    padding:80px 25px;
}

.review-sec .custom-review-slider .division_slide_left {
    display: flex;
}

.review-sec .custom-review-slider .division-inner-left-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0px;
}

.review-sec .custom-review-slider .division-inner-left {margin-bottom: 30px;padding: 0 10px;}

.review-sec .custom-review-slider .division-title {
    font-weight: 600;
    font-size: 22px;
}


.review-sec .custom-review-slider {

    padding:80px 25px;
         margin-top: 50px;
   
}

.review-sec .division-slider {
    width: 145%;
}

.division-slider .slick-prev {
    left: -460px;
    top: 250px;
  
}
.division-slider  .slick-next{
    position: absolute;
    top: 250px;
    left: -400px;
}
.review-sec .custom-review-slider .division-content {
    padding-top: 25px;
}
.review-sec .custom-review-slider .division-inner-left-wrapper {
  
    padding: 15px 0px;
}

.review-sec .slick-initialized .slick-slide {
    display: block;
    background: white;
    padding: 10px 15px;
    border-radius: 25px;
    margin: 0 21px;
}

.slick-next:before, .slick-prev:before {       
        font-size: 45px !important;
        font-weight: 700 !important;
        padding: 0 0 6px !important;
        align-items: center !important;
        height: 45px;
        width: 50px;
}

/* Call to action */
.link-container {
    display: flex;
    align-items: center;
    background-color: white;
    color: black;
    padding: 8px 0px;
}

.icon {
    margin-right: 15px;
    width: 50px;
    height: auto;
}

.text-container {
    display: flex;
    flex-direction: column;
    color: #00A99D;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    text-decoration-line: underline;
}

.text-container span {
    display: block;
}
.review-sec .division-slider .slick-dots {
    bottom: -40px;
    left: -75px;
}
.slick-next:before, .slick-prev:before {
    opacity: 1 !important;
}
/* End Call to action */

@media only screen and (max-width:1200px) {
    .division-slider .slick-next {
        position: absolute;
        top: 270px;
        left: -235px;
    }

    .division-slider .slick-prev {
        left: -305px;
        top: 270px;
    }

}

@media only screen and (max-width:992px) {
    .division-slider .slick-next {
        position: absolute;
        top: 305px;
        left: -200px;
    }

    .division-slider .slick-prev {
        left: -260px;
        top: 305px;
    }

    .review-sec .custom-review-slider .division_slide_left {
        display: flex;
        height: 20px;
    }

    .review-sec .custom-review-slider .division-title {
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
    }

    .review-sec .custom-review-slider .division-content {
        font-size: 14px;
    }

}

@media only screen and (max-width:768px) {
    .review-sec {
        margin-top: 50px !important;
        margin-bottom: -25px !important;
    }
    .review-sec .custom-review-slider .division-title {
        font-weight: 600;
        font-size: 16px;
        line-height: 25px;
    }

    .review-sec .custom-review-slider .division_slide_left {
        display: flex;
        height: 10px;
    }

    .review-sec .custom-review-slider {
        margin-top: 0px;
    }

    .review-sec .custom-review-slider {
        padding: 0px 0px;
    }
}

@media only screen and (max-width:500px) {
    .review-sec .custom-review-slider .division-title {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
    }

    .review-sec .custom-review-slider .division_slide_left {
        display: flex;
        height: 15px;
    }

    .review-sec .custom-review-slider .division-content {
        padding-top: 0px;
    }

    .review-sec .custom-review-slider {
        margin-top: 0px;
    }
	.review-sec .slick-initialized .slick-slide {
		margin:0 12px;
	}
	

}

.gradient-circle::before {
    content: url("/wp-content/uploads/2024/09/gradient-circle.svg");
    height: 100%;
    position: absolute;
    transform: translateX(20%);
}

.gradient-logo::before {
    content: url("/wp-content/uploads/2024/09/Mask-group-1.svg");
    right: 0;
    position: absolute;
    transform: translate(-15%, -10%) scale(.9);
}


.gradient-blok::before {
    content: url("/wp-content/uploads/2024/09/gradient-blok.svg");
    right: 0;
    position: absolute;
    transform: translate(-35%, -15%) scale(.9);
}

/* Call to action */
.link-container {
    display: flex;
    align-items: center;
    background-color: white;
    color: black;
    padding: 8px 0px;
}

.icon {
    margin-right: 15px;
    width: 50px;
    height: auto;
}

.text-container {
    display: flex;
    flex-direction: column;
    color: #00A99D;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-decoration-line: underline;
}

.text-container span {
    display: block;
}

#gform_1_validation_container {
    display: none;
}
.gfield_description.validation_message.gfield_validation_message {
    background: none !important;
    text-align: left !important;
    border: none !important;
    font-size: 12px !important;
    padding-left: 32px;
    margin-top: -17px !important;
}


.usp-container {
    height: 125px;
    width: 125px;
    aspect-ratio: 1 / 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
}
.usp-container img{
    margin: 0;
    height: 60px;
    width: 60px;
}

.usp-container.move{
    justify-content:left;
}

@media screen and (max-width: 640px) {
    h1{font-size: 40px !important;}

    .gradient-logo::before{transform: translate(25%, -25%) scale(.5);}
    .gradient-circle::before{transform: translate(-15%, -25%) scale(.5);}
    .gradient-blok::before{transform: translate(15%, 32%) scale(.4); bottom: 0;}

    .review-sec{padding: 5% !important;}
    .review-sec .custom-review-slider .division-inner-left-wrapper {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

    .usp-container {
        height: 80px;
        width: 80px;
    }
    .usp-container img{
        height: 40px;
        width: 40px;
    }

}

#awb-oc-587 .fusion-fullwidth, #awb-oc-587 .fusion-fullwidth .fusion-layout-column, #awb-oc-587 .fusion-fullwidth .fusion-layout-column .fusion-column-wrapper {
    padding: 0;
    margin: 0;
}

.feature-posts-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 20px;
}

.feature-posts-header {
    margin-bottom: 40px;
    text-align: center;
}

.feature-posts-title {
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 20px 0;
    color: #0E181C;
    line-height: 1.3;
}

.feature-posts-text {
    font-size: 18px;
    line-height: 1.6;
    color: #555;
    max-width: 800px;
    margin: 0 auto;
}

.feature-posts-text p {
    margin: 0 0 15px 0;
}

.feature-posts-text p:last-child {
    margin-bottom: 0;
}

.feature-posts-image {
    margin: 40px auto;
    text-align: center;
    max-width: 100%;
}

.feature-posts-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.feature-posts-row {
    display: flex;
    gap: 20px;
    align-items: stretch;
    position: relative;
}

.feature-post-column {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.feature-post-column-split {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.feature-post-item {
    background: #fff;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    height: 100%;
    min-height: 400px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

.feature-post-item-slot {
    transition: opacity 0.3s ease, transform 0.3s ease;
    will-change: opacity, transform;
}

.feature-post-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

.feature-post-tag {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.95);
    color: #0E181C;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 10;
}

.feature-post-item-top {
    flex: 1;
}

.feature-post-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.feature-post-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 1;
}

.feature-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.feature-post-item:hover .feature-post-image img {
    transform: scale(1.06);
}

.feature-post-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 25px 25px 25px 25px;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: flex-end;
    align-items: flex-start;
    background: transparent;
    color: #ffffff !important;
    overflow: visible;
}

.feature-post-content * {
    color: #ffffff !important;
}

.feature-post-title {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 0 0;
    color: #ffffff !important;
    line-height: 1.3;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    transition: transform 0.3s ease;
    position: relative;
    transform: translateY(0);
}

.feature-post-read-more {
    display: block !important;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease 0.15s, transform 0.3s ease 0.15s;
    margin-top: 10px;
    margin-bottom: 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    pointer-events: none;
    position: relative;
    z-index: 10;
    width: auto;
    height: auto;
    min-height: 20px;
    visibility: visible;
}

.feature-post-item:hover .feature-post-read-more {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

.feature-post-item:hover .feature-post-title {
    transform: translateY(-30px) !important;
}

.feature-post-excerpt {
    font-size: 16px;
    line-height: 1.6;
    color: #ffffff !important;
    margin-bottom: 10px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

.feature-post-button {
    display: inline-block;
    background: #5bd87d;
    color: #000 !important;
    padding: 12px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    transition: background 0.3s ease;
    align-self: flex-start;
    margin-top: auto;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.feature-post-button:hover {
    background: #a1d149;
    color: #000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.feature-post-cta {
    background: #eaeaea;
    border-radius: 25px;
    padding: 40px 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    margin-top: -10px; /* iets dichter tegen de derde card aan voor gelijke optische ruimte */
}

.feature-cta-image {
    margin-top: 25px;
    margin-bottom: 0;
    max-width: 100%;
}

.feature-cta-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.feature-cta-title {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 8px 0;
    color: #0E181C;
}

.feature-cta-text {
    font-size: 18px;
    color: #333;
    margin: 0;
    line-height: 1.6;
}

.feature-cta-text p {
    margin: 0 0 10px 0;
}

.feature-cta-text p:last-child {
    margin-bottom: 0;
}

/* Navigatie voor feature carrousel */
.feature-posts-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.feature-posts-nav span {
    font-size: 20px;
    line-height: 1;
    color: #0E181C;
    font-weight: 700;
}

.feature-posts-prev {
    left: -20px;
}

.feature-posts-next {
    right: -20px;
}

.feature-posts-nav:hover {
    background: #ffffff;
    transform: translateY(-50%) translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 992px) {
    .feature-posts-prev {
        left: 0;
    }

    .feature-posts-next {
        right: 0;
    }
}

@media only screen and (max-width: 768px) {
    .feature-posts-nav {
        width: 36px;
        height: 36px;
    }

    .feature-posts-prev {
        left: 5px;
    }

    .feature-posts-next {
        right: 5px;
    }
}

/* Responsive Styles */
@media only screen and (max-width: 992px) {
    .feature-posts-row {
        flex-direction: column;
    }

    .feature-post-column-split {
        flex-direction: row;
    }

    .feature-post-item-top {
        flex: 1;
    }

    .feature-post-cta {
        flex: 1;
        min-height: auto;
    }
}

@media only screen and (max-width: 768px) {
    .feature-posts-container {
        padding: 20px 0px;
    }

    .feature-posts-header {
        margin-bottom: 30px;
    }

    .feature-posts-title {
        font-size: 28px;
    }

    .feature-posts-text {
        font-size: 16px;
    }

    .feature-posts-image {
        margin-top: 20px;
    }

    .feature-post-column-split {
        flex-direction: column;
    }

    .feature-post-item {
        min-height: 400px !important;
        height: 400px !important;
        position: relative !important;
        overflow: hidden !important;
        display: block !important;
        flex-direction: row !important;
        background: transparent !important;
    }

    .feature-post-item-top {
        min-height: 400px !important;
        height: 400px !important;
        flex: none !important;
    }

    .feature-post-image {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }

    .feature-post-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    .feature-post-image::after {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0.9) 100%) !important;
        z-index: 1 !important;
    }

    .feature-post-tag {
        position: absolute !important;
        top: 15px !important;
        left: 15px !important;
        z-index: 10 !important;
    }

    .feature-post-content {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        width: 100% !important;
        padding: 20px 20px 25px 20px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        align-items: flex-start !important;
        background: none !important;
        background-color: transparent !important;
        z-index: 3 !important;
        box-sizing: border-box !important;
        height: auto !important;
        min-height: auto !important;
    }

    .feature-post-title {
        font-size: 24px !important;
        margin-bottom: 10px !important;
        transform: none !important;
        order: 1 !important;
        line-height: 1.3 !important;
    }

    .feature-post-excerpt {
        font-size: 14px !important;
        margin-bottom: 15px !important;
        order: 2 !important;
    }

    .feature-post-read-more {
        margin-top: 8px !important;
        font-size: 14px !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
        order: 3 !important;
    }

    .feature-post-item:hover .feature-post-title {
        transform: none !important;
    }

    .feature-cta-title {
        font-size: 24px;
    }

    .feature-cta-text {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .feature-post-item {
        min-height: 350px !important;
        height: 350px !important;
    }

    .feature-post-item-top {
        min-height: 350px !important;
        height: 350px !important;
    }

    .feature-post-image::after {
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.9) 100%) !important;
    }

    .feature-post-content {
        padding: 15px 15px 20px 15px !important;
    }

    .feature-post-title {
        font-size: 24px !important;
        margin-bottom: 8px !important;
        line-height: 1.3 !important;
    }

    .feature-post-excerpt {
        font-size: 13px !important;
        margin-bottom: 12px !important;
    }

    .feature-post-read-more {
        font-size: 13px !important;
        margin-top: 5px !important;
    }
}

.feature-popup-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999 !important;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.feature-popup-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

body .fusion-header-wrapper,
body .fusion-header,
body .fusion-secondary-header,
body .fusion-main-menu,
body .fusion-megamenu-wrapper,
body .fusion-header-v1,
body .fusion-header-v2,
body .fusion-header-v3,
body .fusion-header-v4,
body .fusion-header-v5,
body .fusion-header-v6,
body .fusion-header-v7,
body .fusion-sticky-header,
body .fusion-is-sticky,
body header,
body .header,
body #header,
body [class*="header"],
body [id*="header"],
body [class*="Header"],
body [id*="Header"],
body [class*="fusion"][style*="z-index"] {
    z-index: 1000 !important;
}

.feature-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    z-index: 999999 !important;
}

.feature-popup-content {
    position: relative;
    background: #fff;
    max-width: 750px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 25px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    z-index: 1000000 !important;
    animation: popupSlideIn 0.3s ease;
}

@keyframes popupSlideIn {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.feature-popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    z-index: 1000001 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
    color: #0E181C;
    font-weight: 700;
}

.feature-popup-close:hover {
    background: #fff;
}

.feature-popup-media {
    width: 100%;
    padding: 0;
    margin: 0;
}

.feature-popup-image-container {
    width: 100%;
    padding: 0;
    margin: 0;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    display: none;
}

.feature-popup-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.feature-popup-video-container {
    width: 100%;
    padding: 0;
    margin: 0;
    aspect-ratio: 16 / 9;
    background: #000;
}

.feature-popup-video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.feature-popup-video-embed {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 56.25%;
}

.feature-popup-video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.feature-popup-body {
    padding: 30px;
}

.feature-popup-title {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 15px 0;
    color: #0E181C;
    line-height: 1.3;
}

.feature-popup-subtitle {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px 0;
    color: #333;
    line-height: 1.5;
}

.feature-popup-subscription {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin: 0;
}

.feature-popup-subscription p {
    margin: 0 0 15px 0;
}

.feature-popup-subscription p:last-child {
    margin-bottom: 0;
}

/* Responsive Popup Styles */
@media only screen and (max-width: 992px) {
    .feature-popup-content {
        max-width: 90%;
    }
}

@media only screen and (max-width: 768px) {
    .feature-popup-content {
        width: 95%;
        max-width: 95%;
        max-height: 95vh;
        border-radius: 20px;
    }

    .feature-popup-body {
        padding: 20px;
    }

    .feature-popup-title {
        font-size: 24px;
    }

    .feature-popup-subtitle {
        font-size: 18px;
    }

    .feature-popup-subscription {
        font-size: 14px;
    }

    .feature-popup-close {
        width: 35px;
        height: 35px;
        font-size: 24px;
        top: 10px;
        right: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .feature-popup-content {
        width: 100%;
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
        margin: 0;
    }

    .feature-popup-body {
        padding: 15px;
    }

    .feature-popup-title {
        font-size: 20px;
    }

    .feature-popup-subtitle {
        font-size: 16px;
    }

    .feature-popup-subscription {
        font-size: 14px;
    }

    .feature-popup-close {
        width: 30px;
        height: 30px;
        font-size: 20px;
        top: 10px;
        right: 10px;
    }
}

/* ================================
 * Archive Blogs shortcode
 * ================================ */

.inbrix-blog-archive {
    position: relative;
    margin: 40px 0;
}

.inbrix-blog-archive__header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 24px;
}

.inbrix-blog-archive__header-inner {
    display: flex;
    align-items: center;
    gap: 12px;
}

.inbrix-blog-archive__header-title {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #999ea5;
}

.inbrix-blog-archive__filters {
    display: flex;
    gap: 8px;
}

.inbrix-blog-archive__filter-button {
    border-radius: 999px;
    border: 1px solid #e0e3e8;
    background: #ffffff;
    padding: 8px 18px;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    color: #4b4f56;
    transition: all 0.2s ease;
}

.inbrix-blog-archive__filter-button.is-active {
    background: #c8b9f1;
    color: #ffffff;
}

.inbrix-blog-archive__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}

@media (max-width: 1024px) {
    .inbrix-blog-archive__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .inbrix-blog-archive__grid {
        grid-template-columns: 1fr;
    }
}

.inbrix-blog-card {
    border-radius: 24px;
    overflow: hidden;
    background: #f3f4f6;
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.18);
}

.inbrix-blog-card__link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.inbrix-blog-card__image-wrapper {
    position: relative;
    overflow: hidden;
}

.inbrix-blog-card__image {
    width: 100%;
    height: 100%;
    max-height: 320px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.inbrix-blog-card__image--placeholder {
    background: linear-gradient(135deg, #d1d5db, #9ca3af);
    padding-bottom: 56.25%;
}

.inbrix-blog-card__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px 28px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.0) 20%, rgba(15, 23, 42, 0.65) 100%);
    color: #ffffff;
}

.inbrix-blog-card__category {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 8px;
    opacity: 0.9;
}

.inbrix-blog-card .inbrix-blog-card__title {
    font-size: 20px;
    line-height: 1.3;
    margin: 0 0 16px 0;
    color: #ffffff !important;
}

.inbrix-blog-card__cta {
    align-self: flex-start;
    margin-top: 4px;
    padding: 10px 0px;
    border-radius: 50px;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: none;
    text-decoration: none;
    transition: color 0.2s ease, transform 0.15s ease, text-decoration-color 0.2s ease;
}

.inbrix-blog-card__cta-icon {
    display: inline-block;
}

.inbrix-blog-card__link:hover .inbrix-blog-card__image {
    transform: scale(1.05);
}

.inbrix-blog-card__link:hover .inbrix-blog-card__cta {
    transform: translateY(-1px);
    text-decoration: none;
}

.inbrix-blog-archive__load-more-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.inbrix-blog-archive__load-more {
    border-radius: 999px;
    border: none;
    background: transparent;
    color: #fff;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: none;
    transition: transform 0.15s ease, color 0.2s ease, text-decoration-color 0.2s ease;
}

.inbrix-blog-archive__load-more:hover {
    transform: translateY(-1px);
    text-decoration: none;
}

.inbrix-blog-archive.is-loading {
    opacity: 0.7;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.inbrix-blog-archive__empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    color: #666;
    font-size: 18px;
}

.inbrix-blog-archive__empty p {
    margin: 0;
}

/* Handleiding List Style */
.inbrix-handleiding-list__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: start;
}

.inbrix-handleiding-list__left {
    width: 100%;
}

.inbrix-handleiding-list__container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: transparent;
}

.inbrix-handleiding-list__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    background: #fff;
    border-radius: 999px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.inbrix-handleiding-list__item:hover {
    background: #f5f5f5;
    color: #cdbef2;
    transform: translateX(4px);
}

.inbrix-handleiding-list__item.is-active {
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.inbrix-handleiding-list__item-title {
    font-size: 18px;
    font-weight: 600;
    color: #0E181C;
    flex: 1;
}

.inbrix-handleiding-list__item-link {
    font-size: 16px;
    font-weight: 600;
    color: #0E181C;
    margin-left: 20px;
    white-space: nowrap;
    transition: color 0.2s ease;
    display: flex;
    align-items: center;
}

.inbrix-handleiding-list__item-link i {
    transform: rotate(-90deg);
    transition: transform 0.2s ease;
    color: var(--awb-color5);
    font-size: 30px;
}

.inbrix-handleiding-list__right {
    width: 100%;
    position: sticky;
    top: 20px;
}

.inbrix-handleiding-video__container {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.inbrix-handleiding-video__placeholder {
    padding: 60px 40px;
    text-align: center;
    color: #666;
    font-size: 16px;
}

.inbrix-handleiding-video__content {
    display: flex;
    flex-direction: column;
}

.inbrix-handleiding-video__image-container {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
}

.inbrix-handleiding-video__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.inbrix-handleiding-video__video-container {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    position: relative;
}

.inbrix-handleiding-video__video {
    width: 100%;
    height: 100%;
    display: block;
}

.inbrix-handleiding-video__embed {
    width: 100%;
    aspect-ratio: 16 / 9;
    position: relative;
}

.inbrix-handleiding-video__embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inbrix-handleiding-video__body {
    padding: 24px;
}

.inbrix-handleiding-video__title {
    font-size: 24px;
    font-weight: 700;
    color: #0E181C;
    margin: 0 0 16px 0;
}

.inbrix-handleiding-video__text {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}

.inbrix-handleiding-video__text p {
    margin: 0 0 12px 0;
}

.inbrix-handleiding-video__text p:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
    .inbrix-handleiding-list__wrapper {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    
    .inbrix-handleiding-list__left {
        order: 2;
        width: 100%;
    }
    
    .inbrix-handleiding-list__right {
        position: static;
        order: 1;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .inbrix-handleiding-list__item {
        padding: 16px 20px;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        border-radius: 12px;
    }
    
    .inbrix-handleiding-list__item-link {
        margin-left: 0;
    }
}