/*
Theme Name:
Author URI: https://www.qstylez.nl/
Author: QStylez - Maaike Tol
Version: 1.0
*/

html {
    font-size: 16px;
    line-height: 24px;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    width: 100%;
}

audio:not([controls]) {
    display: none;
    height: 0;
}


/*Complianz cookiebanner*/

.cmplz-cookiebanner {
    font-family: "Open Sans", sans-serif;
}


div#cmplz-document h2 {
    margin-bottom: 16px;
    color: #1A2F7D;
    font-size: 22px;
    line-height: 24px;
}

div#cmplz-document h3 {
    margin-bottom: 16px;
    color: #1A2F7D;
    font-size: 18px;
    line-height: 20px;
}

/*Complianz cookiebanner END*/



/* Assistive text */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute !important;
    height: 1px;
    width: 1px;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: normal;
    padding: 15px 23px 14px;
    position: absolute;
    left: 5px;
    top: 5px;
    text-decoration: none;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}



ul,
ol {
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin-top: 0;
    margin-bottom: 0;
}


b,
strong {
    font-weight: 700;
}

p {
    margin: 0px 0px;
}

a {
    text-decoration: none;
    transition: .1s ease-in-out;
}

.home-link {
    position: relative;
    display: block;
    width: 100%;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: none;
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    padding-right: 2px;
    /* Don't cut off the webkit search cancel button */
    width: 100%;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    resize: none;
    vertical-align: top;
}

img {
    border-style: none;
}

img,
video {
    height: auto;
    max-width: 100%;
}

section:after,
article:after,
.clear:after,
#inner-header:after,
.row:after,
.social:after,
.site-info:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

div#navbar {
    order: 4;
    flex-basis: 100%;
    width: 100%;
}

div#navbar ul {
    max-height: 0;
    overflow: hidden;
    transition: .3s ease-in-out;
}



/**
 * Start - Menu button - telefoon/ipad
 * ----------------------------------------------------------------------------
 */

.menu span {
    background: #132628;
    height: 3px;
}

.menu {
    width: 30px;
    height: 26px;
    order: 4;
    position: relative;
    align-self: center;
    margin-left: 14px;
}

header.site-header div.menu .close-btn span:nth-of-type(2) {
    transform: rotate(-25deg);
    top: 30%;
}

header.site-header div.menu .close-btn span:nth-of-type(1) {
    transform: rotate(25deg);
    top: 30%;
}

header.site-header div.menu {
    overflow: hidden;
}

header.site-header div.menu.open .close-btn {
    top: 2px;
}

header.site-header div.menu .close-btn {
    position: absolute;
    width: 26px;
    height: 20px;
    transition: .3s ease-in-out;
    top: 40px;
}

header.site-header div.menu .close-btn span{
    height: 2px;
}

div#navbar.open ul {
    max-height: 1000px;
}

header.site-header div.menu.open .open-btn {
    top: -36px;
}

header.site-header div.menu .open-btn {
    position: absolute;
    top: 0;
    width: 30px;
    height: 26px;
    transition: .3s ease-in-out;
}

.menu span {
    position: absolute;
    width: 100%;
    transition: .3s ease-in-out;
}

.menu span:nth-of-type(1) {
    top: 2px;
}

.menu span:nth-of-type(2) {
    top: 12px;
}

.menu span:nth-of-type(3) {
    bottom: 2px;
}

.menu .close-btn span:nth-of-type(3) {
    color: #252422;
    bottom: 10px;
    background: none;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
}


/**
 * Forms
 * ----------------------------------------------------------------------------
 */

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    z-index: 100;
    padding: 0;
    border: 0;
    background: transparent;
    right: 10px;
    left: auto;
    top: 0px;
    font-size: 0.8rem;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    display: none !important;
}

form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

form p {
    margin: 0;
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 8px;
}

form input,
form textarea {
    width: 100%;
    border: 0;
    resize: none;
    font-size: 16px;
    padding: 10px;
    font-family: "Poppins", sans-serif;
}

form textarea {
    height: 130px;
}

.ajax-loader {
    position: absolute;
}

form input.wpcf7-form-control.wpcf7-submit {
    display: table;
    text-decoration: none;
    font-size: 16px;
    transition: .1s ease-in-out;
    width: auto;
    line-height: 2;
    margin-top: 0;
}

/**
 * Algemeen
 * ----------------------------------------------------------------------------
 */

 html{
    scroll-padding-top: 140px;
 }

body {

}


.inner {
    width: 100%;
    max-width: 1512px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #000733;
}

.flexbox-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.flexbox-wrapper.sb {
    justify-content: space-between;
}

.bg-img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {}

h1 {
    font-size: 40px;
    line-height: 120%;
}

h2 {
    font-size: 36px;
    line-height: 120%;
}

h3{
    font-size: 32px;
    line-height: 120%;
}

h4{
    font-size: 24px;
    line-height: 140%;
}

.sub h1{

}

.sub h2{

}

.sub h3{

}

.sub h4{

}



a.btn,
.gform_button.button {
    padding: 11px 24px;
    height: 54px;
    display: block;
    width: fit-content;
    font-weight: 600;
    cursor: pointer;
    line-height: 100%;
    border-radius: 40px;
    color: white;
    border: 1px solid transparent;
    background: linear-gradient(90deg, #10AEFF -54.46%, #435CFF 100%);
    font-size: 16px;
    line-height: 150%!important;
    position: relative;
    font-family: "Poppins", sans-serif;
    overflow: hidden;
    transition: background 0.1s ease-in-out;
    z-index: 1; /* Ensure button is on top */
}



/* Add a pseudo-element for the hover gradient */
a.btn::before,
.gform_button.button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit; /* Match button's rounded corners */
    background: linear-gradient(270deg, #10AEFF -54.46%, #435CFF 100%); /* Reversed gradient */
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
    z-index: -1; 
}


a.btn:hover::before,
.gform_button.button:hover::before {
    opacity: 1;
}

a.btn,
.gform_button.button {
    position: relative;
    z-index: 1; 
}



/*a.btn:hover,
.gform_button.button:hover {
    background: var(--Gradient-button, linear-gradient(270deg, #10AEFF -54.46%, #435CFF 100%));
}*/

a.btn::after, .gform_button.button::after{
    content: "";
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/button-arrow.svg);
    width: 19px;
    height: 20px;
    display: inline-block;
    margin-left: 14px;
    background-position: center;
    background-size: cover;
    position: relative;
    top: 5px;
}

a.btn.ghost{
    background: unset;
    border-color: white;
}

a.btn.ghost:hover{
    background-color: white;
    color: black;
}

a.btn.ghost.blue{
    background: unset;
    border-color: #15A3FF;
    color: #15A3FF;
}

a.btn.ghost.blue:hover{
    background-color: #15A3FF;
    color: white;
}

a.btn.ghost.blue::after{
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/button-arrow-blue.svg);
}

a.btn.ghost:hover::after{
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/button-arrow-black.svg);
}

a.btn.ghost.blue:hover::after{
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/button-arrow.svg);
}


a.btn.ghost::before,
a.btn.ghost.blue::before {
    display: none;
}





a.a-link {

}


a.a-link:hover {

}

.site-content{
    position: relative;
}

.breadcrumbs{
    position: absolute;
    top: 64px;
}

body.standaardcontent .breadcrumbs {
    top: 115px;
}

#breadcrumbs {
    position: relative;
    z-index: 4;
    line-height: 16px;
}

#breadcrumbs * {
    color: white;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    text-align: left;
}

#breadcrumbs a {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
}

#breadcrumbs a:hover {
    text-decoration: underline
}

#breadcrumbs .delimiter {
    margin: 0 6px;
    font-weight: 400;
}

#breadcrumbs svg {
    margin: 0px 8px;
    font-size: 10px;
}

body.standaardcontent #breadcrumbs * {
    color: #000733;
}

.pretitel {
    color: #008BE6;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 5.44px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.accordion {
    background-color: transparent;
    cursor: pointer;
    padding: 20px 40px 20px 0;
    width: 100%;
    color: #000733;
    border: none;
    text-align: left;
    font-size: 18px;
    transition: 0.4s;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    position: relative;
    border-top: 1px solid #00073340;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

button.accordion:hover {
    color: #15A3FF;
}

.accordion.contentblock {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.accordion:after {
    content: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/chevron-down-light.svg);
    position: absolute;
    right: 0;
    top: calc(50% - 14px);
    transition: 0.3s;
}

.accordion.active:after {
    transform: rotateX(180deg);
}

.accordion span.bg-img {
    width: 40px;
    height: 40px;
    margin-right: 16px;
}

.panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    font-size: 16px;
}

.panel p{
    margin-bottom: 24px;
}

.panel>*:last-child {
    margin-bottom: 40px;
}

.desktop{
    display: none;
}




/**
* PAGE BUILDER CONTENT
* ----------------------------------------------------------------------------
*/



.homepage-hero-keuzeblokken{
    display: flex;
    flex-wrap: wrap;
    max-width: 550px;
    justify-content: space-between;
    position: relative;
}

.homepage-hero-keuzeblokken>div{
    flex-basis: 32%;
    border-radius: 15px;
    background-color: gray;
    position: relative;
    padding: 16px 12px;
}

.homepage-hero-keuzeblokken::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: black;
    left: 0;
    top: 50%;
    position: absolute;
}

.homepage-hero-keuzeblokken>div:nth-of-type(-n + 3){
    margin-bottom: 30px;
}

.homepage-hero-keuzeblokken>div>span{
    background-color: white;
    height: 100px;
    width: 100%;
    margin-bottom: 10px;
}

.homepage-hero-keuzeblokken>div>a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.homepage .hoofdlaag h1 strong {
    color: #0BB5FF;
}

.content-builder ul{
    list-style-type: disc;
    margin-left: 18px;
    list-style-position: outside;
}

.content-builder ul li{
    margin: 15px 0px;
}

.content-builder ul li::marker{
    font-size: 20px;
}

.content-builder>section, 
.sub.single>section:nth-child(n + 3),
.content-builder section.reviewslaag section.accordionlaag {
    padding-top: 64px;
    padding-bottom: 64px;
}

.content-builder section.standaardcontent ul,
.content-builder section.standaardcontent ol {
    margin: 1em 0;
    padding-left: 40px;
}

body.woocommerce-cart .content-builder section.standaardcontent ul,
body.woocommerce-cart .content-builder section.standaardcontent ol {
    margin: 0;
    padding-left: 0;
}

.content-afbeelding .inner>.flexbox-wrapper, .gecentreerde-content .inner>.flexbox-wrapper, .twee-kolom-content .inner>.flexbox-wrapper{
    flex-direction: column;
}

.content-afbeelding .inner>.flexbox-wrapper>span{
    margin-top: 40px;
    width: 100%;
    background-size: cover;
    height: 350px;
    border-radius: 20px;
}

.twee-kolom-content .inner>.flexbox-wrapper>div:last-of-type{
    margin-top: 40px;
}

.content-afbeelding .inner>.flexbox-wrapper>.content h2, .twee-kolom-content .inner>.flexbox-wrapper>div h2, .gecentreerde-content .inner>.flexbox-wrapper>.content h2, .blokken .inner h2, .veelgestelde-vragen .tekst h2{
    margin-bottom: 24px;
}

.content-afbeelding .inner>.flexbox-wrapper>.content .tekst,
.twee-kolom-content .inner>.flexbox-wrapper>div .tekst,
.gecentreerde-content .inner>.flexbox-wrapper>.content .tekst,
.veelgestelde-vragen .tekst{
    margin-bottom: 24px;
}

.twee-kolom-content .inner>.flexbox-wrapper .content-rechts .tekst {
    margin-bottom: 0;
}

.content-afbeelding .inner>.flexbox-wrapper>.content .tekst>*:not(:last-child), .twee-kolom-content .inner>.flexbox-wrapper>div .tekst>*:not(:last-child), .gecentreerde-content .inner>.flexbox-wrapper>.content .tekst>*:not(:last-child){
    margin-bottom: 24px;
}

.content-afbeelding .inner>.flexbox-wrapper>.content .flexbox-wrapper, .twee-kolom-content .inner>.flexbox-wrapper>div .flexbox-wrapper, .gecentreerde-content .inner>.flexbox-wrapper>.content .flexbox-wrapper{
    margin-bottom: 16px;
    align-items: center;
}

.content-afbeelding .inner>.flexbox-wrapper>.content .flexbox-wrapper span,
.twee-kolom-content .inner>.flexbox-wrapper>div .flexbox-wrapper span,
.gecentreerde-content .inner>.flexbox-wrapper>.content .flexbox-wrapper span{
    width: 40px;
    height: 40px;
    margin-right: 16px;
}

.content-afbeelding .inner>.flexbox-wrapper>.content .flexbox-wrapper.usp span {
    width: 16px;
    height: 16px;
}

.content-afbeelding .inner>.flexbox-wrapper>.content .flexbox-wrapper.usp span.big {
    width: 100px;
    height: 100px;
    border: 0;
    border-radius: 0;
}

.content-afbeelding .inner>.flexbox-wrapper>.content .flexbox-wrapper p, .twee-kolom-content .inner>.flexbox-wrapper>div .flexbox-wrapper p, .gecentreerde-content .inner>.flexbox-wrapper>.content .flexbox-wrapper p{
    flex-basis: 50%;
    flex-grow: 1;
    font-size: 16px;
    line-height: 100%;
}

.content-afbeelding .inner>.flexbox-wrapper>.content .flexbox-wrapper.usp p {
    line-height: 150%;
}

.content-afbeelding .inner>.flexbox-wrapper>.content>.btn, .twee-kolom-content .inner>.flexbox-wrapper>div>.btn,  .gecentreerde-content .inner>.flexbox-wrapper>.content>.btn{
    margin-top: 32px;
}

.content-afbeelding .inner>.flexbox-wrapper>.content>span:last-of-type, .twee-kolom-content .inner>.flexbox-wrapper>div>span:last-of-type, .gecentreerde-content .inner>.flexbox-wrapper>.content>span:last-of-type{
    width: 287px;
    height: 147px;
    margin-top: 40px;
    background-size: cover; 
}

.afbeelding-slider .tekst{
    margin-bottom: 40px;
 }

.afbeelding-slider .owl-stage-outer{
    overflow: visible;
}

.afbeelding-slider .owl-stage-outer .owl-item img{
    max-width: calc(100vw - 56px);
    max-height: 550px;
}

.sub.single .contentlaag .content{
    max-width: 768px!important;
    width: 100%!important;
    flex-basis: 100%!important;
    margin-left: auto!important;
    margin-right: auto!important;
}

.sub.single .contentlaag .content .bottom {
    margin-top: 48px;
}

.sub.single .contentlaag .content .share {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    text-align: center;
}

.sub.single .contentlaag .content .share h3.title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
    margin: 0 !important;
}

.addtoany_list {
    display: flex !important;
    gap: 8px;
    justify-content: center;
}

.sub.single .contentlaag .flexbox-wrapper .content .share img {
    margin: 0;
    max-height: 20px;
}

.sub.single .contentlaag .flexbox-wrapper .content .share a {
    background: rgba(21, 163, 255, 0.10);
    padding: 0px;
    border-radius: 50%;
    line-height: 0;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sub.single .contentlaag .content .bottom .separator {
    width: 100%;
    height: 1px;
    margin: 48px 0px;
    background: #15A3FF;
}

.sub.single .contentlaag .content .bottom .author {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}

.sub.single .contentlaag .content .bottom .author .image {
    width: 48px;
    height: 48px;
    margin: 0 auto;
    border-radius: 50%;
}

.sub.single .contentlaag .content .bottom .author .name,
.sub.single .contentlaag .content .bottom .author .subtitle {
    font-size: 14px;
    font-style: normal;
    line-height: 150%; /* 21px */
}

.sub.single .contentlaag .content .bottom .author .name{
    margin: 16px 0px 0px 0px;
    font-weight: 600;
}




.sub.single .contentlaag .flexbox-wrapper .content p:has(img){
    margin: 30px 0;
}

.sub.single .contentlaag .flexbox-wrapper figure:has(figcaption) img{
    margin-bottom: 0!important;
    margin-top: 0!important;
    border-radius: 20px;
}

.sub.single .contentlaag .flexbox-wrapper figure:has(figcaption){
    margin-top: 30px;
    width: 100%!important;
}

.sub.single .contentlaag .flexbox-wrapper figure figcaption{
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 150%;
    padding-left: 8px;
    border-left: 2px solid black;
    margin-top: 4px;
}

.sub.single .contentlaag .flexbox-wrapper .content>*:not(:last-child){
    margin-bottom: 16px;
}

.sub.single .contentlaag .flexbox-wrapper .content h4{
    margin-top: 40px;
    margin-bottom: 16px!important;
}

.sub.single .contentlaag .flexbox-wrapper .content h3{
    margin-top: 40px;
    margin-bottom: 20px!important;
}

.sub.single .contentlaag .flexbox-wrapper .content h2{
    margin-bottom: 24px!important;
}

.sub.single .contentlaag .flexbox-wrapper .content blockquote{
    font-style: italic;
    font-size: 20px;
    line-height: 28px;
    padding-left: 20px;
    border-left: 2px solid #15A3FF;
    margin: 36px 0!important;
}

.sub.single .contentlaag .flexbox-wrapper .content a:not(.btn){
    color: #15A3FF;
    text-decoration: underline;
}

.sub.single .contentlaag .flexbox-wrapper .content a:hover{
    text-decoration: none;
}

.sub.single .contentlaag .flexbox-wrapper .content ul, .sub.single .contentlaag .flexbox-wrapper .content ol{
    list-style-position: inside;
    margin: 20px 0!important;
}

body.single-product .site-header,
.site-header.standaardcontent {
    background: #000733 !important;
}







/**
 * Navbar
 * ----------------------------------------------------------------------------
 */

.top-header{
    background-color: #000733;
    height: 56px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 8px 0;
    z-index: 999;
}

.top-header .inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.top-header p{
    color: white;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    display: inline-block;
    margin-left: auto;
}

.top-header p strong{
    color: #15A3FF;
}

.top-header a.btn{
    display: inline-block;
    margin-left: 24px;
    height: 40px;
    font-size: 14px;
    line-height: 21px;
    padding: 4px 28px;
}


.site-header {
    height: 64px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 11px 0;
    z-index: 99999;
    background: #000733 !important;
    box-shadow: 0px 4px 4px 0px #A0A0A026;
    transition: 0.2s ease-in-out;
}

.hfeed.site{
    margin-top: 64px;
}

.hfeed.site:has(.has-topheader){
    margin-top: 120px;
}

.hfeed.site:has(.has-topheader.top-header-desktop){
    margin-top: 64px;
}

.site-header.has-topheader{
    top: 40px;
}

.site-header.has-topheader.top-header-desktop{
    top: 0;
}

.site-header .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
}

.site-header .inner .home-link {
    width: 120px;
    height: 43px;
    margin-left: 24px;
}

.site-header .inner .menu {
    overflow: hidden;
    width: 24px;
    height: 20px;
    margin-right: 24px;
    position: relative;
    cursor: pointer;
}

header.site-header div.menu .open-btn {
    position: absolute;
    top: 0px;
    width: 26px;
    height: 20px;
    transition: 0.3s ease-in-out;
}

.menu span {
    background: white;
}

header.site-header div.menu .open-btn span:nth-of-type(1) {
    top: 0;
}

header.site-header div.menu .open-btn span:nth-of-type(2) {
    top: 8px;
}

header.site-header div.menu .open-btn span:nth-of-type(3) {
    top: 17px;
}

div#navbar {
    order: 4;
    flex-basis: 100%;
    width: 100%;
    overflow: hidden;
    transition: 0.5s;
    height: 0;
    position: relative;
    top: 10px;
    overflow: visible;
}

div#navbar.open {
    padding: 32px 0 30px;
    height: calc(100vh - 75px);
    max-height: unset;
    background-color: white;
    border-top: 0;
    margin: unset;
    box-shadow: inset 0px 4px 4px 0px #A0A0A026;
}

div#navbar.open .nav-menu {
    max-height: calc(100vh - 240px) !important;
    overflow-y: scroll;
}

div#navbar .nav-menu>li {
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEF0EB;
    margin: 0 24px 16px;
    list-style-type: none;
}


div#navbar ul li {
    padding-bottom: 16px;
    border-bottom: 1px solid #EEF0EB;
    margin-bottom: 16px;
}


div#navbar ul li a {
    color: #293241;
    display: block;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    font-weight: 600;
}

div#navbar ul li a:hover {
    color: #a3a3a3 !important;
}

.nav-menu li.menu-item-has-children {
    position: relative;
}

.nav-menu .sub-menu {
    display: none;
}

.nav-menu .sub-menu li {
    border-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    border-bottom: 1px solid #DAE1EFB2;
}

.nav-menu .sub-menu li:first-of-type {
    border-top: 1px solid #DAE1EFB2;
    margin-top: 20px;
    border-bottom: 0;
}

.nav-menu .sub-menu li:not(:first-of-type){
    border-top: 1px solid #DAE1EFB2;
    margin-top: 15px;
}

.nav-menu .sub-menu li:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}



.site-header .btn.navbar-mobile{
    width: calc(100% - 48px);
    text-align: center;
    margin: 0 24px;
    margin-top: 32px;
    display: none;
}

.site-header .navbar.open .btn.navbar-mobile{
    display: block;
}

.site-header .navbar-desktop{
    display: none;
}

ul.shop-items {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    order: 3;
    list-style-type: none;
    margin-left: auto;
    padding-left: 12px;
}

span.cart-contents-count {
    position: absolute;
    right: -10px;
    background: white;
    color: #53697e;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    font-size: 12px;
    top: 0px;
}

ul.shop-items li {
    position: relative;
}

ul.shop-items li a {
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
ul.shop-items li a:hover {
    opacity: .6;
}

span.cart-count {
    position: absolute;
    right: -5px;
    background: #15A3FF;
    color: #fff;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    top: 0px;
    color: #FFF;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}




/* Keyframes for fade-in effect */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Keyframes for fade-out effect */
@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.navbar a {
    animation: fadeOut 0.3s ease-in-out forwards;
}

.navbar.open a {
    opacity: 0;
    animation: fadeIn 0.5s ease-in-out forwards;
}


.site-header a.btn.desktop {
    display: none;
}


div#navbar ul li ul li {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

div#navbar ul li.menu-item-has-children>a::after {
    content: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/chevron-down-b.svg) !important;
    display: inline-block;
    position: absolute;
    right: 0;
    transition: 0.2s;
}

div#navbar ul li.menu-item-has-children.open>a::after {
    transform: rotateX(180deg);
}

.navbar-btns-desktop{
    display: none;
}

/**
 * Scrolled
 * ----------------------------------------------------------------------------
 */




/**
 * Footer
 * ----------------------------------------------------------------------------
 */

.site-footer{
    background: linear-gradient(92deg, rgba(0, 7, 51, 0.5) 0%, rgba(0, 7, 51, 0.8) 100%), url(https://www.bengsproducts.com/wp-content/uploads/2024/10/footer-bg.png) lightgray 50% / cover no-repeat;
    padding-top: 50px;
    border-radius: 40px 40px 0 0;
    position: relative;
    z-index: 2;
}

.site-footer .above-footer h4{
    color: white;
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 140%;
}

.site-footer .above-footer .flexbox-wrapper{
    flex-direction: column;
    max-width: 600px;
}

.site-footer .above-footer .gform_wrapper.gravity-theme .gform_footer{
    padding-top: 0;
    margin-top: 8px;
}

.site-footer .above-footer .gform_wrapper.gravity-theme .gform_footer button{
    width: 100%;
}

.footer .flexbox-wrapper{
    margin-top: 48px;
    padding-top: 48px;
    padding-bottom: 48px;
    border-top: 1px solid #15A3FF;
    border-bottom: 1px solid #15A3FF;
}

.footer .flexbox-wrapper>div:first-of-type span{
    width: 259.283px;
    height: 64px;
    margin-bottom: 20px;
    background-size: cover;
}

.footer .flexbox-wrapper>div p:first-of-type{
    font-size: 16px;
    margin-bottom: 16px;
    color: white;
    font-weight: 600;
}

.footer .flexbox-wrapper>div:first-of-type{
    margin-top: 0;
}

.footer .flexbox-wrapper>div{
    margin-top: 48px;
    flex-basis: 100%;
}

.footer .flexbox-wrapper>div *{
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 16px;
    display: block;
    color: white;
}

.footer .flexbox-wrapper>div a:hover{
    text-decoration: underline;
}


.footer .flexbox-wrapper>div>*:last-child{
    margin-bottom: 0;
}


.footer .flexbox-wrapper>div:last-of-type a::before{
    content: "";
    display: inline-block;
    margin-right: 12px;
    width: 21px;
    height: 21px;
    background-size: cover;
    position: relative;
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/Facebook.svg);
    top: 5px;
}

.footer .flexbox-wrapper>div:last-of-type a:nth-of-type(2):before{
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/Instagram.svg);
}

.footer .flexbox-wrapper>div:last-of-type a:nth-of-type(3):before{
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/X.svg);
}

.footer .flexbox-wrapper>div:last-of-type a:nth-of-type(4):before{
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/LinkedIn.svg);
}

.footer .flexbox-wrapper>div:last-of-type a:nth-of-type(5):before{
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/Youtube.svg);
}


.under-footer{
    padding: 24px 0 64px;
}

.under-footer .flexbox-wrapper{
    flex-direction: column;
}

.under-footer .flexbox-wrapper>span{
    width: 63px;
    height: 27px;
}

.under-footer .flexbox-wrapper>div:nth-of-type(1){
    margin: 24px 0;
}

.under-footer .flexbox-wrapper>div:nth-of-type(1) *{
    color: white;
    font-size: 14px;
}

.under-footer .flexbox-wrapper>div:nth-of-type(1) a{
    text-decoration: underline;
}

.under-footer .flexbox-wrapper>div:nth-of-type(2) p{
    font-size: 14px;
    line-height: 150%;
    color: #FFFFFF80;
}

/**
 * Home
 * ----------------------------------------------------------------------------
 */

.homepage .hoofdlaag{
    position: relative;
    border-radius: 0 0 40px 40px;
}

.homepage .hoofdlaag::before{
    content: "";
    background-color: #0007331c;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    border-radius: 0 0 40px 40px;
}

.homepage .hoofdlaag::after{
    content: "";
    visibility: visible;
    position: absolute;
    width: 100%;
    height: calc(100% + 5px);
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/homepage-hoofdlaag-bg-rotated-1.png);
    z-index: 2;
    top: -5px;
    border-radius: 0 0 40px 40px;
    opacity: 0.5;
    background-size: cover;
}

.homepage .hoofdlaag video{
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 0;
    border-radius: 0 0 40px 40px;
}

.homepage .hoofdlaag .inner{
    z-index: 3;
}
 
.homepage .hoofdlaag .flexbox-wrapper .content{
    order: 1;
    margin-top: 20px;
    color: white;
    display: flex;
    flex-direction: column;
}

.homepage .hoofdlaag .flexbox-wrapper .content .btns {
    order: 1;
}

.homepage .hoofdlaag .flexbox-wrapper .content a.btn{
    width: 100%;
    text-align: center;
}

.homepage .hoofdlaag .flexbox-wrapper .content .ghost{
    margin-top: 16px;
}

.homepage .hoofdlaag .flexbox-wrapper>span{
    margin-top: 0;
}

.producten-info .tekst h3{
    text-align: center;
    margin-bottom: 48px;
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
}

.producten-info .tekst h3 strong{
    color: #0BB5FF;
}

.producten-info .owl-stage-outer {
    /* overflow: visible; */
}

.producten-info .productinfo-carousel .productinfo-single{
    width: 300px;
}

/*hover state*/

.producten-info .productinfo-carousel .productinfo-single:hover>div {
    margin-top: 74px;
    transition: 0.4s;
}

.producten-info .productinfo-carousel .productinfo-single:hover>span{
    height: 212.465px;
    transition: 0.4s;
}

.producten-info .productinfo-carousel .productinfo-single:hover>div a.btn {
    visibility: visible;
    height: 54px;
    margin-top: 20px;
    transition: 0.4s;
}

.producten-info .productinfo-carousel .productinfo-single:hover >div {
    padding-top: 66px;
    transition: 0.4s;
}

/*hover state*/


.producten-info .productinfo-carousel .productinfo-single>span{
    width: 285.246px;
    height: 286.465px;
    margin: 0 auto;
    margin-bottom: -60px;
    transition: 0.4s;
}

.producten-info .productinfo-carousel .productinfo-single>div{
    position: relative;
    padding: 57px 20px 40px 40px;
    border-radius: 12px;
    transition: 0.4s;
}

.producten-info .productinfo-carousel .productinfo-single>div>*{
    position: relative;
    z-index: 2;
}

.producten-info .productinfo-carousel .productinfo-single>div::before{
    content: "";
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/footer-bg.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.08;
    border-radius: 12px;
}

.producten-info .productinfo-carousel .productinfo-single>div>p:first-of-type{
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 21px;
}

.producten-info .productinfo-carousel .productinfo-single>div>p:last-of-type{
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}

.producten-info .productinfo-carousel .productinfo-single>div .flexbox-wrapper{
    align-items: center;
}

.producten-info .productinfo-carousel .productinfo-single>div a.btn {
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    margin: 20px 0px 0px 0px;
    transition: 0.4s;
}

.producten-info .productinfo-carousel .productinfo-single>div a.btn::after {
    top: inherit;
}

.producten-info .productinfo-carousel .productinfo-single>div .flexbox-wrapper:not(:last-of-type){
    margin-bottom: 10px;
}

.producten-info .productinfo-carousel .productinfo-single>div .flexbox-wrapper span{
    width: 40px;
    height: 40px;
    border: 1px solid black;
    border-radius: 100%;
    margin-right: 16px;
}

.producten-info .productinfo-carousel .productinfo-single>div .flexbox-wrapper p{
    flex-grow: 1;
    flex-basis: 50%;
}

.producten-info .productinfo-carousel .owl-item:nth-of-type(1) .productinfo-single>div>p:first-of-type, .producten-info .productinfo-carousel .owl-item:nth-of-type(1) .productinfo-single>div .flexbox-wrapper span{
    color: #15A3FF;
    border-color: #15A3FF;
}

.producten-info .productinfo-carousel .owl-item:nth-of-type(2) .productinfo-single>div>p:first-of-type, .producten-info .productinfo-carousel .owl-item:nth-of-type(2) .productinfo-single>div .flexbox-wrapper span{
    color: #00B4A5;
    border-color: #00B4A5;
}

.producten-info .productinfo-carousel .owl-item:nth-of-type(3) .productinfo-single>div>p:first-of-type, .producten-info .productinfo-carousel .owl-item:nth-of-type(3) .productinfo-single>div .flexbox-wrapper span{
    color: #9747FF;
    border-color: #9747FF;
}

.producten-info .productinfo-carousel .owl-item:nth-of-type(4) .productinfo-single>div>p:first-of-type, .producten-info .productinfo-carousel .owl-item:nth-of-type(4) .productinfo-single>div .flexbox-wrapper span{
    color: #C91D69;
    border-color: #C91D69;
}

.producten-info .productinfo-carousel .produsps {
    
}

.stappenlaag .stappen-carousel .owl-item div{
    border: 2px solid #15A3FF;
    border-radius: 24px;
    padding: 28px;
    width: 320px;
}

.stappenlaag .stappen-carousel .owl-item div span{
    width: 57px;
    height: 46px;
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.stappenlaag .stappen-carousel .owl-item div span p{
    font-weight: bold;
    font-size: 18px;
    color: white;
    position: relative;
    top: 2px;
}

.stappenlaag .stappen-carousel .owl-item div p:has(strong){
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 8px;
}

.stappen-carousel .owl-stage-outer {
    /*overflow: visible;*/
}

.reviewslaag, .homepage .informatie, .homepage .datalaag, .sub.single .bekijk-ook{
    position: relative;
}

.reviewslaag::before, .homepage .informatie::before, .homepage .datalaag::before, .page-id-627 .blokken.informatie::before, .blokken.press::before, .sub-content .veelgestelde-vragen::before, .sub-content .customer-stories-laag::before, .sub.single .bekijk-ook::before{
    content: "";
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/footer-bg.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.08;
    border-radius: 48px 48px 0 0;
    background-position: center;
    background-size: cover;
}

.homepage .informatie::before, .homepage .datalaag::before, .sub-content .blokken.press::before, .sub-content .customer-stories-laag::before{
    border-radius: 0;
}

.sub-content .veelgestelde-vragen::before{
    border-radius: 0 0 48px 48px;
}

.reviewslaag .flexbox-wrapper .content .tekst h2{
    margin-bottom: 20px;
}

.reviewslaag .flexbox-wrapper .content .btn{
    margin-top: 40px;
    padding: 12px 60px;
}

.reviewslaag .flexbox-wrapper .content .btn.blue{
    margin-top: 16px;
}

.reviewslaag .flexbox-wrapper .review-carousel{
    margin-top: 32px;
}

.review-single {
    background-color: white;
    border-radius: 20px;
    position: relative;
    max-width: 100%;
}

.review-single .inner {
    padding: 32px;
}

.review-carousel{
    position: relative;
}

.review-carousel .review-single {
    max-width: 500px;
    margin: 0 auto;
}

.review-single span.bg-img {
    width: 100%;
    height: 130px;
    background-size: cover;
    margin-bottom: 40px;
    border-radius: 10px;
}

.review-single video{
    width: 100%;
    height: 130px;
    object-fit: cover;
    margin-bottom: 50px;
    border-radius: 10px;
}

.review-single div.description {
    border-bottom: 1px solid #9747FF;
    padding-bottom: 18px;
    margin: 18px 0px;
    font-size: 14px;
    line-height: 21px;
}

.review-single div.description span.readmore {
    color: #000733;
    text-decoration: underline;
    font-weight: 500;
}

.review-single div.description span.readmore:hover {
    text-decoration: none;
}

.review-single h2.title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 33.6px */
}




/*stars css*/
/* Rating container */
.review-single span.rating {
    display: flex;
    position: relative;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 10px;
}

/* Stars container */
.review-single span.rating .stars {
    display: flex; /* Align stars in a row */
    gap: 5px; /* Add spacing between stars */
}

/* Default state for individual stars (SVGs) */
.review-single span.rating .stars svg {
    opacity: 0; /* Initially hidden */
    transform: scale(0.5) rotate(0deg); /* Start smaller with no rotation */
    transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out; /* Faster transition (0.15s) */
}

/* State for stars appearing (in animation) */
.review-single span.rating .stars svg.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg); /* Full size with no rotation */
}

/* State for stars disappearing (out animation) */
.review-single span.rating .stars svg.animate-out {
    opacity: 0;
    transform: scale(0.5) rotate(40deg); /* Shrink with a slight rotation */
}

/* Filled stars */
.review-single span.rating .stars svg.filled {
    color: #ffc107; /* Gold for filled stars */
}

/* Empty stars */
.review-single span.rating .stars svg:not(.filled) {
    color: #ccc; /* Gray for empty stars */
}

/*stars css END*/

.review-single .flexbox-wrapper.name span {
    width: 40px;
    height: 40px;
    margin-right: 12px;
    border-radius: 100%;
    background-size: cover;
    margin-bottom: 0;
    margin-right: 0 !important;
    flex-basis: unset !important;
    margin-top: 0;
}

.review-single .flexbox-wrapper.name {
    gap: 12px !important;
    padding-top: 0 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 21px */
}

.review-single .flexbox-wrapper.name div.product {
    color: #9747FF;
}

.review-single .flexbox-wrapper div{
    flex-basis: 50%;
    flex-grow: 1;
}


.review-carousel .owl-nav button{
    bottom: 0;
}

.reviewslaag .appeared-in{
    border-radius: 24px;
    background-color: white;
    padding: 24px 40px;
    margin-top: 48px; 
    flex-direction: column;
}

.reviewslaag .appeared-in>p{
    font-size: 18px;
    line-height: 27px;
    color: #15A3FF;
    font-weight: 600;
}

.reviewslaag .appeared-in div span{
    width: 100%;
    height: 124px;
    background-size: contain;
}

.reviewslaag .appeared-in div span:not(:last-of-type){
    display: none;
}

@keyframes rotateIn {
    from {
        transform: rotate(20deg);
        left: -75px;
        top: -75px;
        opacity: 0;
    }
    to {
        transform: rotate(0deg);
        left: 0;
        top: 0;
        opacity: 1;
    }
}



.blokken.informatie .tekst h3{
    margin-bottom: 20px;
}

.blokken.informatie .tekst{
    text-align: center;
    margin-bottom: 48px;
}

.blokken.informatie .informatie-carousel .informatie-single{
    width: 320px;
    position: relative;
    height: 490px;
} 

.blokken.informatie .informatie-carousel .informatie-single span{
    height: 65%;
    /* border-radius: 20px; */
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-size: cover;
    margin-bottom: -60px;
}

.blokken.informatie .informatie-carousel span.bg-img.billted {
    background-position-x: -65px;
}

.blokken.informatie .informatie-carousel span.bg-img.knowledgebase {
    background-position-x: -125px;
}

.blokken.informatie .informatie-carousel .informatie-single div.bottom {
    background-color: white;
    border-radius: 20px;
    padding: 32px;
}

.blokken.informatie .owl-stage-outer{
    
}

.page-id-627 .blokken.informatie{
    position: relative;
}

.page-id-627 .blokken.informatie .informatie-carousel .informatie-single{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.page-id-627 .blokken.informatie .informatie-carousel .informatie-single span{
    order: 1;
    height: 230px;
    margin-bottom: 0;
    border-radius: 0 0 20px 20px;
}

.page-id-627 .blokken.informatie .informatie-carousel .informatie-single div{
    height: unset;
    border-radius: 20px 20px 0 0;
    position: relative;
}

.page-id-627 .blokken.informatie .informatie-carousel .informatie-single div p:first-of-type{
    width: fit-content;
    padding: 5px 12px;
    border-radius: 50px;
    background-color: #15A3FF33;
    height: 32px;
    margin-bottom: 8px;
}

.page-id-627 .blokken.informatie .informatie-carousel .informatie-single div p:nth-of-type(2){
    font-weight: 700;
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 16px;
}

.page-id-627 .blokken.informatie .informatie-carousel .informatie-single div p:last-of-type{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.page-id-627 .blokken.informatie .informatie-carousel .owl-item:last-of-type .informatie-single div{
    background: white;
}

.page-id-627 .blokken.informatie .informatie-carousel .owl-item:last-of-type .informatie-single div p:last-of-type{
    color: #000733;
}

.page-id-627 .blokken.informatie .informatie-carousel .owl-item:last-of-type .informatie-single span{
    background-size: cover;
}

.page-id-627 .blokken.informatie .owl-dots{
    display: flex;
}

.page-id-627 .blokken.informatie .owl-nav{
    display: block;
}

.page-id-627 .blokken.informatie::before{
    border-radius: 0;
}

.page-id-627 .memberblok,
body.tax-product_cat .memberblok {
    position: relative;
    padding-bottom: 0;
}

.page-id-627 .memberblok::before,
body.tax-product_cat .memberblok::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: calc(50% + 22px);
    background-color: #ebecf5;
}

.page-id-627 .sub-content .content-afbeelding.accordionlaag.bg-color::before{
    border-radius: 0;
}



.blokken.informatie .informatie-carousel .informatie-single div.bottom {
    background-color: white;
    border-radius: 20px;
    padding: 32px;
    min-height: 190px;
    transition: 0.8s;
    position: absolute;
    bottom: 0;
    width: 100%;
}


/*hover START*/

.blokken.informatie .informatie-carousel .informatie-single:hover div.hovercontent {
    visibility: visible;
    max-height: 250px;
    opacity: 1;
    transition: 0.8s;
}

.blokken.informatie .informatie-carousel .informatie-single a.btn {
    margin-top: 20px;
}

/*hover END*/

.blokken.informatie .informatie-carousel .informatie-single div span.counter {
    font-weight: 600;
    color: #15A3FF;
}

.blokken.informatie .informatie-carousel .informatie-single div.hovercontent {
    visibility: hidden;
    max-height: 0;
    padding: 0;
    margin-top: 20px;
    opacity: 0;
    overflow: hidden;

}

.blokken.informatie .informatie-carousel .informatie-single div span.title {
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
}

.blokken.informatie .informatie-carousel .informatie-single div.content {
    margin-bottom: 24px;
    padding-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
    color: #000733;
}

.homepage .blokken.informatie .informatie-carousel .owl-item:last-of-type .informatie-single span{
    
}


.blokken.informatie .informatie-carousel .owl-item:last-of-type .informatie-single div.bottom {
    background: linear-gradient(90deg, rgba(0, 7, 51, 0.5) 0%, rgba(0, 7, 51, 0.3) 100%), url(https://www.bengsproducts.com/wp-content/uploads/2024/10/footer-bg.png) lightgray 50% / cover no-repeat;
}

.blokken.informatie .informatie-carousel .owl-item:last-of-type .informatie-single div p:last-of-type{
    color: white;
}

.homepage .datalaag{
    padding: 40px 0 104px;
}

.homepage .datalaag .flexbox-wrapper{
    flex-direction: column;
}

.homepage .datalaag .flexbox-wrapper>div{
    background-color: white;
    padding: 32px;
    border-radius: 20px;
    margin-bottom: 24px;
    text-align: center;
}

.homepage .datalaag .flexbox-wrapper>div:last-of-type{
    margin-bottom: 0;
}

.homepage .datalaag .flexbox-wrapper>div:first-of-type p:first-of-type{
    font-size: 64px;
    font-weight: bold;
    color: #C91D69;
    margin-bottom: 8px;
    line-height: 76px;
}

.homepage .datalaag .flexbox-wrapper>div:first-of-type p:nth-of-type(2){
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}

.homepage .datalaag .flexbox-wrapper>div:first-of-type p:last-of-type{
    display: none;
}

.homepage .datalaag .flexbox-wrapper>div:nth-of-type(2) p:first-of-type{
    font-size: 64px;
    font-weight: bold;
    color: #6727BC;
    margin-bottom: 8px;
    line-height: 76px;
}


.homepage .datalaag .flexbox-wrapper>div:nth-of-type(2) p:last-of-type,
.homepage .datalaag .flexbox-wrapper>div span.pretext {
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}

.homepage .datalaag .flexbox-wrapper>div:nth-of-type(3) p:first-of-type{
    font-size: 64px;
    font-weight: bold;
    color: #00B4A5;
    margin-bottom: 8px;
    line-height: 76px;
}


.homepage .datalaag .flexbox-wrapper>div:nth-of-type(3) p:last-of-type{
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}

.afbeelding-divider{
    position: relative;
}

.afbeelding-divider video {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 0;
}

.afbeelding-divider {
    overflow: hidden;
}

section.afbeelding-divider div.bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: #fff;
}

.afbeelding-divider>span{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    border-radius: 40px;
}

.afbeelding-divider>span.bg-img {
    z-index: 1;
}

.afbeelding-divider>span::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #00000080;
}

.afbeelding-divider .inner{
    padding-top: 64px;
    padding-bottom: 64px;
    z-index: 2;
}

.afbeelding-divider .tekst p{
    font-size: 32px;
    line-height: 38px;
    color: white;
}

.afbeelding-divider .inner .flexbox-wrapper span{
    width: 44px;
    height: 44px;
    background-size: cover;
    border-radius: 100%;
    margin-right: 12px;
}

.afbeelding-divider .inner .flexbox-wrapper>div{
    flex-grow: 1;
    flex-basis: 50%;
    font-weight: 600;
    font-size: 14px;
    color: white;
}

.knowledge-single{
    position: relative;
    background-color: white;
    border-radius: 20px;
    margin-bottom: 40px;
}

.knowledge-single a.article {
    font-weight: inherit;
    margin: 0;
}

.knowledge-single a.article:hover {
    text-decoration: none;
}

.knowledge-single div.inner {
    padding: 32px;
}

.knowledge-single a.article::after {
    display: none;
}

.knowledge-single .pill{
    margin-bottom: 24px;
}

.knowledge-single>p:nth-of-type(2){
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 24px;
}

.knowledge-single>a,
.knowledge-single span.read-more {
    font-weight: 600;
    display: block;
    margin-top: 32px;
    color: #000733;
}

.knowledge-single>a:hover,
.knowledge-single span.read-more:hover,
.sub-content .blokken.press .flexbox-wrapper .press-single div a:hover{
    text-decoration: underline;
}

.knowledge-single>a::after,
.knowledge-single span.read-more::after,
.sub-content .blokken.press .flexbox-wrapper .press-single div a::after{
    content: "";
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/chevron-right-b.svg);
    width: 7px;
    height: 12px;
    display: inline-block;
    margin-left: 17px;
    position: relative;
    top: 1px;
    
}

.sub-content .radius-bottom {
    margin-bottom: -30px!important;
    padding-bottom: 94px!important;
}

.sub-content .radius-top {
    padding-top: 80px;
    margin-top: -30px;
}

/*Instagram blok*/
section.instagramblok {
}

section.instagramblok .inner {
    padding: 0 4px;
}

section.instagramblok div.top {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 28px;
    padding: 0px 16px;
}

section.instagramblok div.top div.title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 28px */
    color: #15A3FF;
}

#sb_instagram #sbi_images {
    padding: 0;
}

#sb_instagram {
    padding-bottom: 0 !important;
}

#sb_instagram .sbi_item:not(.sbi_transition) .sbi_photo,
#sb_instagram .sbi_photo_wrap {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#sb_instagram .sbi_link {
    opacity: 1;
    background: rgba(0, 0, 0, 0) !important;
}

#sb_instagram .sbi_link .sbi_instagram_link {
    top: 0;
    padding: 18px;
    display: flex;
    right: 0;
}

#sb_instagram:not(.sbi_small) .sbi_link .svg-inline--fa.fa-instagram {
    height: 24px;
    width: 24px;
    color: #16222F;
}

/*Instagram blok*/




/*Trustpilot widget*/

a.trustpilot-stars {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
    line-height: 16px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    margin-bottom: 24px;
    order: 1;
}

a.trustpilot-stars:hover,
a.trustpilot-stars.black:hover {
    color: #0BB5FF;
    opacity: 0.9;
}

a.trustpilot-stars div.ratingstars {
    max-width: 100px;
}

a.trustpilot-stars div.logo {
    max-width: 80px;
}

a.trustpilot-stars img {
    width: 100%;
}

a.trustpilot-stars.black {
    color: #000;
}

a.trustpilot-stars.black {
    color: #000;
    margin: 0;
}

div.trustpilotwidget {
    display: flex;
    margin-top: 75px;
    justify-content: center;
}

/*Trustpilot widget END*/





/**
 * Subs
 * ----------------------------------------------------------------------------
 */

.sub-content .hoofdlaag{
    padding: 100px 0 64px;
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/sub-bg.png);
    background-size: cover;
    background-position: center;
    border-radius: 0 0 40px 40px;
    position: relative;
    z-index: 2;
}

.parent-pageid-623 .sub-content .hoofdlaag, .parent-pageid-677 .sub-content .hoofdlaag{
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/sub-bg-2.png);
}

.sub-content .hoofdlaag .flexbox-wrapper{
    color: white;
}

.sub-content .hoofdlaag .content-rechts{
    margin-top: 0!important;
}

.sub-content .videolaag video{
    border-radius: 20px;
}

.sub-content .videolaag video{
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
    height: 350px;
    object-fit: cover;
    display: block;
}

.sub-content .videolaag .videocontainer {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    border-radius: 20px;
    background: black;
    display: flex;
    justify-content: center;
}

.sub-content .videolaag .videocontainer iframe {
    width: 100%;
}

.page-id-621 .accordion{
    color: #15A3FF;
}

.sub-content .content-afbeelding.accordionlaag.bg-color{
    position: relative;
    border-radius: 40px 40px 0 0;
}

.sub-content .content-afbeelding.accordionlaag.bg-color::before{
    content: "";
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/footer-bg.png);
    opacity: 0.08;
    border-radius: 40px 40px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.sub-content .content-afbeelding.accordionlaag.bg-color .panel img{
    border-radius: 24px;
}

.page-id-560 .sub-content .content-afbeelding.accordionlaag.bg-color .content .tekst ul,
.page-id-627 .sub-content .content-afbeelding.accordionlaag.bg-color .content .tekst ul,
.page-id-675 .sub-content .content-afbeelding.accordionlaag.bg-color .content .tekst ul,
.page-template-sub-customer-stories .sub-content .content-afbeelding.accordionlaag .content .tekst ul,
body.tax-product_cat .sub-content .content-afbeelding.accordionlaag.bg-color .content .tekst ul,
body.single-product .content-afbeelding.accordionlaag.bg-color .content .tekst ul {
    color: #15A3FF;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin-top: -4px;
    margin-bottom: -12px;
    margin-left: 28px;
}

.page-id-560 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child,
.page-id-560 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child::before,
.page-id-627 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child,
.page-id-627 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child::before,
.page-id-675 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child,
.page-id-675 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child::before,
body.tax-product_cat .sub-content .content-afbeelding.accordionlaag.bg-color:last-child,
body.tax-product_cat .sub-content .content-afbeelding.accordionlaag.bg-color:last-child::before {
    border-radius: 0;
    margin-bottom: -20px;
}

.page-id-560 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok,
.page-id-627 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok,
.page-id-675 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok,
.page-template-sub-customer-stories .sub-content .content-afbeelding.accordionlaag:last-child .accordionblok,
body.tax-product_cat .sub-content .content-afbeelding.accordionlaag:last-child .accordionblok,
body.single-product .content-afbeelding.accordionlaag:last-child .accordionblok {
    margin-top: 48px;
}

.page-id-560 .memberblok{
    padding-bottom: 36px;
}

.memberblok .flexbox-wrapper{
    position: relative;
    padding: 32px;
    border-radius: 20px;
}

.memberblok .flexbox-wrapper::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: -1px;
    border-radius: 20px;
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/homepage-hoofdlaag-bg.png);
    opacity: 0.4;
    z-index: 1;
}

.memberblok .flexbox-wrapper video{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: 0;
    border-radius: 20px;
}

.memberblok .flexbox-wrapper div{
    position: relative;
    z-index: 2;
    
}

.memberblok .flexbox-wrapper div h2{
    color: white;
    font-size: 32px;
    line-height: 38px;
}

.memberblok .flexbox-wrapper a{
    z-index: 2;
    margin-top: 24px;
}

.sub-content .usps-laag .tekst{
    /* margin-bottom: 40px; */
}

.sub-content .usps-laag .inner .flexbox-wrapper .flexbox-wrapper{
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #6727BC;
}

.sub-content .usps-laag .inner .flexbox-wrapper .flexbox-wrapper span{
    width: 40px;
    height: 40px;
    border: 1px solid #9747FF;
    border-radius: 100%;
    margin-right: 16px;
}

.sub-content .usps-laag .inner .flexbox-wrapper .flexbox-wrapper div{
    flex-grow: 1;
    flex-basis: 50%;
}

.sub-content .usps-laag .inner .flexbox-wrapper .flexbox-wrapper div p:has(strong){
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 16px;
}

.sub-content .usps-laag .inner>.btn{
    margin-top: 40px;
}

.sub-content .content-afbeelding .content .flexbox-wrapper span{
    border: 1px solid #9747FF;
    border-radius: 100%;
}

.sub-content .content-afbeelding .inner>.flexbox-wrapper>span{
    border-radius: 20px;
}

.sub-content .formulierlaag .content .tekst p:first-of-type a{
    color: #15A3FF;
}

.sub-content .formulierlaag .content .tekst p:first-of-type a{
    color: #15A3FF;
}


.sub-content .formulierlaag .content .tekst ul {
    list-style-type: none;
    margin: 40px 0px 0px 0px;
}

.sub-content .formulierlaag .content .tekst ul li {
    margin-bottom: 16px;
}

.sub-content .formulierlaag .content .tekst ul li:nth-of-type(1)::before{
    content: "";
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/mail.svg);
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-right: 18px;
    position: relative;
    top: 2px;
}

.sub-content .formulierlaag .content .tekst ul li:nth-of-type(2)::before{
    content: "";
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/location.svg);
    display: inline-block;
    width: 16px;
    height: 20px;
    margin-right: 20px;
    position: relative;
    top: 5px;
    left: 2px;
}

.sub-content .formulierlaag .content .tekst ul li a {
    color: #000733;
}

.sub-content .formulierlaag .content .tekst ul li a:hover{
    text-decoration: underline;
}



.sub-content .blokken.press{
    position: relative;
}

.sub-content .blokken.press .flexbox-wrapper .press-single{
    padding: 32px;
    background-color: white;
    margin-bottom: 32px;
    border-radius: 20px;
}

.sub-content .blokken.press .flexbox-wrapper .press-single>span{
    width: 100%;
    height: 250px;
    background-size: cover;
    margin-bottom: 32px;
    border-radius: 20px;
}

.sub-content .blokken.press .flexbox-wrapper .press-single div h4{
    margin-bottom: 24px;
}

.sub-content .blokken.press .flexbox-wrapper .press-single div a{
    font-weight: bold;
    color: #000733;
    margin-top: 32px;
    display: block;
}

.sub-content .blokken.press .flexbox-wrapper .press-single div a:hover{
    text-decoration: underline;
}

.sub-content .formulierlaag.contact .flexbox-wrapper .content>div:last-of-type{
    padding: 32px;
    border-radius: 20px;
    position: relative;
}

.sub-content .formulierlaag.contact .flexbox-wrapper .content>div:last-of-type::before{
    content: "";
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/footer-bg.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.08;
    border-radius: 20px;
}

.sub-content .formulierlaag.contact .flexbox-wrapper .content>div:last-of-type h4{
    margin-bottom: 24px;
}

.sub-content .formulierlaag.contact .flexbox-wrapper .content>div:last-of-type a.btn{
    margin-top: 32px;
}

.sub-content .formulierlaag .flexbox-wrapper .formulierblok{
    margin-top: 40px;
}

.sub-content .formulierlaag.contact .flexbox-wrapper .content>div:last-of-type{
    margin-top: 12px;
}

.parent-pageid-623 .sub-content .hoofdlaag .content-rechts .tekst a,
.parent-pageid-677 .sub-content .hoofdlaag .content-rechts .tekst a {
    color: #15A3FF;
    text-decoration: underline;
}

.parent-pageid-677 .sub-content .hoofdlaag .content-rechts .tekst a:hover {
    text-decoration: none;
}

.sub-content .veelgestelde-vragen{
    position: relative;
}

.sub-content .veelgestelde-vragen .flexbox-wrapper{
    flex-direction: column;
}

.sub-content .veelgestelde-vragen .faq-search-container{
    border-radius: 20px;
    padding: 24px 24px 38px 24px;
    background-color: white;
    height: fit-content;
}

.sub-content .veelgestelde-vragen .faq-search-container p{
    margin-bottom: 12px;
    font-weight: 600;
}

.sub-content .veelgestelde-vragen .faq-list{
    margin-top: 40px;
}

.sub-content .veelgestelde-vragen .faq-search-container div.searchbox{
    margin-bottom: 36px;
}

.sub-content .veelgestelde-vragen .faq-search-container input[type="text"]{
    width: 100%;
}

.sub-content .veelgestelde-vragen .faq-search-container .search-options label{
    width: 100%;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F4F4F4;
    display: block;
}

.sub-content .veelgestelde-vragen .faq-search-container .search-options label input{
    appearance: none;
    border: 1px solid #15A3FF !important;
    border-radius: 100%;
    width: 14px !important;
    height: 14px !important;
    margin: 0;
    top: 2px;
    position: relative;
    background-color: white;
    padding: 0 !important;
}

.sub-content .veelgestelde-vragen .faq-search-container .search-options label input:checked{
    background-color: #15A3FF;
}

.sub-content .veelgestelde-vragen .flexbox-wrapper .extra{
    margin-top: 32px;
}

.sub-content .veelgestelde-vragen .flexbox-wrapper .extra h4{
    margin-bottom: 16px;
}

.sub-content .veelgestelde-vragen .flexbox-wrapper .extra a.btn{
    margin-top: 24px;
}

.sub-content .customer-stories-laag{
    position: relative;
    margin-bottom: -30px;
}

.results-top {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 0px 0px 40px 0px;
    flex-direction: column;
    gap: 20px;
}

select#custom-sort-order {
    background: transparent;
    border: 0;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}

.sub-content .customer-stories-laag .flexbox-wrapper .searchandfilter{
    background-color: white;
    padding: 20px 20px 40px 20px;
    border-radius: 20px;
    position: relative;  
    margin-bottom: 30px;
    width: 100%;
}

div#search-filter-results-763 .flexbox-wrapper {
    gap: 40px;
}

.sub-content .customer-stories-laag .flexbox-wrapper .searchandfilter ul{
    width: 100%;
    margin-left: 0;

}

.sub-content .customer-stories-laag .flexbox-wrapper .searchandfilter>ul>li:first-of-type{
    margin-bottom: 36px;
}

.sub-content .customer-stories-laag .flexbox-wrapper .searchandfilter .sf-field-search label{
    width: 100%;
}

.sub-content .customer-stories-laag .flexbox-wrapper .searchandfilter .sf-field-sort_order{
    display: none;
}

.sub-content .customer-stories-laag .flexbox-wrapper .searchandfilter .sf-field-sort_order select{
    background-color: transparent;
    border: none;
    font-size: 14px;
    line-height: 21px;
    min-width: fit-content;
    font-family: "Poppins", sans-serif;
}

.sub-content .customer-stories-laag .flexbox-wrapper .search-filter-results{
    margin-bottom: -70px;
}

.sub-content .customer-stories-laag .flexbox-wrapper .search-filter-results .flexbox-wrapper .review-single{

}

.sub-content.customer-archive .memberblok{
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

.sub-content.customer-archive .memberblok::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    background-color: #ebecf0;
    border-radius: 0 0 48px 48px;
}

.pill-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.pill {
    border-radius: 50px;
    height: 32px;
    padding: 4px 12px;
    font-size: 16px;
    line-height: 24px;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
}

.pill.perform, .pill.article { background-color: #15A3FF33; color: #15A3FF; }
.pill.restore, .pill.podcast { background-color: #6727BC33; color: #6727BC; }
.pill.recover { background-color: #C91D6933; color: #C91D69; }
.pill.glow, .pill.bengs-research { background-color: #00B4A533; color: #00B4A5; }
/* Add styles for other categories as needed */

.pill .close {
    margin-left: 6px;
    cursor: pointer;
    font-weight: 400;
    font-size: 19px;
    position: relative;
    top: 1px;
}

.sub.single .bekijk-ook h2{
    text-align: center;
    margin-bottom: 40px;
}


.error404 .hoofdlaag{
    padding: 64px 0 104px;
    position: relative;
    margin-bottom: -40px;
}

.error404 .hoofdlaag::after{
    content: "";
    visibility: visible;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/homepage-hoofdlaag-bg.png);
    z-index: 2;
    top: -5px;
    opacity: 0.5;
    background-size: cover;
}

.error404 .hoofdlaag video{
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 0;
}

.error404 .hoofdlaag .inner{
    color: white;
    z-index: 3;
    text-align: center;
    max-width: 650px;
}

.error404 .hoofdlaag .inner span{
    height: 108px;
    width: 270px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.error404 .hoofdlaag .inner h1{
    margin-bottom: 40px;
    font-weight: 600;
}

.error404 .hoofdlaag .inner a.btn{
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}


 /**
 * Owl Carousel - Nav
 * ----------------------------------------------------------------------------
 */
.owl-nav{
    display: block;
}

.owl-nav .owl-prev{
    width: 48px;
    height: 48px;
    border-radius: 4px;
    position: absolute; 
    background: transparent url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/owl-nav-purple.svg) no-repeat!important;
    background-position: center center!important;
    transform: rotateY(180deg);
    bottom: -24px;
    right: 61px;
    transition: 0.2s;
}

.owl-nav .owl-next{
    width: 48px;
    height: 48px;
    border-radius: 4px;
    position: absolute;
    background: transparent url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/owl-nav-purple.svg) no-repeat!important;
    background-position: center center!important;
    bottom: -24px;
    right: 0;
    transition: 0.2s;
}

.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover{
    opacity: 0.7;
}

  /**
 * Owl Carousel - Dots
 * ----------------------------------------------------------------------------
 */
.owl-dots{
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-bottom: 24px;
    width: calc(100% - 133px);
}

.owl-dots .owl-dot{
    height: 2px!important;
    background-color: #6727BC40!important;
    flex-grow: 1;
}

.owl-dots .owl-dot.active{
    height: 2px!important;
    background-color: #6727bc85!important;
}


 /**
 * Blogs - filters
 * ----------------------------------------------------------------------------
 */

 
 .searchandfilter>ul>li:first-of-type{
    padding: 0;
    margin-bottom: 22px;
 }

 .searchandfilter ul li ul::-webkit-scrollbar{
    display: none;
 }

 .sub.projecten .filters>form{
    justify-content: center;
 }

 .searchandfilter ul li ul li{
    width: 100%;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #F4F4F4;
    display: block;
    padding-top: 0;
 }

 .searchandfilter ul li ul li input{
    appearance: none;
    border: 1px solid #15A3FF !important;
    border-radius: 100%;
    width: 14px !important;
    height: 14px !important;
    margin: 0;
    top: 2px;
    position: relative;
    background-color: white;
    padding: 0 !important;
 }

 .searchandfilter ul li ul li input:checked{
    background-color: #15A3FF;
 }

 .searchandfilter ul li ul li label{
    font-size: 16px;
    line-height: 24px;
    color: #000733;
 }


 /**
 * Blogs - pagination
 * ----------------------------------------------------------------------------
 */
 .pagination{
    position: relative;
    width: 100%;
    flex-basis: 100%;
    margin-top: 30px;
}

 .pagination .wp-pagenavi {
    width: 200px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 80px;
}

.pagination .wp-pagenavi::before {
    content: "";
    background-color: #00000033;
    width: 35%;
    height: 1px;
    display: block;
    left: 0;
    position: absolute;
    top: 14px;
}

.pagination .wp-pagenavi::after {
    content: "";
    background-color: #00000033;
    width: 35%;
    height: 1px;
    display: block;
    right: 0;
    position: absolute;
    top: 14px;
}

.pagination .pages, .pagination .previouspostslink, .pagination .first, .pagination .last {
    display: none!important;
}

.pagination .current, .pagination .extend {
    border: none;
    padding: 0;
    font-weight: 500!important;
    font-size: 18px!important;
    line-height: 18px!important;
    width: fit-content;
    margin: 0!important;
    color: #313132;
    display: inline-block!important;
    padding: 0;
    margin: 0 2px!important;
}

.pagination .page {
    width: fit-content;
    border: none;
    margin: 0!important;
    color: #313132;
    display: inline-block!important;
    border-bottom: 1px solid #313132;
    padding: 0;
    margin: 0 2px!important;
    font-weight: 500!important;
    font-size: 18px!important;
    line-height: 18px!important;
}

.pagination .nextpostslink {
    color: #313132;
    font-weight: 700;
    text-decoration-line: underline;
    border: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto!important;
    width: fit-content;
    display: block;
    max-width: 400px;
    font-size: 18px!important;
    line-height: 18px!important;
}

/**
 * Contact
 * ----------------------------------------------------------------------------
 */

.formulierlaag .gform_wrapper.gravity-theme .gform_fields{
    grid-column-gap: 24px !important;
    grid-row-gap: 24px !important; 
}

.formulierlaag .formulierblok{
    flex-basis: 48%;
}

.formulierlaag .content, .formulierlaag .formulierblok{
    max-width: 696px;
}

.formulierlaag .gform_wrapper.gravity-theme .gform_footer{
    padding-top: 34px!important;
}

.sub-content .hoofdlaag.form .content-links .tekst p a{
    display: inline-block;
    margin-right: 8px;
    border-radius: 64px;
    background-color: rgba(21, 163, 255, 0.10);
    border-radius: 100%;
    width: 34px;
    height: 34px;
    background-size: 19px;
    background-position: center;
    background-repeat: no-repeat;
}

.sub-content .hoofdlaag.form .content-links .tekst p a:nth-of-type(1){
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/contact-youtube.svg);
}

.sub-content .hoofdlaag.form .content-links .tekst p a:nth-of-type(2){
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/contact-linkedin.svg);
}

.sub-content .hoofdlaag.form .content-links .tekst p a:nth-of-type(3){
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/contact-x.svg);
}

.sub-content .hoofdlaag.form .content-links .tekst p a:nth-of-type(4){
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/contact-facebook.svg);
}

/**
 * Gravity Forms
 * ----------------------------------------------------------------------------
 */

 :focus {
    outline: 0;
    outline-color: transparent;
    outline-style: none;
  }

 .gform_wrapper.gravity-theme .gform_fields{
    grid-column-gap: 8px!important;
    grid-row-gap: 8px!important;
}


 .gform_wrapper.gravity-theme .gform_required_legend, .gform_wrapper.gravity-theme .gform_fileupload_rules{
    display: none!important;
}

.gform_wrapper.gravity-theme .gfield_required{
    color: black!important;
    font-size: 16px!important;
    margin-left: -2px;
}

.gform_wrapper.gravity-theme .gfield_label{
    font-weight: 400!important;
    font-family: "Poppins", sans-serif;
    font-size: 16px!important;
    line-height: 24px;
    color: #000733;
}

.gform_wrapper.gravity-theme .gform_body, .gform_wrapper.gravity-theme .gform_footer{
    width: 100%;
}

.gform_wrapper.gravity-theme .gform_body input,
.gform_wrapper.gravity-theme .gform_body textarea,
.gform_wrapper.gravity-theme .gform_body select,
.sub-content .veelgestelde-vragen .faq-search-container input[type="text"],
.sub-content .customer-stories-laag .searchandfilter input[type="text"] {
    height: 48px;
    border: 1px solid rgba(0, 7, 51, 0.20);
    font-size: 16px!important;;
    line-height: 150%!important;;
    font-family: "Poppins", sans-serif;
    border-radius: 40px;
    padding-left: 16px!important;
    color: #000733!important;
}

.sub-content .veelgestelde-vragen .faq-search-container input[type="text"],
.sub-content .customer-stories-laag .searchandfilter input[type="text"] {
    padding-left: 48px !important;
}

.sub-content .veelgestelde-vragen .faq-search-container div.searchbox,
.sub-content .customer-stories-laag .searchandfilter li.sf-field-search label {
    position: relative;
}

.sub-content .veelgestelde-vragen .faq-search-container div.searchbox::before,
.sub-content .customer-stories-laag .searchandfilter li.sf-field-search label:before {
    content: '';
    position: absolute;
    background: url(https://www.bengsproducts.com/wp-content/uploads/2024/11/search.svg) no-repeat;
    width: 27px;
    height: 27px;
    background-size: contain;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 12px;
}



::placeholder{
    color: #00073359;
    font-size: 16px;
    line-height: 150%;
    font-family: "Poppins", sans-serif;
}

.gform_wrapper.gravity-theme .gform_body input:focus, .gform_wrapper.gravity-theme .gform_body textarea:focus, .sub-content .veelgestelde-vragen .faq-search-container input[type="text"]:focus, .sub-content .customer-stories-laag .searchandfilter input[type="text"]:focus{
    border-color: #15A3FF!important;
}

.gform_wrapper.gravity-theme .gform_body select{
    appearance: none;
}

.gform_wrapper.gravity-theme .gform_body .ginput_container_select{
    position: relative;
}

.gform_wrapper.gravity-theme .gform_body .ginput_container_select::before{
    content: "";
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/chevron-down-b.svg);
    position: absolute;
    background-size: cover;
    width: 13px;
    height: 9px;
    top: 21px;
    right: 24px;
}

.gform_wrapper.gravity-theme .gform_body select option{
    color: #00073359;
}

.gform_wrapper.gravity-theme .gform_body textarea{
    height: 96px!important;
    border-radius: 4px;
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 1px solid #c02b0a!important;
}

.gform_wrapper.gravity-theme .gform_footer{
    padding-bottom: 0!important;
}

.gform_wrapper.gravity-theme .gform_footer .gform_button.button{
    margin-bottom: 0;
    height: 54px!important;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors>h2{
    font-family: "Poppins", sans-serif;
    line-height: 100%!important;
    color: #c02b0a!important;
}

.gform-icon--circle-error:before{
    color: #c02b0a!important;
}

.gform_wrapper.gravity-theme .validation_message{
    display: none;
}

.gform_wrapper.gravity-theme .gfield.gfield--type-consent input{
    appearance: none;
    border: 1px solid #16133E99 !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0;
    top: 2px;
    position: relative;
    background-color: white;
    padding: 0 !important;
}

.gform_wrapper.gravity-theme .gfield.gfield--type-consent label a{
    text-decoration: underline;
    color: #000733;
}

.gform_wrapper.gravity-theme .gfield.gfield--type-consent label a:hover{
    text-decoration: none;
}

.gform_wrapper.gravity-theme .gfield.gfield--type-consent input:checked {
    background-color: #16133E;
}






/*Woocommerce styles START*/

body.woocommerce ul.products, .woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 48px;
    margin-bottom: 0;
    width: 100%;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
    float: unset;
    clear: unset;
    padding: 0px;
    gap: 24px;
    margin: 0;
}

.woocommerce ul.products li.product a {
    flex-grow: 1;
}

.woocommerce ul.products li.product .inner {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.woocommerce ul.products li.product div.top {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebeef3+0,ebecfb+100 */
    background: linear-gradient(to bottom,  #ebeef3 0%,#ebecfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 40px 32px;
}

.woocommerce ul.products li.product div.inner a div.top {
    color: #000733;
}

.woocommerce ul.products li.product div.image {
    display: flex;
    justify-content: center;
}

.woocommerce ul.products li.product div.image img {
    max-height: 240px;
    margin-bottom: 40px;
    width: inherit;
}

.woocommerce ul.products li.product div.content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    align-self: stretch;
}

.woocommerce ul.products li.product div.title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.woocommerce ul.products li.product div.title h3 {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #15A3FF;
}

.producten-info .productinfo-carousel .productinfo-single span.subtitle {
    padding: 0;
    line-height: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #15A3FF;
    display: flex;
    margin: 5px 0px 20px 0px;
    justify-content: center;
}

.woocommerce ul.products li.product div.content h2 {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    padding: 0;
}

.woocommerce ul.products li.product div.content div.subtitle {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    text-align: center;
    margin: 5px 0px 20px 0px;
    border: solid 1px red;
}

.woocommerce ul.products li.product-type-subscription div.content span.subtitle {
    text-align: center;
}

body.tax-product_cat ul.products li.product div.content span.subtitle {
    text-align: center;
}

body.tax-product_cat ul.products li.product div.content span.subtitle a {
    color: #000733;
    text-decoration: underline;
    font-weight: 500;
    display: flex;
    justify-content: center;
}

body.tax-product_cat ul.products li.product div.content span.subtitle a:hover {
    text-decoration: none;
}

.woocommerce ul.products li.product div.bottom {
}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    content: " ";
    display: none;
}

section.prod-results {
    padding: 80px 0px 40px 0px;
}

.woocommerce ul.products li.product .button {
    display: flex;
    padding: 15px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 0;
    width: 100%;
}

.woocommerce ul.products li.product .button::after,
.woocommerce div.product form.cart .button::after {
    content: "";
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/button-arrow.svg);
    width: 19px;
    height: 20px;
    display: inline-block;
    background-position: center;
    background-size: cover;
    position: relative;
}

.woocommerce ul.products li.product .onsale {
    display: none;
}


/*price*/
.woocommerce ul.products li.product .price {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 30px */
    color: #15A3FF;
    margin: 0;
}
/*price end*/



.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
    padding: 14px 24px;
    display: block;
    width: fit-content;
    transition: 0.2s;
    font-weight: 600;
    cursor: pointer;
    line-height: 100%;
    border-radius: 40px;
    color: white;
    border: 1px solid transparent;
    background: linear-gradient(90deg, #10AEFF -54.46%, #435CFF 100%);
    font-size: 16px;
    line-height: 150% !important;
    position: relative;
    font-family: "Poppins", sans-serif;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
    background: linear-gradient(270deg, #10AEFF -54.46%, #435CFF 100%);
    color: #fff;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled] {
    padding: 14px 24px;
    color: #fff;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    display: flex;
    font-size: inherit;
    margin-bottom: inherit;
    width: 100%;
    justify-content: center;
    padding: 14px 24px;
    align-items: center;
    gap: 12px;
}

.woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before {
    display: none;
}

.woocommerce div.product form.cart div.quantity {
    float: inherit;
    margin: 0;
    width: 100%;
}

.woocommerce div.product form.cart p.amount {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
}

.woocommerce .quantity .qty {
    width: inherit;
    text-align: left;
    padding: 12px 16px;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    border: solid 2px #15A3FF;
    background: transparent;
}

.woocommerce div.product p.price {
    display: flex;
    color: #000733;
    align-items: center;
    gap: 16px;
    margin: 24px 0px;
}

.woocommerce div.product p.price ins,
.woocommerce div.product p.price bdi {
    order: 1;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 41.6px */
    text-decoration: none;
}

.woocommerce div.product p.price del {
    order: 2;
    opacity: 1;
}

.woocommerce div.product p.price del bdi {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.woocommerce div.product form.cart .button {
    vertical-align: inherit;
    float: inherit;
    width: 100%;
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
}

.woocommerce div.product form.cart {
    margin: 0;
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: transparent;
}



/*Woocommerce styles END*/





/*Woocommerce single product START*/

body.single-product .site-header {
    background: #000733 !important;
}

body.single-product div.type-product {
    position: relative;
    padding: 48px 0px;
    -webkit-border-bottom-right-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-bottomright: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    overflow: hidden;
}

body.single-product div.type-product .flexbox-wrapper {
    gap: 32px;
}

body.single-product div.type-product div.prod-left,
body.single-product div.type-product div.summary {
    flex: 1;
    max-width: 100%;
    margin: 0;
}


body.single-product div.type-product::before,
.content-builder section.standaardcontent::before {
    content: "";
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/footer-bg.png);
    background-size: cover;
    opacity: 0.08;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: inherit;
    width: inherit;
    clear: none;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    float: inherit;
    width: inherit;
}

/*iconic wp thumb main image*/
.iconic-woothumbs-all-images-wrap {
    width: 100% !important;
    margin: 0 !important;
}

.iconic-woothumbs-images-wrap {
    max-height: 275px; 
    overflow: hidden; 
    position: relative; 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bdbabc+52,ffffff+100 */
    background: linear-gradient(to bottom,  #bdbabc 52%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.iconic-woothumbs-images__image {
    height: 100%;
    max-height: 275px; 
    width: auto;
    object-fit: contain; 
    padding: 50px;
}
/*iconic wp thumb main image*/


/*iconic wp thumb thumbnails*/
/* Each slide wrapper */
.iconic-woothumbs-thumbnails__slide {
    width: 130px;
    height: 100px;
}

/* Image wrapper to keep images centered and aligned within fixed dimensions */
.iconic-woothumbs-thumbnails__image-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: solid 1px #000733;
}

.iconic-woothumbs-thumbnails__slide--active .iconic-woothumbs-thumbnails__image-wrapper {
    border: solid 1px #15A3FF;
}

/* Image styling */
.iconic-woothumbs-thumbnails__image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    padding: 5px;
}

.iconic-woothumbs-thumbnails__image-wrapper:after {
    border: none !important;
}

.iconic-woothumbs-thumbnails__image-wrapper:before {
    border: none !important;
}
/*iconic wp thumb thumbnails*/




body.tax-product_cat .sub-content .hoofdlaag{
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/11/products-head-bg.jpg);
}

body.single-product div.type-product div.banner {
    display: flex;
    padding: 8px 12px;
    flex-direction: column;
    align-items: center;
    background: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 21px */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 16px;
}

body.single-product div.type-product div.banner strong {
    color: #15A3FF;
}

body.single-product div.type-product div.summary h1.product_title.entry-title {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    margin-bottom: 14px;
}

body.single-product div.breadcrumbs {
    position: relative;
    top: inherit;
    margin-bottom: 32px;
}

body.single-product #breadcrumbs * {
    color: #000733;
}

body.single-product div.type-product div.summary div.summary-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

body.single-product div.type-product div.summary ul.usps {
    margin: 25px 0px;
    list-style-type: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
}

body.single-product div.type-product div.summary ul.usps li {
    display: flex;
    align-items: flex-start;
    padding: 7px 0px;
}

body.single-product div.type-product div.summary ul.usps li img {
    margin: 0px 16px 0px 0px;
}


/*staffelkorting tabel*/

.volume-pricing-table {
    display: flex;
    flex-direction: row;
    gap: 12px;
    margin: 12px 0px;
}

.volume-pricing-table .quantity-price {
    border: solid 3px #fff;
    background: #fff;
    padding: 12px 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    flex: 0 0 25%;
}

.volume-pricing-table .quantity-price .pricing {
    text-align: center;
}

.volume-pricing-table .quantity-price.active,
.volume-pricing-table .quantity-price:hover {
    border: solid 3px #15A3FF;
}

.volume-pricing-table .price-container {
    flex: 1;
}

.volume-pricing-table .price-container .discount-percentage {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    margin: 12px 0px 0px 0px;
    color: #009A06;
}

span.volume-pricing-table-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.rp_wcdpd_product_page {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
}

/*staffelkorting tabel*/


body.single-product div.type-product div.summary ul.bottom-usps {
    list-style-type: none;
    margin: 16px 0px 32px 0px;
    font-size: 14px;
}

body.single-product div.type-product div.summary ul.bottom-usps li {
    padding: 4px 0px;
    text-align: center;
}

.ppc-button-wrapper {
    display: none !important;
}

/*Woocommerce single product END*/




/*Yith affiliate START*/

.yith-wcaf-registration-form .login-form, .yith-wcaf-registration-form .register-form {
    border-radius: 10px;
    padding: 30px;
    margin: 20px 0px;
}

.yith-wcaf-registration-form .login-form input[type="checkbox"], 
.yith-wcaf-registration-form .register-form input[type="checkbox"] {
    width: inherit;
}

.yith-wcaf-registration-form .login-form a, 
.yith-wcaf-registration-form .register-form a {
    color: #000733;
    text-decoration: underline;
    font-weight: 500;
}

.yith-wcaf-registration-form .login-form a:hover, 
.yith-wcaf-registration-form .register-form a:hover {
    text-decoration: none;
}

.yith-wcaf-registration-form .login-form select, 
.yith-wcaf-registration-form .register-form select {
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    font-weight: 400;
    font-size: 16px;
    padding: 10px;
    border: 0;
}

.yith-wcaf-registration-form .login-form p.form-row .error-msg, .yith-wcaf-registration-form .register-form p.form-row .error-msg {
    position: relative;
    bottom: inherit;
    left: inherit;
}

.yith-wcaf-registration-form .already-an-affiliate-wrapper a.button, 
.yith-wcaf-registration-form .become-an-affiliate-form a.button, 
.yith-wcaf-registration-form .pending-request-wrapper a.button, 
.yith-wcaf-registration-form .rejected-request-wrapper a.button {
    margin: 0px auto;
    
}

.yith-wcaf-dashboard table.yith-wcaf-table a {
    color: #000733;
}

.yith-wcaf-dashboard .yith-wcaf-dashboard-settings input[type=submit] {
    float: right;
    margin: 0;
    background: #000733;
    color: #fff;
    width: auto;
    border-radius: 20px;
}

.yith-wcaf-table-top-bar input[type="submit"] {
    display: inline-block;
    margin-left: 5px;
    max-width: 170px;
    min-width: 0;
    background: #000733;
    color: #fff;
}

.yith-wcaf-dashboard form {
    display: block;
}

.yith-wcaf-dashboard .yith-wcaf-dashboard-summary .affiliate-stats .stat-box {
    background: #fff;
}

.yith-wcaf-dashboard table.yith-wcaf-table tr td {
    background: #fff;
}

/*Yith affiliate END*/




/*Woocommerce cart START*/


.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: inherit;
    width: 100%;
}

.woocommerce-cart .cart-collaterals .cart_totals table a {
    color: #000733;
}


tr.cart-discount,
tr.cart-discount a {
    color: #15A3FF !important;
}

body.woocommerce-cart .cart-cols {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 48px;
    align-items: flex-start;
}

body.woocommerce-cart .cart-cols h2.cart-title,
body.woocommerce-checkout form.woocommerce-checkout h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
    text-align: left;
    margin-bottom: 24px;
}

body.woocommerce-cart form.woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals {
    max-width: 100%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    padding: 20px;
    width: 100%;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    max-height: 110px;
}


.woocommerce a.remove {
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/trash.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.woocommerce a.remove:hover {
    background: transparent;
    background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/trash.svg);
    opacity: 0.6;
}

.woocommerce table.shop_table td.product-name a {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    color: #2A3846;
    text-decoration: none;
}

.woocommerce table.shop_table td.product-name {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    flex-direction: column;
    text-align: left !important;
    width: 100px;
}

.woocommerce table.shop_table td.product-quantity,
.woocommerce table.shop_table td.product-remove {
    vertical-align: top;
}

.woocommerce table.shop_table td.product-name span.product-price {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
}

.woocommerce table.shop_table td.product-thumbnail {
    background: linear-gradient(to bottom, #bdbabc 52%, #ffffff 100%);
    width: 100px;
    text-align: center !important;
}

.woocommerce table.shop_table {
    margin: 0;
    border: 0;
}

.woocommerce table.shop_table td {
    border: 0;
    padding: 10px 0;
}

td.actions {
    background: transparent !important;
}

.woocommerce table.shop_table th {
    padding: 10px 0px;
}

.woocommerce table.shop_table .quantity {
    display: flex;
    color: #2A3846;
}

.woocommerce table.shop_table .qty {
    border: 0;
    border-radius: inherit;
    width: 50px;
    text-align: center;
    padding: 0;
}

.woocommerce table.shop_table .quantity button {
    border: 0;
    background: transparent;
    font-size: 10px;
}


/* --- Free products chooser --- */

.free-product-chooser {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
    border-top: 1px solid #e9e6ed;
    padding: 15px 0px;
    margin: 15px 0px;
}

.free-product-chooser ul {
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 0;
}

.free-product-chooser ul li {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.free-product-chooser h2 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.free-product-chooser ul li img {
    max-height: 200px;
    width: auto;
}

.free-product-chooser ul li h4.product-title {
    font-size: 20px;
    line-height: 20px; 
}

/* --- Free products chooser END --- */





/* --- Read-Only Style for Free Item Quantity --- */

/* Hide the + and - buttons */
.woocommerce-cart .cart_item.gemini-free-item .quantity button {
    visibility: hidden;
    pointer-events: none;
}

/* Make the number input look like plain text */
.woocommerce-cart .cart_item.gemini-free-item .quantity input.qty {
    border: none;
    background-color: transparent;
    box-shadow: none;
    cursor: default;
    pointer-events: none; /* Prevents clicking/editing */
}

/* --- Read-Only Style for Free Item Quantity --- */







/*Language switcher styles*/


/* --- Basic Language Dropdown --- */

/* 1. Position the main container */
#menu-language-switcher .menu-item-has-children {
    position: relative; /* Required to position the dropdown */
}

/* 2. Hide the dropdown (the .sub-menu) by default */
#menu-language-switcher .sub-menu {
    display: none;
    position: absolute;
    top: 130%; /* Position it right below the parent */
    left: 0;
    background-color: #ffffff;
    min-width: 150px; /* Adjust as needed */
    z-index: 1000;
    padding: 5px 0;
    margin-top: 5px; /* Optional spacing */
}

/* 3. A class to show the dropdown when clicked */
#menu-language-switcher .sub-menu.show {
    display: block;
}

#menu-language-switcher li a {
    width: auto;
    color: #fff;
}

/* 4. Basic styling for the links inside the dropdown */
#menu-language-switcher .sub-menu li a {
    color: #333;
    display: block; /* Make the whole area clickable */
    white-space: nowrap;
    height: auto;
    padding: 10px;
}

#menu-language-switcher .sub-menu li a:hover {
    background-color: #f5f5f5;
}

/* 5. Clean up default menu styles */
#menu-language-switcher,
#menu-language-switcher .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Target the specific span inside any link within the language menu */
#menu-language-switcher a span[data-no-translation] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Target only the span inside the currently active language item */
#menu-language-switcher .current-language-menu-item > a > span[data-no-translation] {
    font-weight: bold;
}


/* Target only the spans inside the sub-menu (the dropdown) */
#menu-language-switcher .sub-menu a span[data-no-translation] {
    font-weight: normal;
}

.menu-item-object-language_switcher .trp-flag-image {
    margin: 0;
}
/*Language switcher styles END*/












.woocommerce table.shop_table .quantity input[type="number"]::-webkit-outer-spin-button,
.woocommerce table.shop_table .quantity input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
    border-spacing: 0;
}

tr.woocommerce-cart-form__cart-item.cart_item {
    padding-bottom: 24px;
    display: flex;
    justify-content: space-between;
}

form.woocommerce-cart-form table.woocommerce-cart-form__contents tr {
    display: flex;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td {
    text-align: left;
}

.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
    text-align: left !important;
}

.woocommerce-cart tr.cart-subtotal {
    font-weight: 700;
}

body.page-template-sub-content .breadcrumbs {
    max-width: 1512px;
    width: 100%;
}

body.woocommerce-cart .content-builder section.standaardcontent div.inner,
body.woocommerce-checkout .content-builder section.standaardcontent div.inner,
body.woocommerce-cart .breadcrumbs,
body.woocommerce-checkout .breadcrumbs {
    max-width: 1368px;
    width: 100%;
    text-align: center;
}

.standaardcontent .inner>.flexbox-wrapper>.content h1.page-title {
    text-align: center;
}

.standaardcontent .inner>.flexbox-wrapper>.content .content {
    padding-top: 24px;
}

body.woocommerce-checkout .content-builder section.standaardcontent div.inner {
    text-align: inherit;
}

a.shoplink {
    color: #000733;
    text-decoration: underline;
    z-index: 1;
    position: relative;
}

a.shoplink:hover {
    text-decoration: none;
}


.woocommerce table.shop_table td.actions div.coupon {
    
}


.coupon {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-top: 24px;
}

.coupon span.title {
    margin-bottom: 8px;
}

.coupon .coupon-form {
    position: relative;
}

.coupon .coupon-form input {
    width: 100%;
}

.coupon .coupon-form button {
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: transparent;
    color: blue;
    padding: 0;
    width: 27px;
    height: 27px;
    display: flex;
}

.coupon .coupon-form button:hover {
    background: transparent;
    opacity: 0.8;
}

td.actions div.coupon {
    display: none;
}

/*Woocommerce cart END*/



/*Woocommerce checkout START*/

body.woocommerce-checkout div.col2-set {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 48px;
    align-items: flex-start;
    padding-top: 24px;
}

body.woocommerce-checkout div.col2-set div.col-1,
body.woocommerce-checkout div.col2-set div.col-2 {
    max-width: 100%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    padding: 20px;
}

body.woocommerce-checkout div.col2-set div.col-2 {
    background: transparent;
    padding: 0;
}

body.woocommerce-checkout div.col2-set div.col-2 div.inner {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    padding: 20px;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: inherit;
    width: inherit;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: inherit;
    width: inherit;
}

.woocommerce .col2-set::after,
.woocommerce .col2-set::before,
.woocommerce-page .col2-set::after,
.woocommerce-page .col2-set::before {
    display: none;
}

body.woocommerce-checkout form.woocommerce-checkout input[type=text],
body.woocommerce-checkout form.woocommerce-checkout input[type=tel],
body.woocommerce-checkout form.woocommerce-checkout input[type=email],
body.woocommerce-checkout form.woocommerce-checkout input[type=number],
body.woocommerce-checkout form.woocommerce-checkout textarea,
div.coupon input[type=text],
.select2-container--default .select2-selection--single {
    height: 48px;
    border: 1px solid rgba(0, 7, 51, 0.20);
    font-size: 16px !important;
    line-height: 150% !important;
    font-family: "Poppins", sans-serif;
    border-radius: 40px;
    padding-left: 16px;
    color: #000733;
}

/*checkout country field*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}

.select2-results__option {
    font-family: "Poppins", sans-serif;
}
/*checkout country field END*/

body.woocommerce-checkout form.woocommerce-checkout textarea {
    height: 5em;
}

body.woocommerce-checkout form.woocommerce-checkout input {
    width: inherit;
}

body.woocommerce-checkout form.woocommerce-checkout a {
    color: #000733;
    text-decoration: underline;
}

body.woocommerce-checkout form.woocommerce-checkout a:hover {
    text-decoration: none;
}

h3#ship-to-different-address {
    margin: 24px 0px;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: transparent;
    border-radius: 5px;
    margin-top: 24px;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    padding: 0;
    border: 0;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: #ebecf4;
    color: #000733;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #ebecf4;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    display: flex;
    font-size: inherit;
    margin-bottom: inherit;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.woocommerce #payment #place_order::after,
.woocommerce-page #payment #place_order::after,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::after,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button::after {
    content: "";
    background-image: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/button-arrow.svg);
    width: 19px;
    height: 20px;
    display: inline-block;
    background-position: center;
    background-size: cover;
    position: relative;
}

.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    border-bottom: 1px solid #F4F4F4;
    border-top: 0;
}

.woocommerce table.shop_table tbody th {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.woocommerce table.shop_table tfoot th {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

form.woocommerce-shipping-calculator {
    justify-content: flex-start;
}

.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
    display: none;
}


body.woocommerce-checkout ul.bottom-usps {
    list-style-type: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    list-style-type: none;
    color: #000733;
    margin: 40px 0px 0px 0px;
}

body.woocommerce-checkout ul.bottom-usps li {
    padding: 8px 0px;
    text-align: center;
}

body.woocommerce-checkout ul.bottom-usps li img {
    margin-right: 16px;
}

/*Woocommerce checkout END*/




/*Woocommerce my account START*/
body.woocommerce-account div.woocommerce {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    padding-top: 24px;
}

body.woocommerce-account.logged-in div.woocommerce {
    gap: 48px;
}

body.woocommerce-account .breadcrumbs {
    display: none;
}

nav.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
    max-width: 100%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    padding: 40px;
}


.woocommerce-MyAccount-content fieldset {
    border: 0;
    width: 100%;
    border: solid 1px rgba(0, 7, 51, 0.20);
    margin: 20px 0px;
}

.woocommerce-MyAccount-content legend {
    font-weight: 700;
}

.woocommerce-MyAccount-content input[type=text],
.woocommerce-MyAccount-content input[type=tel],
.woocommerce-MyAccount-content input[type=email],
.woocommerce-MyAccount-content input[type=password],
.woocommerce-MyAccount-content textarea {
    height: 48px;
    border: 1px solid rgba(0, 7, 51, 0.20);
    font-size: 16px !important;
    line-height: 150% !important;
    font-family: "Poppins", sans-serif;
    border-radius: 40px;
    padding-left: 16px;
    color: #000733;
}


.woocommerce-MyAccount-content h2 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
}

.woocommerce-MyAccount-content a {
    color: #000733;
    text-decoration: underline;
}

.woocommerce-MyAccount-content a:hover {
    text-decoration: none;
}

.woocommerce-account .woocommerce::after,
.woocommerce-account .woocommerce::before {
    display: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    padding: 3px 0px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul a {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
    color: #000733;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul a:hover {
    text-decoration: underline;
}

.woocommerce-checkout #payment ul.payment_methods li input:checked + label {
    font-weight: 700;
}



/*Woocommerce my account END*/




/*Woocommerce login START*/

body.woocommerce-account h1.page-title {
    display: none;
}

body.woocommerce-account.logged-in h1.page-title {
    display: block;
}

body.woocommerce-account .breadcrumbs {
    position: relative;
}

body.woocommerce-account.logged-in .breadcrumbs {
    position: absolute;
}

body.woocommerce-account .tabbed-form {
    max-width: 560px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    padding: 40px;
    margin: 0 auto;
}

.tabbed-form .form-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.tabbed-form h2 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
    margin: 32px 0px !important;
}

.tabbed-form .tab-link {
    background: none;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    width: 50%;
    font-family: "Poppins", sans-serif;
    border-bottom: solid 1px transparent;
}

.tabbed-form .tab-link.active {
    border-bottom: 1px solid #15A3FF; /* Active tab color */
    color: #15A3FF;
}

.tabbed-form .form-content {
    display: none;
}

.tabbed-form .form-content.active {
    display: block;
}

.woocommerce form.login,
.woocommerce form.register {
    border: 0;
    padding: 0;
    margin: 0;
}

body.woocommerce-account .tabbed-form input[type=text],
body.woocommerce-account .tabbed-form input[type=tel],
body.woocommerce-account .tabbed-form input[type=email],
body.woocommerce-account .tabbed-form input[type=password] {
    height: 48px;
    border: 1px solid rgba(0, 7, 51, 0.20);
    font-size: 16px !important;
    line-height: 150% !important;
    font-family: "Poppins", sans-serif;
    border-radius: 40px;
    padding-left: 16px;
    color: #000733;
}

body.woocommerce-account .tabbed-form a {
    color: #000733;
    text-decoration: underline;
}

body.woocommerce-account .tabbed-form a:hover {
    text-decoration: none;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: flex;
    width: 100%;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input {
    width: auto;
}



/*Woocommerce login END*/











/**
 * Media Queries
 * ----------------------------------------------------------------------------
 */
@media (min-width:425px) {


}

@media (min-width:700px) {

}


@media (min-width:768px) {
 /**
 * PAGE BUILDER CONTENT
 * ----------------------------------------------------------------------------
 */

 .content-afbeelding .inner>.flexbox-wrapper, .twee-kolom-content .inner>.flexbox-wrapper{
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
 }

.content-afbeelding .inner>.flexbox-wrapper>.content,
.twee-kolom-content .inner>.flexbox-wrapper>.content-links,
.twee-kolom-content .inner>.flexbox-wrapper>.content-rechts{
    flex-basis: 48%;
 }
    
.content-afbeelding .inner>.flexbox-wrapper>.content.center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
    
.standaardcontent .inner>.flexbox-wrapper>.content {
    flex-basis: 100%;
}
    
.content-afbeelding.reverse .flexbox-wrapper>.content {
    order: 2;
}

 .content-afbeelding .inner>.flexbox-wrapper>span{
    flex-basis: 48%;
    margin-top: 0;
    background-size: cover;
    height: unset;
    border-radius: 24px;
 }
 .twee-kolom-content .inner>.flexbox-wrapper>div:last-of-type{
    margin-top: 0;
 }

 .gecentreerde-content .inner>.flexbox-wrapper{
    align-items: center;
    text-align: center;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
 } 

 .gecentreerde-content .inner>.flexbox-wrapper>.content .flexbox-wrapper{
    justify-content: center;
 }

 .gecentreerde-content .inner>.flexbox-wrapper>.content .flexbox-wrapper p{
    max-width: fit-content;
 }

 .gecentreerde-content .inner>.flexbox-wrapper>.content>.btn, .gecentreerde-content .inner>.flexbox-wrapper>.content>span:last-of-type{
    margin-left: auto;
    margin-right: auto;
 }

 .blokken .pretitel{
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
 }

 .blokken .tekst{
    text-align: center;
 }

 .afbeelding-slider .pretitel{
    text-align: center;
 }

 .afbeelding-slider .tekst{
    text-align: center;
 }

 .afbeelding-slider .slider{
    margin-left: auto;
    margin-right: auto;
 }
 
}

@media (min-width:768px) {

    .review-single>div:first-of-type p{
        max-height: 144px;
        overflow: hidden;
    }

    .homepage .hoofdlaag .flexbox-wrapper .content{
        order: unset;
    }

    .homepage .hoofdlaag .flexbox-wrapper .content a.btn{
        width: 240px;
        display: inline-block;
        margin-right: 12px;
        margin-top: 16px;
    }
    
    a.trustpilot-stars {
        margin-top: 20px;
        order: 2;
        margin-bottom: 0;
    }
    
    div.trustpilotwidget {
        margin-top: 40px;
    }

    .review-carousel::before{
        content: "";
        background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/11/Card-container.png);
        position: absolute;
        top: -80px;
        left: -72px;
        width: calc(100% + 97px);
        height: calc(100% + 76px);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 20px;
        z-index: -1;
    }

    .reviewslaag .flexbox-wrapper .review-carousel{
        width: 48%;
        margin-top: 0;
    }
    
    .reviewslaag .flexbox-wrapper .review-carousel{
        max-width: 500px;
    }

    .reviewslaag .appeared-in{
        flex-basis: 100%;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 100px;
    }

    .reviewslaag .appeared-in p{
        flex-basis: fit-content;
    }

    .reviewslaag .appeared-in div span{
        width: 100px;
        margin: 0 15px;
        display: inline-block;
    }

    .reviewslaag .appeared-in div span:nth-of-type(1){
        width: 120px;
    }

    .reviewslaag .appeared-in div span:nth-of-type(2){
        width: 80px;
    }

    .reviewslaag .appeared-in div span:nth-of-type(3){
        width: 200px;
    }

    .reviewslaag .appeared-in div span:not(:last-of-type){
        display: inline-block;
    }

    .reviewslaag .inner>.flexbox-wrapper{
        align-items: center;
        padding-top: 50px;
    }
    
     .reviewslaag .accordionlaag .inner>.flexbox-wrapper{
        align-items: stretch;
    }

    .review-carousel .owl-nav button{
        bottom: calc(50% - 48px);
    }

    .review-carousel .owl-nav button.owl-prev{
        right: unset;
        left: -20px;
    }

    .review-carousel .owl-nav button.owl-next{
        right: -15px;
    }

    .blokken.informatie .tekst{
        max-width: 530px;
        margin-left: auto;
        margin-right: auto;
    }

    .homepage .datalaag .flexbox-wrapper{
        flex-direction: row;
        justify-content: space-between;
        position: relative;
    }

    .homepage .datalaag .flexbox-wrapper>div{
        flex-basis: 32%;
        margin-bottom: 0;
    }

    .homepage .datalaag .flexbox-wrapper>div:nth-of-type(1){
        padding: 80px 32px 80px;
    }

    .homepage .datalaag .flexbox-wrapper>div:first-of-type p:last-of-type{
        display: block;
        font-size: 16px;
        font-weight: bold;
        line-height: 22px;
        margin-top: 24px;
    }

    .homepage .datalaag .flexbox-wrapper>div:nth-of-type(2){
        height: fit-content;
        align-self: end;
    }

    .homepage .datalaag .flexbox-wrapper>div:nth-of-type(3){
        height: fit-content;
        align-self: start;
    }

    .homepage .datalaag .flexbox-wrapper>span:nth-of-type(1){
        width: 32%;
        height: 194px;
        background-size: cover;
        position: absolute;
        left: 34%;
        top: 0;
        border-radius: 20px;
    }

    .homepage .datalaag .flexbox-wrapper>span:nth-of-type(2){
        width: 32%;
        height: 194px;
        background-size: cover;
        position: absolute;
        right: 0;
        bottom: 0;
        border-radius: 20px;
    }

    .sub-content .veelgestelde-vragen .flexbox-wrapper .extra.mobile{
        display: none!important;
    }

    .sub-content .veelgestelde-vragen .flexbox-wrapper .extra.desktop{
        display: block!important;
    }

    .sub-content .veelgestelde-vragen .flexbox-wrapper{
        flex-direction: row;
    }

    .sub-content .veelgestelde-vragen .flexbox-wrapper .faq-search{
        flex-basis: 250px;
    }
    
    .sub-content .veelgestelde-vragen .faq-list{
        flex-basis: 50%;
        flex-grow: 1;
        margin-left: 50px;
        margin-top: 0;
    }

    .sub-content .formulierlaag .flexbox-wrapper .formulierblok{
        margin-top: 0;
    }

    .sub-content .usps-laag .tekst h2,
    .sub-content .productenblok .tekst h2 {
        text-align: center;
    }

    .sub-content .usps-laag .inner>.flexbox-wrapper{
        justify-content: space-between;
    }

    .sub-content .usps-laag .inner .flexbox-wrapper .flexbox-wrapper{
        flex-basis: 48%;
    }

    .sub-content .usps-laag .inner>.btn{
        margin-left: auto;
        margin-right: auto;
    }

    .afbeelding-divider .tekst p{
        font-weight: 700;
        max-width: 672px;
    }

    .sub-content .hoofdlaag{
        background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/sub-bg-rotated-1.png);
    }

    .parent-pageid-623 .sub-content .hoofdlaag, .parent-pageid-677 .sub-content .hoofdlaag{
        background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/sub-bg-2-rotated-1.png);
    }

    .content-afbeelding.accordionlaag .accordionblok{
        flex-basis: 48%;
    }

    .memberblok .flexbox-wrapper{
        flex-direction: column;
    }

    .page-id-560 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok,
    .page-id-627 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok,
    .page-id-675 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok,
    .page-template-sub-customer-stories .sub-content .content-afbeelding.accordionlaag:last-child .accordionblok,
    body.tax-product_cat .sub-content .content-afbeelding.accordionlaag:last-child .accordionblok,
    body.single-product .content-afbeelding.accordionlaag:last-child .accordionblok {
        margin-top: 0;
    }

    .page-id-560 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .content,
    .page-id-627 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .content,
    .page-id-675 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .content,
    .page-template-sub-customer-stories .sub-content .content-afbeelding.accordionlaag:last-child .content{
        max-width: 500px;
    }

    .page-id-560 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok,
    .page-id-627 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok,
    .page-id-675 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok,
    .page-template-sub-customer-stories .sub-content .content-afbeelding.accordionlaag:last-child .accordionblok{
        flex-grow: 1;
        margin-left: 25px;
    }

    .sub-content .blokken.press .press-single{
        flex-basis: 49%;
    }

    .sub-content .blokken.press .press-single:nth-of-type(2n+1){
        margin-right: 2%;
    }

    .sub-content .customer-stories-laag .flexbox-wrapper .search-filter-results .flexbox-wrapper .review-single{

    }

    .knowledge-single{
        flex-basis: 49%;
    }

    .knowledge-single:nth-of-type(2n + 1){
        margin-right: 2%;
    }

    .sub.single .hoofdlaag .content-links{
        text-align: center;
        max-width: 768px;
        margin-left: auto;
        margin-right: auto;
        flex-basis: 100%!important;
    }

    .footer .flexbox-wrapper{
        justify-content: space-between;
    }

    .footer .flexbox-wrapper>div{
        flex-basis: 48%!important;
    }

    .footer .flexbox-wrapper>div:last-of-type p:nth-child(2){
        max-width: 200px;
    }

    .footer .flexbox-wrapper>div:nth-child(2){
        display: block;
        margin-top: 0;
    }

    .under-footer .flexbox-wrapper{
        flex-direction: row;
    }

    .under-footer .flexbox-wrapper>span{
        width: 96px;
        height: 41px;
    }

    .under-footer .flexbox-wrapper>div:nth-of-type(1){
        flex-grow: 1;
        text-align: right;
        margin: 0;
    }

    .under-footer .flexbox-wrapper>div:nth-of-type(1) *{
        display: inline-block;
    }

    .under-footer .flexbox-wrapper>div:nth-of-type(1) p:first-of-type{
        margin-right: 24px;
    }

    .under-footer .flexbox-wrapper>div:nth-of-type(2){
        margin-top: 32px;
        flex-basis: 100%;
    }

    .under-footer .flexbox-wrapper>div:nth-of-type(2) p{
        max-width: 865px;
    }
    
    body.woocommerce ul.products, .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
    
    body.single-product div.type-product div.prod-left,
    body.single-product div.type-product div.summary {
        max-width: calc(50% - 40px);
    }
    
    nav.woocommerce-MyAccount-navigation {
        max-width: calc(35% - 24px);
    }

    .woocommerce-MyAccount-content {
        max-width: calc(65% - 24px);
    }
    
    body.single-product div.type-product div.banner {
        padding: 8px 64px;
    }
    
    body.single-product div.type-product .flexbox-wrapper {
        gap: 80px;
    }
    
    body.woocommerce-cart form.woocommerce-cart-form, body.woocommerce-cart .cart-collaterals {
        max-width: calc(50% - 24px);
        padding: 40px;
    }
    
    .woocommerce table.shop_table td.product-thumbnail {
        width: inherit;
    }   
    
    body.woocommerce-checkout div.col2-set div.col-1, body.woocommerce-checkout div.col2-set div.col-2 {
        max-width: calc(50% - 24px);
    }
    
    body.woocommerce-checkout div.col2-set div.col-1 {
        padding: 40px;
    }
    
    .iconic-woothumbs-images-wrap,
    .iconic-woothumbs-images__image {
        max-height: 575px; 
    }
    
    body.woocommerce-checkout div.col2-set div.col-2 div.inner {
        padding: 40px;
    }
    
    .woocommerce table.shop_table_responsive tr td,
    .woocommerce-page table.shop_table_responsive tr td {
        text-align: right !important;
    }
    
    form.woocommerce-shipping-calculator {
        justify-content: flex-end;
    }
    
    section.instagramblok div.top {
        flex-direction: row;
        justify-content: space-between;
    }

}


@media (min-width: 1024px) {
    .top-header .inner #close-header{
        width: 15px;
        height: 14px;
        background-image: url('https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/close-w.svg');
        margin-left: auto;
        cursor: pointer;
    }

    .site-header {
        transition: 0.2s;
        height: 80px;
        background: transparent!important;
        padding: 12px 0;
        box-shadow: unset;
    }

    .site-header.scrolled {
        height: 80px;
        padding: 12px 0;
        background: #000733!important;
    }

    .site-header.scrolled div#navbar ul .sub-menu{
        top: 17px;
    }

    .site-header.has-topheader.top-header-desktop{
        top: 56px;
    }

    .hfeed.site:has(.has-topheader.top-header-desktop){
        margin-top: 56px;
    }

    .page-template-sub-content .top-header{
        display: none;
    }

    .page-template-sub-content .site-header{
        top: 0!important;
    }

    .page-template-sub-content .hfeed.site{
        margin-top: 0!important;
    }


    .site-header .navbar-btn {
        display: none;
    }

    a[href^="tel:"] {
        text-decoration: none;
    }

    .site-header .inner {
        padding: 0 24px;
    }

    header.site-header div.menu {
        display: none;
    }

    div#navbar {
        transition: unset;
        text-align: center;
        flex-basis: fit-content;
        flex-grow: 1;
        order: 2;
        overflow: visible;
        border-top: 0;
        top: 1px;
        height: 56px;
    }

    .navbar a {
        animation: unset;
    }

    .navbar .menu-menu-1-container {
        position: relative;
    }

    div#navbar ul {
        max-height: unset;
        overflow: visible;
        position: absolute;
        top: 14px;
        width: fit-content;
        right: 0;
        left: 0;
        margin-left: auto;
    }

    div#navbar .nav-menu>li {
        border-bottom: none !important;
        padding-bottom: 0;
        margin: 0 12px;
        width: fit-content;
        display: inline-block;
        border-top: 0 !important;
        padding-bottom: 0;
        border-bottom: 0;
    }


    div#navbar .nav-menu>li.menu-item-has-children {
        margin-right: 25px;
        padding-bottom: 40px;
    }

    .nav-menu>li:first-of-type {
        padding: 0;
    }

    div#navbar ul li a{
        display: unset;
        transition: 0.2s;
        font-size: 16px;
        line-height: 16px;
        color: white;
    }

    div#navbar ul.sub-menu li a{
        color: #000733;
    }

    div#navbar ul li.menu-item-has-children>a::after {
        content: url(https://www.bengsproducts.com/wp-content/themes/2024-05-theme/images/chevron-down-w.svg) !important;
    }

    .nav-menu li.menu-item-has-children>a::after {
        top: 3px;
        right: -20px !important;
    }

    .nav-menu .sub-menu {
        display: block;
        opacity: 0;
        pointer-events: none;
    }

    div#navbar ul .sub-menu {
        padding: 30px 25px 0 25px;
        left: -24px;
        transition: 0.3s;
        box-shadow: rgba(17, 12, 46, .15) 0 48px 50px 0;
        width: max-content;
        top: 17px;
        background: #ffffff;
        padding-top: 0;
        margin-top: 36px;
        margin-right: auto;
    }

    div#navbar .nav-menu>li:last-of-type .sub-menu {
        right: -20px;
        left: unset;
    }

    div#navbar ul .sub-menu li {
        padding: 0 0 15px;
        display: block;
        width: fit-content;
        border: none;
    }

    .nav-menu li:hover .sub-menu,
    .nav-menu .sub-menu:hover {
        display: block;
        opacity: 1 !important;
        pointer-events: all !important;
    }

    .site-header .inner .home-link {
        margin-left: 0;
        width: 156px;
        height: 56px;
    }

    .site-header .btn.navbar-mobile {
        display: none;
    }
    
    body.woocommerce ul.products, .woocommerce ul.products {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .woocommerce ul.products.columns-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    body.single-product div.type-product {
        padding: 130px 0 30px;
    }
    
    .woocommerce table.shop_table td.product-thumbnail {
        width: 165px;
    }
    
    .woocommerce table.shop_table td.product-name {
        
    }
    
    body.woocommerce-checkout .woocommerce table.shop_table td.product-name {
        
    }
    
    body.woocommerce-account .breadcrumbs {
        display: block;
    }
    
    .producten-info .productinfo-carousel .productinfo-single>div a.btn {
        visibility: hidden;
        height: 0;
        padding: 0;
        margin: 0;
        border: 0;
    }
    
    .blokken.informatie .informatie-carousel .informatie-single div.hovercontent {
        visibility: hidden;
        max-height: 0;
        padding: 0;
        transition: 0.8s;
        opacity: 0;
        overflow: hidden;
    }
    
    .standaardcontent .inner>.flexbox-wrapper>.content h1.page-title {
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 57.6px */
    }
    
    .woocommerce-cart .cart-collaterals .cart_totals tr td {
        text-align: right;
    }
    
    body.woocommerce-checkout div.col2-set div.col-2 table.shop_table td {
        padding: 10px;
    }

}

@media (min-width: 1024px) {
    .mobile{
        display: none!important;
    }

    .desktop{
        display: block;
    }
    
    h1 {
        font-size: 56px;
        line-height: 67px;
    }
    
    h2 {
        font-size: 48px;
        line-height: 57px;
    }
    
    h3{
        font-size: 40px;
        line-height: 48px;
    }
    
    h4{
        font-size: 32px;
        line-height: 41px;
    }
    
    .sub h1{
    
    }
    
    .sub h2{
    
    }
    
    .sub h3{
    
    }
    
    .sub h4{
    
    }

    .error404 .hoofdlaag .inner h1{
        font-size: 48px;
        line-height: 58px;
        font-weight: 600;
    }

    .error404 .hoofdlaag .inner p{
        font-size: 18px;
        line-height: 27px;
    }

    .error404 .hoofdlaag{
        padding: 180px 0 180px;
    }

    .homepage .hoofdlaag h1{
        
    }

    .homepage .hoofdlaag{
        padding: 100px 0 112px;
    }

    .stappenlaag .flexbox-wrapper{
        display: flex;
    }

    .stappenlaag .flexbox-wrapper.stappen>div{
        border: 2px solid #15A3FF;
        border-radius: 24px;
        padding: 28px;
        flex-basis: 32%;
        margin-bottom: 40px;
    }

    .stappenlaag .flexbox-wrapper.stappen>div:nth-child(n + 4){
        margin-bottom: 0;
    }

    .stappenlaag .flexbox-wrapper.stappen>div:nth-of-type(3n + 2){
        margin-left: 2%;
        margin-right: 2%;
    }

    .stappenlaag h2{
        margin-bottom: 40px;
    }

    .stappenlaag .flexbox-wrapper.stappen>div span{
        width: 57px;
        height: 46px;
        margin-bottom: 24px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .stappenlaag .flexbox-wrapper.stappen>div span p{
        font-weight: bold;
        font-size: 18px;
        color: white;
        position: relative;
        top: 2px;
    }

    .stappenlaag .flexbox-wrapper.stappen>div p:has(strong){
        font-weight: 700;
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 8px;
    }

    .reviewslaag .appeared-in div span:nth-of-type(1){
        width: 150px;
    }

    .reviewslaag .appeared-in div span:nth-of-type(2){
        width: 80px;
    }

    .reviewslaag .appeared-in div span:nth-of-type(3){
        width: 200px;
    }

    .content-afbeelding .inner>.flexbox-wrapper>span{
        /* max-width: 450px; */
        height: 630px;
    }
    
    .review-single .flexbox-wrapper.name span {
        height: 40px;
    }
    
    .content-afbeelding .inner>.flexbox-wrapper>span.bg-img.big {
        height: 630px;
    }
    
    .content-afbeelding .inner>.flexbox-wrapper>span.bg-img.small {
        height: 450px;
    }

    .homepage .hoofdlaag .flexbox-wrapper .content{
        margin-top: 0;
    }

    .homepage .hoofdlaag .flexbox-wrapper{
        align-items: center;
    }

    .bekijk-ook .knowledge-single{
        flex-basis: 32%;
        margin-bottom: 0;
    }

    .bekijk-ook .knowledge-single:nth-of-type(2n + 1){
        margin-right: 0;
    }

    .bekijk-ook .knowledge-single:nth-of-type(3n + 2){
        margin-left: 2%;
        margin-right: 2%;
    }

    .sub.single .bekijk-ook h2{
        margin-bottom: 80px;
    }

    .producten-info .tekst h3{
        max-width: 650px;
    }

    .producten-info .productinfo-carousel .productinfo-single{
        width: 350px;
    }

    .producten-info .productinfo-carousel .productinfo-single>div{
        padding-top: 140px;
        padding-right: 40px;
    }

    .producten-info .productinfo-carousel .productinfo-single>span{
        margin-bottom: -150px;
    }

    .sub-content .content-afbeelding .inner>.flexbox-wrapper>span{
        height: unset;
        max-width: unset;
    }

    .sub-content .content-afbeelding .flexbox-wrapper .content .tekst{
        margin-bottom: 32px;
    }

    .sub-content .content-afbeelding .flexbox-wrapper .content a.btn{
        margin-top: 40px;
    }

    .reviewslaag{
        padding-top: 120px;
    }

    .review-single span.bg-img {
        height: 236px;
    }

    .reviewslaag .flexbox-wrapper .content .btn{
        display: inline-block;
        margin-right: 10px;
        margin-top: 0;
    }

    .review-single div.description {
        margin: 24px 0px;
        padding-bottom: 24px;
        font-size: 16px;
        line-height: 24px;
    }
    
    .review-single div.description a {
        color: #000733;
        text-decoration: underline;
        font-weight: 500;
    }
    
    .review-single div.description a:hover {
        text-decoration: none;
    }

    .knowledge-single div.inner {
        padding: 48px;
    }

    .reviewslaag .appeared-in{
        margin-top: 150px;
    }

    .reviewslaag .flexbox-wrapper .content .tekst h2{
        font-size: 56px;
        line-height: 67px;
    }

    .reviewslaag .flexbox-wrapper .content .tekst p{
        font-size: 18px;
    }

    .blokken.informatie{
        padding-top: 20px;
    }

    .parent-pageid-623 .sub-content .hoofdlaag .content-rechts .tekst, .parent-pageid-677 .sub-content .hoofdlaag .content-rechts .tekst{
        font-size: 18px;
        line-height: 27px;
        max-width: 696px;
    }

    .page-id-627 .blokken.informatie {
        padding-top: 100px;
    }

    .page-id-627 .memberblok,
    body.tax-product_cat .memberblok {
        padding-top: 70px;
    }

    .page-id-627 .memberblok::before,
    body.tax-product_cat .memberblok::before {
        height: 115px;
    }

    .blokken.informatie .tekst h3 {
        font-size: 48px;
        line-height: 58px;
    }

    .blokken.informatie .tekst{
        max-width: 738px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 80px;
    }

    .blokken.informatie .informatie-carousel .informatie-single{
        width: 350px;
        height: 490px;
    }

    .blokken.informatie .informatie-carousel .informatie-single span{
        /* height: 573px; */
        /* margin-bottom: -150px; */
    }

    .homepage .blokken.informatie .informatie-carousel .owl-item:last-of-type .informatie-single span{
        /* height: 450px; */
        /* margin-bottom: -27px; */
        /* background-position-y: 0; */
    }

    .review-single{
        max-width: calc(50% - 20px);
    }

    .homepage .datalaag{
        padding-top: 0;
    }

    .homepage .datalaag .flexbox-wrapper>div:nth-of-type(1){
        padding: 130px 32px;
    }

    .homepage .datalaag .flexbox-wrapper>div:first-of-type p:last-of-type{
        font-size: 20px;
        line-height: 28px;
    }

    .homepage .datalaag .flexbox-wrapper>div p:first-of-type{
        font-size: 80px;
        line-height: 96px;
    }

    .homepage .datalaag .flexbox-wrapper>span{
        height: calc(100% - 229px)!important;
    }

    .homepage .datalaag .flexbox-wrapper>div p:first-of-type{
        font-size: 80px!important;
        line-height: 96px!important;
    }

    .sub-content .radius-bottom{
        margin-bottom: -30px!important;
        padding-bottom: 130px!important;
    }

    .sub-content .radius-top{
    }
    
    .results-top {
        margin: 50px 0px 80px 0px;
        flex-direction: row;
    }

    .sub-content .hoofdlaag{
        padding-top: 240px !important;
    }

    .sub-content .customer-stories-laag{
        padding-bottom: 140px;
    }

    .sub-content .customer-stories-laag .flexbox-wrapper .searchandfilter{
        flex-basis: 350px;
        margin-right: 40px;
        height: fit-content;
        position: sticky;
        top: 100px;
        margin-bottom: 0;
    }

    .sub-content .customer-stories-laag .flexbox-wrapper .searchandfilter .sf-field-sort_order{

    }

    .pill-container{

    }

    .sub-content .customer-stories-laag .inner>.flexbox-wrapper{
        position: relative;
    }

    .sub-content .customer-stories-laag .flexbox-wrapper .search-filter-results{
        flex-basis: 50%;
        flex-grow: 1;
    }

    .breadcrumbs{
        top: 180px;
        max-width: 1512px;
        margin: 0 auto;
        width: 100%;
        left: 0;
        right: 0;
    }
    
    body.standaardcontent .breadcrumbs,
    body.woocommerce-account.logged-in .breadcrumbs {
        top: 215px;
        text-align: left;
    }
    
    body.woocommerce-account .breadcrumbs {
        top: 180px;
    }

    .sub-content .blokken.press .flexbox-wrapper .press-single div h4, .sub-content .formulierlaag.contact .flexbox-wrapper .content>div:last-of-type h4{
        font-size: 24px;
        line-height: 34px;
    }

    .sub-content .formulierlaag.contact .flexbox-wrapper .content>div:last-of-type{
        padding: 48px;
    }

    .afbeelding-divider .inner{
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .sub-content .usps-laag .tekst h2,
    .sub-content .productenblok .tekst h2 {
        margin-bottom: 40px;
    }

    .sub-content .usps-laag .inner>.btn{
        margin-top: 80px;
    }

    .sub-content .hoofdlaag{
        padding: 40px 0 100px;
    }

    .sub-content .hoofdlaag h1{
        font-size: 48px;
        line-height: 58px;
        font-weight: 600;
    }

    .afbeelding-divider .tekst p{
        font-size: 40px;
        line-height: 48px;
    }

    .sub-content .videolaag video{
        height: 436px;
    }

    .sub-content .videolaag{
        padding-top: 80px;
    }

    .sub-content .accordionlaag h2,
    .reviewslaag .accordionlaag .flexbox-wrapper .content .tekst h2,
    .single-product section h2 {
        font-size: 40px;
        line-height: 48px;
    }

    .memberblok .flexbox-wrapper div h2 {
        font-size: 40px;
        line-height: 48px;
        margin-right: 50px;
    }

    .memberblok .flexbox-wrapper{
        flex-direction: row;
        justify-content: space-between;
        padding: 48px;
    }

    .memberblok{
        padding-bottom: 0;
        position: relative;
    }

    .memberblok::before{
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: calc(50% + 22px);
        background-color: #ebecf5;
    }

    .page-id-560 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok, .page-id-627 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok, .page-id-675 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok, .page-template-sub-customer-stories .sub-content .content-afbeelding.accordionlaag:last-child .accordionblok{
        margin-left: 39px;
    }

    .page-id-560 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child, .page-id-560 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child::before, .page-id-675 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child, .page-id-675 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child::before{
        padding-bottom: 160px;
        margin-bottom: -40px;
    }

    .page-id-627 .blokken.informatie .informatie-carousel .informatie-single{
        width: 470px;
    }

    .page-id-627 .blokken.informatie .informatie-carousel .informatie-single div{
        height: 234px;
    }

    .page-id-627 .blokken.informatie .informatie-carousel .informatie-single div p:nth-of-type(2){
       font-size: 32px;
       line-height: 42px; 
    }

    .sub-content .blokken.press .flexbox-wrapper .press-single>span{
        height: 400px;
    }

    .sub-content .blokken.press .flexbox-wrapper .press-single{
        padding: 48px;
        margin-bottom: 80px;
    }

    .sub-content .hoofdlaag .content-rechts{
        font-size: 18px;
    }

    .blokken.informatie .tekst p{
        font-size: 18px;
    }

    .sub-content .accordionlaag .content .tekst p{
        font-size: 18px;
    }

    .sub-content .blokken.press .flexbox-wrapper{
        margin-bottom: -80px;
    }

    .sub-content .veelgestelde-vragen .flexbox-wrapper .faq-search{
        flex-basis: 440px;
    }

    .site-footer{
        padding-top: 80px;
    }

    .site-footer .gform_wrapper.gravity-theme .gform_fields>.gfield{
        grid-column: span 6;
    }

    .site-footer .above-footer .flexbox-wrapper{
        max-width: unset;
        flex-direction: row;
    }
    
    .site-footer .above-footer .flexbox-wrapper>div{
        width: 100%;
    }

    .site-footer .above-footer .flexbox-wrapper .gform_body{
        width: 66%;
    }

    .site-footer .above-footer .gform_wrapper.gravity-theme .gform_footer{
        width: 33%;
        margin-top: 0;
    }

    .footer .flexbox-wrapper>div{
        flex-basis: fit-content!important;
        max-width: 24%;
        margin-top: 0!important;
    }

    .footer .flexbox-wrapper{
        padding: 64px 0;
        margin-top: 80px;
    }

    .under-footer{
        padding: 32px 0 80px;
    }
}

@media (min-width: 1024px) {
     /**
 * PAGE BUILDER CONTENT
 * ----------------------------------------------------------------------------
 */

.content-builder>section, 
.sub.single>section:nth-child(n + 3),
.content-builder section.reviewslaag section.accordionlaag {
    padding-top: 100px;
    padding-bottom: 100px;
}

.content-builder section.standaardcontent {
    padding-top: 180px;
}

.sub.single .contentlaag .flexbox-wrapper .content img{
    margin: 54px 0;
}

.sub.single .contentlaag .flexbox-wrapper .content{
    flex-grow: 1;
    flex-basis: 50%;
    margin-right: 80px;
}

.sub.single .contentlaag .flexbox-wrapper .content h2{
    font-size: 40px;
    line-height: 48px;
}

.sub.single .contentlaag .flexbox-wrapper .content h3{
    font-size: 32px;
    line-height: 42px;
}

.sub.single .contentlaag .flexbox-wrapper .content h4{
    font-size: 20px;
    line-height: 28px;
}


.sub.single .hoofdlaag .flexbox-wrapper figure:has(figcaption){
    margin-top: 40px!important;
    margin-bottom: 40px!important;
}

.sub.single .hoofdlaag .flexbox-wrapper .content p:has(img){
    margin: 40px 0!important;
}

.sub.single .hoofdlaag .flexbox-wrapper .content blockquote{
    margin: 40px 0 40px!important;
}


body.single{
    overflow: visible;
}

.afbeelding-slider .owl-stage-outer .owl-item img{
    max-width: 709px;
        max-height: 620px;
}

}

@media (min-width: 1520px) {
    div#navbar .nav-menu>li:last-of-type .sub-menu {
        left: -24px;
        right: unset;
    }

    div#navbar ul{
        margin-right: auto;
    }

    .site-header .navbar-desktop{
        order: 2;
        display: block;
    }

    .homepage .content-afbeelding .inner>.flexbox-wrapper>span{
        margin-right: 140px;
        max-width: 450px;
    }

    .reviewslaag .flexbox-wrapper .review-carousel{
        max-width: 730px;
    }

    .homepage .hoofdlaag::before{
        background-image: url(https://www.bengsproducts.com/wp-content/uploads/2024/10/hoofdlaag-bg-druppel.svg);
    }

    .reviewslaag .flexbox-wrapper .content{
        max-width: 616px;
    }

    .stappenlaag .flexbox-wrapper.stappen>div{
        padding: 48px;
    }

    .page-id-560 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok, .page-id-627 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok, .page-id-675 .sub-content .content-afbeelding.accordionlaag.bg-color:last-child .accordionblok, .page-template-sub-customer-stories .sub-content .content-afbeelding.accordionlaag:last-child .accordionblok{
        margin-left: 80px;
    }

    .page-id-627 .blokken.informatie .owl-nav, .page-id-627 .blokken.informatie .owl-dots{
        display: none;
    }

    .sub-content .usps-laag .inner .flexbox-wrapper .flexbox-wrapper{
        max-width: 616px;
    }

    .sub-content .usps-laag .inner .flexbox-wrapper .flexbox-wrapper:nth-child(2n){
        margin-right: 80px;
    }

    .sub-content .usps-laag .inner .flexbox-wrapper .flexbox-wrapper:nth-child(2n+1){
        margin-left: 80px;
    }

    .sub-content .veelgestelde-vragen .flexbox-wrapper .faq-search{
        flex-basis: 500px;
    }

    .sub-content .veelgestelde-vragen .flexbox-wrapper .extra.desktop{
        margin-top: 40px;
    }

    .sub-content .veelgestelde-vragen .flexbox-wrapper .faq-list{
        margin-left: 80px;
    }

    .footer .flexbox-wrapper>div{
        flex-basis: 266px!important;
    }

    .site-footer .above-footer .flexbox-wrapper{
        justify-content: space-between;
    }

    .site-footer .above-footer .flexbox-wrapper>div{
        max-width: 840px;
    }

    .site-footer .above-footer .flexbox-wrapper .gform_body{
        width: 77%;
    }

    .site-footer .above-footer .gform_wrapper.gravity-theme .gform_footer{
        max-width: 186px;
    }

    .reviewslaag .flexbox-wrapper .review-carousel{
        margin-right: 0;
    }

}



@media (min-width: 1220px) {
    
    .woocommerce table.shop_table td.product-name {
        width: 180px;
    }
    
    .reviewslaag .flexbox-wrapper .review-carousel{
        margin-right: 24px;
    }

}






@media (max-width: 1024px) {

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="submit"],
    textarea {
        -webkit-appearance: none;
        border-radius: 0;
    }

    a[href^="tel"] {
        text-decoration: none;
    }
}