/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a.mega span{padding-right: 0px !important;}
.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper{font-size: 0.55em; padding-top: 8px !important; font-weight: 500;}
.cta-five, .cta-four, .cta-one, .cta-primary, .cta-tertiary, .cta-secondary{ border-radius: 32px; font-weight: 600; text-decoration: none !important; box-shadow: none !important;}
.cta-five:hover, .cta-four:hover, .cta-one:hover, .cta-primary:hover, .cta-tertiary:hover, .cta-secondary:hover{text-decoration: none !important;}
#beth_ellen{font-family: 'Beth Ellen', cursive;}
.hhs-nav-links a, .hhs-nav-links a:active, .hhs-nav-links a:focus, .hhs-nav-links a:hover, .accordion-title {text-decoration: none !important;}
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li .mega-menu a{font-weight: 600 !important;}
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li {margin: 15px 12px !important;}
#hs_menu_wrapper_global_footer_ a{text-decoration: none !important;}
a{text-decoration: underline !important;}
a:active, a:focus, a:hover {font-weight: 600; text-decoration: underline !important }
.mega-menu .col-4{border-left: solid 1px #83D0F5; }
.hs-menu-item.hs-menu-depth-1 li{line-height: 0.5rem !important;}
.legal_menu_footer{color: #83D0F5; text-decoration: none !important; }
/* Hide the original SVG of the testimonial quotation*/
#quote-left1_layer{display: none;}
.accordion-title:hover, .accordion-title:focus, .accordion-title:active{text-decoration: none !important;}
.hhs-blog-post-mod, h6.reading-minutes, .hhs-blog-post-card h4{font-family:'arial';}
.search-bar input{font-weight: 500;}
.hhs-blog-post-card .hhs-post-summary{color: #0032AA !important;}
.tabbed_content_container .panel{border-radius: 0 0 20px 20px;}
#hs_cos_wrapper_widget_1732868193734 .hhs-tab-wrapper button.is-active{border-radius: 20px 0 0 0;}
#hs_cos_wrapper_widget_1732868193734 .hhs-tab-wrapper button{border-radius: 0 20px 0 0;}
#hs_cos_wrapper_module_1732889320466 .hhs-tab-wrapper button.is-active{border-radius: 20px 0 0 0;}
#hs_cos_wrapper_module_1732889320466 .hhs-tab-wrapper button{border-radius: 0 20px 0 0;}
.support_bg {margin: 0 5% 0 5%; border-radius: 20px 20px 0 0;}
.support_bg2 {margin: 32px 5% 5% 5%; border-radius: 0 0 20px 20px;}
.cta_section{margin: 5%; border-radius: 20px;}
.testimonial_bg{margin: 5%; border-radius: 20px;}
#hs_cos_wrapper_module_17328781500135 .clean-base{margin: 32px; border-radius: 20px;}
.review_bg, .content_bg {margin: 5%; border-radius: 20px 250px 20px 20px;}
.content_module_bg {margin: 5%; border-radius: 20px;}
#hs_cos_wrapper_module_17328787821987 .hhs-flexi-card img, #hs_cos_wrapper_module_17328842263247 .hhs-flexi-card img, #hs_cos_wrapper_module_17327962746057 .hhs-flexi-card img, #hs_cos_wrapper_module_17328707233336 .hhs-flexi-card img{border-bottom: solid 15px #F4AACC;}
.c-slider button.slick-next, .c-slider button.slick-prev{border-radius: 5px !important;}
/* #hs_cos_wrapper_widget_1732802980943 .c-slider button.slick-prev, #hs_cos_wrapper_widget_1732802980943 .c-slider button.slick-next{border-radius: 10px;}
#hs_cos_wrapper_module_17328698134403 .c-slider button.slick-prev, #hs_cos_wrapper_module_17328698134403 .c-slider button.slick-next{border-radius: 10px;}
#hs_cos_wrapper_module_1732886414627 .c-slider button.slick-prev, #hs_cos_wrapper_module_1732886414627 .c-slider button.slick-next {border-radius: 10px;} */

/* changing each Flexi card background-color */
#voor_wie .row .col-lg-4:nth-of-type(2) .hhs-flexi-card {background-color: #83D0F5 !important;}
#voor_wie .row .col-lg-4:nth-of-type(3) .hhs-flexi-card {background-color: #B5D8AF !important;}

/* adding border radius to blog post cards */
.hhs-blog-post-card, .content-card, .c-img-1{border-radius: 20px; text-decoration: none !important;}
.content-card:hover {text-decoration: none !important;}
.hhs-post-feat-img{border-radius: 20px 20px 0 0;}


/* The background elements (arrows) */
.general_arrows::after {
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}

.blue_large_right{position: relative; padding-bottom: 32px;}
.blue_large_right::after {
    top: -52%; /* Adjust position relative to  */
    left: 95%; /* Adjust position */
    width: 900px; /* Set desired width of the SVG */
    height: 900px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20blauw.svg");
    opacity: 0.15; /*Set transparancy of arrow */
}

.blue_medium_right::after{
    top: -35%; /* Adjust position relative to  */
    left: 95%; /* Adjust position */
    width: 700px; /* Set desired width of the SVG */
    height: 700px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20blauw.svg");
    opacity: 0.15; /*Set transparancy of arrow */
}

.blue_small_right::after{
    top: -15%; /* Adjust position relative to  */
    left: 95%; /* Adjust position */
    width: 300px; /* Set desired width of the SVG */
    height: 300px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20blauw.svg");
    opacity: 0.15; /*Set transparancy of arrow */
}

.blue_large_left::after {
    top: -95%; /* Adjust position relative to  */
    left: -20%; /* Adjust position */
    width: 900px; /* Set desired width of the SVG */
    height: 900px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20blauw.svg");
    transform: scale(-1, 1);
    opacity: 0.15; /*Set transparancy of arrow */
}

.blue_medium_left::after {
    top: -75%; /* Adjust position relative to  */
    left: -20%; /* Adjust position */
    width: 700px; /* Set desired width of the SVG */
    height: 700px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20blauw.svg");
    transform: scale(-1, 1);
    opacity: 0.15; /*Set transparancy of arrow */
}

.blue_small_left::after {
    top: -25%; /* Adjust position relative to  */
    left: -5%; /* Adjust position */
    width: 300px; /* Set desired width of the SVG */
    height: 300px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20blauw.svg");
    transform: scale(-1, 1);
    opacity: 0.15; /*Set transparancy of arrow */
}



.white_large_right::after {
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: -52%; /* Adjust position relative to  */
    left: 95%; /* Adjust position */
    width: 900px; /* Set desired width of the SVG */
    height: 900px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20wit.svg");
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}

 .salmon_medium_left::after {    
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 0; /* Adjust position relative to  */
    left: -25%; /* Adjust position */
    width: 700px; /* Set desired width of the SVG */
    height: 700px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20zalm.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}

#blue_medium_right::after{
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 33%; /* Adjust position relative to  */
    left: 112%; /* Adjust position */
    width: 700px; /* Set desired width of the SVG */
    height: 700px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Vector%20%281%29.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}

#pink_medium_right_rotate::after {
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    rotate: -135deg;
    top: -70%; /* Adjust position relative to  */
    left: 85%; /* Adjust position */
    width: 700px; /* Set desired width of the SVG */
    height: 700px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20roze.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}

.pink_medium_low_right_rotate::after{
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    rotate: 0deg;
    top: -20%; /* Adjust position relative to  */
    left: 70%; /* Adjust position */
    width: 700px; /* Set desired width of the SVG */
    height: 700px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20roze.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}

#green_medium_left::after {    
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: -20%; /* Adjust position relative to  */
    left: -10%; /* Adjust position */
    width: 900px; /* Set desired width of the SVG */
    height: 900px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20groen.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}

#green_narrow_left::after {    
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 18%; /* Adjust position relative to  */
    left: -26%; /* Adjust position */
    width: 900px; /* Set desired width of the SVG */
    height: 900px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20groen.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}

#blue_narrow_left::after {    
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 10%; /* Adjust position relative to  */
    left: -26%; /* Adjust position */
    width: 900px; /* Set desired width of the SVG */
    height: 900px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20blauw.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}

#salmon_narrow_left::after{
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 10%; /* Adjust position relative to  */
    left: -26%; /* Adjust position */
    width: 900px; /* Set desired width of the SVG */
    height: 900px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20zalm.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}

#blue_medium_left::after{
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 60%; /* Adjust position relative to  */
    left: -20%; /* Adjust position */
    width: 900px; /* Set desired width of the SVG */
    height: 900px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20blauw.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}

#green_large_right::after {    
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 10%; /* Adjust position relative to  */
    left: 75%; /* Adjust position */
    width: 700px; /* Set desired width of the SVG */
    height: 700px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20groen.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}

.wens_bg {
    position: relative; /* Required to position the pseudo-element relative to this container */
}
.wens_bg::after {
    content: ''; /* Required for pseudo-elements */
    position: absolute; /* Allow precise positioning */
    bottom: -25.5%; /* Stick to the bottom of the section */
    left: 55%; /* Center horizontally */
    width: 1300px; /* Set desired width of the SVG */
    height: 1350px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Overlay-3.png");
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1; /* Ensure it is on top of the background image */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}

.footer_bg{background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/footer-background-Vector.svg"); 
            background-repeat: no-repeat; background-position-x: 70%; }


/* more x-margin for resolutions bigger than 1920px */
@media (min-width: 1920px){
  .support_bg {margin: 0 7% 0 7%; border-radius: 20px 20px 0 0;}
  .support_bg2 {margin: 32px 7% 7% 7%; border-radius: 0 0 20px 20px;}
  .cta_section{margin: 7%; border-radius: 20px;}
  .testimonial_bg{margin: 7%; border-radius: 20px;}
  #hs_cos_wrapper_module_17328781500135 .clean-base{margin: 7%; border-radius: 20px;}
  .review_bg, .content_bg {margin: 7%; border-radius: 20px 250px 20px 20px;}
  .content_module_bg {margin: 7%; border-radius: 20px;}
}


/* mobile devices styling */
@media (max-width: 960px) {
  body, html {
    overflow-x: hidden !important; /* Prevent horizontal scrolling */}
  .foot-nav-title.col-head-1.hide-desktop.hide-tablet.show-mobile {text-transform: none !important; font-family: 'Montserrat'; font-weight: 600;}
  .foot-nav-title.col-head-2.hide-desktop.hide-tablet.show-mobile {text-transform: none !important; font-family: 'Montserrat'; font-weight: 600;}
  .foot-nav-title.col-head-3.hide-desktop.hide-tablet.show-mobile {text-transform: none !important; font-family: 'Montserrat'; font-weight: 600;}
  .hs-menu-item.hs-menu-depth-1 li{line-height: 1.2rem !important;}
  .hs-menu-wrapper, .hs-menu-wrapper *{width: auto;}
  .hhs-side-menu__ctas .hhs-side-cta-1 {margin-right: 16px;}
  .hhs-side-menu{width: 92% !important;}
   .tabbed_content_container .panel{border-radius: 0 0 20px 20px;}
  #hs_cos_wrapper_widget_1732868193734 .selected-tab{border-radius: 20px 20px 0 0;}
  #hs_cos_wrapper_widget_1732868193734 .hhs-tab-wrapper button.is-active, #hs_cos_wrapper_widget_1732868193734 .hhs-tab-wrapper button {border-radius: 0;}
  #hs_cos_wrapper_module_1732889320466 .selected-tab{border-radius: 20px 20px 0 0;}
  #hs_cos_wrapper_module_1732889320466 .hhs-tab-wrapper button.is-active, #hs_cos_wrapper_module_1732889320466 .hhs-tab-wrapper button {border-radius: 0;}
  #hs_menu_wrapper_global_footer_{display: flex; justify-content: center;}
  
  /* The background elements (arrows) */
  .blue_large_right::after {
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 0; /* Adjust position relative to  */
    left: calc(100% - 30px);
    width: 300px; /* Set desired width of the SVG */
    height: 300px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20zalm.svg");
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    position: absolute;
    pointer-events: none; /* Optional: Make it non-interactive */
    overflow: hidden !important; /* Hide any overflowing content */
}

  .salmon_medium_left::after {    
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 0; /* Adjust position relative to  */
    left: -50%; /* Adjust position */
    width: 1000px; /* Set desired width of the SVG */
    height: 1000px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20zalm.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}
  .blue_medium_right::after{
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: -16%; /* Adjust position relative to  */
    left: 140%; /* Adjust position */
    width: 500px; /* Set desired width of the SVG */
    height: 500px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Vector%20%281%29.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
    overflow: hidden !important; /* Hide any overflowing content */
}
  #green_medium_left::after {    
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: -20%; /* Adjust position relative to  */
    left: -80%; /* Adjust position */
    width: 900px; /* Set desired width of the SVG */
    height: 900px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20groen.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}
  #green_large_right::after {    
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: -80%; /* Adjust position relative to  */
    left: 100%; /* Adjust position */
    width: 500px; /* Set desired width of the SVG */
    height: 500px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20groen.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}

  #blue_medium_left::after{
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 70%; /* Adjust position relative to  */
    left: -80%; /* Adjust position */
    width: 900px; /* Set desired width of the SVG */
    height: 900px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20blauw.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */}

  
  #green_narrow_left::after {    
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 10%; /* Adjust position relative to  */
    left: -50%; /* Adjust position */
    width: 600px; /* Set desired width of the SVG */
    height: 600px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20groen.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}
  
  #blue_narrow_left::after {    
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 10%; /* Adjust position relative to  */
    left: -63%; /* Adjust position */
    width: 600px; /* Set desired width of the SVG */
    height: 600px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20blauw.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}
  
  #salmon_narrow_left::after {
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 10%; /* Adjust position relative to  */
    left: -70%; /* Adjust position */
    width: 700px; /* Set desired width of the SVG */
    height: 700px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20zalm.svg"); 
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    transform: translateX(-50%); /* Correct centering */
    pointer-events: none; /* Optional: Make it non-interactive */
}
  
  .blue_large_right2::after {
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 0; /* Adjust position relative to  */
    left: calc(100% - 30px);
    width: 150px; /* Set desired width of the SVG */
    height: 150px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20blauw.svg");
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    position: absolute;
    pointer-events: none; /* Optional: Make it non-interactive */
    overflow: hidden !important; /* Hide any overflowing content */
    
  }
    
      .blue_large_right2::after {
    content: ''; /* Required for pseudo-elements */
    position: absolute !important;
    top: 0; /* Adjust position relative to  */
    left: calc(100% - 30px);
    width: 300px; /* Set desired width of the SVG */
    height: 300px; /* Set desired height of the SVG */
    background-image: url("https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20blauw.svg");
    background-size: contain; /* Scale SVG without distortion */
    background-repeat: no-repeat; /* Prevent tiling */
    background-position: center; /* Center the SVG within the defined area */
    z-index: 1 !important; /* Ensure it is on top of the background image */
   /* Position it on top of .usp_sec */
    position: absolute;
    pointer-events: none; /* Optional: Make it non-interactive */
    overflow: hidden !important; /* Hide any overflowing content */

}
    "https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20blauw.svg"
  "https://143297545.fs1.hubspotusercontent-eu1.net/hubfs/143297545/NL%20-%20website%20assets/Placeholders/Dia%20pijl%20blauw.svg"