.dnd-section.full-width-forcedd{padding:0!important}
.dnd-section.full-width-forcedd>div,.dnd-section.full-width-forcedd>div>div{padding-left:0px!important;padding-right:0px!important;max-width:none!important}





/* headerStrip ******************************************************************/
.headerStrip .headerStripBox { gap: 10px; flex-wrap: nowrap; }
.headerStrip .headerStripWrapper { column-gap: 50px; row-gap: 10px; line-height: 1.25; }
.headerStrip .ratingImage { line-height: 1; max-width: 238px; }
.headerStrip .ratingImage img { width: 100%; }

/* banner ******************************************************************/
.banner .title { flex-wrap: nowrap; align-items: flex-start; }
.banner .title h1,.banner .title .h1 { margin: 0; flex: 1; }
.banner .title span { font-size: 32px; color: #ffffff; background: #F20C1F; padding: 12px 16px 6px; border-radius: 8px; font-family: Staatliches, sans-serif; line-height: 1; margin-right: 14px; }
.banner .textBox ul { margin: 0; padding: 0; list-style: none; }
.banner .textBox ul li { margin: 0; position: relative; padding-left: 25px; }
.banner .textBox ul li:before { content: ''; position: absolute; left: 2px; background-image: url('https://www.kozien.nl/hubfs/basbak_2025/Images/check-green.svg'); background-repeat: no-repeat; background-size: contain; width: 13px; height: 10px; top: 8px; }
.banner .bannerBox.left { max-width: 608px; width: 100%; }
.banner .measurement .box { flex-wrap: nowrap; gap: 8px; line-height: 1; }
.banner .measurement { gap: 16px; }
.banner .measurement .box .measurementName { color: #40011E80; }
.banner .bannerBox.right { max-width: 504px; margin-left: auto; width: 100%; background: #ffffff; padding: 24px 24px 32px; border-radius: 16px; border: 1px solid #0000001A; box-shadow: 0px -1px 0px 0px #0000001A inset; }
.banner .bannerBox.right .labelBox .label { border: 1px solid #00000033; border-radius: 8px; padding: 9px 19px 6px; }
.banner .bannerBox.right .labelBox { gap: 8px; }
.banner .bannerBox.right .checkBoxWrapper .checkBox { border: 1px solid #0000001A; border-radius: 8px; padding: 15px 20px; display: flex; justify-content: space-between; cursor: pointer; gap: 10px; align-items: center; }
.banner .bannerBox.right .checkBoxWrapper .checkBox p { font-size: 12px; line-height: 1; margin-top: 6px; color: #40011E80; }
.banner .bannerBox.right .checkBoxWrapper .checkBox:not(:first-child) { margin-top: 8px; }
.banner .bannerBox.right .checkBoxWrapper .checkBox .right h4 { color: #F20C1F; }
.banner .bannerBox.right .checkBoxWrapper .checkBox .left { position: relative; padding-left: 24px; }
.banner .bannerBox.right .checkBoxWrapper .checkBox .left:before { content: ''; width: 16px; height: 16px; border: 1px solid #330118; position: absolute; left: 0; top: 3px; border-radius: 50%; }
.banner .bannerBox.right .checkBoxWrapper .checkBox .right { flex: 0 0 auto; }
.banner .bannerBox.right .checkBoxWrapper .checkBox.active { border: 1px solid #330118; background: #BF63781A; gap: 10px; }
.banner .bannerBox.right .checkBoxWrapper .checkBox.active .left:before { background: url('https://www.kozien.nl/hubfs/basbak_2025/Images/check_white.svg'); border: none; }
.banner .bannerBox.right .checkBoxWrapper .checkBox.active .left:before { background: #82A600 url(https://www.kozien.nl/hubfs/basbak_2025/Images/check_white.svg) no-repeat; border: none; background-position: center; }
.banner .bannerBox.right .labelBox .label:hover,.banner .bannerBox.right .labelBox .label.active { border-color:#330118; background: #BF63781A; }
.banner .bannerBox.right .paymentBox { line-height: 1; gap: 16px; }
.banner .bannerBox.right .paymentBox img { height: 100% !important; }
.banner .bannerBox.right .paymentBox .payment { max-height: 20px; }
.banner .bannerBox.right .button a { width: 100%; justify-content: center; }
.banner .bannerBox.right .endText p { font-size: 14px; line-height: 1; }
.banner .bannerBox.right .checkBoxWrapper, .banner .bannerBox.right .button, .banner .bannerBox.right .endText, .banner .bannerBox.right .paymentBox { padding-top: 24px; }

.banner .stepForm .bannerBox.left { max-width: 835px; }
.banner .stepForm .bannerBox.left .formBox { background: #ffffff; padding: 40px 24px; border-radius: 16px; border: 1px solid #0000001A; box-shadow: 0px -1px 0px 0px #0000001A inset; }
.banner .stepForm .bannerBox.right { max-width: 365px; background: #ffffff; padding: 0; border-radius: 16px; border: 1px solid #0000001A; box-shadow: 0px -1px 0px 0px #0000001A inset; overflow: hidden; }
.banner .stepForm form { background: none; padding: 0; border-radius: 0; border: none; }
.banner .stepForm form .inputGroup label { font-family: Staatliches, sans-serif; line-height: 1; margin-bottom: 8px; display: block; }
.banner .stepForm form .inputGroup textarea { min-height: 110px; }
.banner .stepForm .bannerBox.right .imageBox img { aspect-ratio: 3/2.05; width: 100%; }
.banner .stepForm .bannerBox.right .contentBox { padding: 24px; }
.banner .stepForm .bannerBox.right .contentBox .yourContainerWrapperTitle h5 { font-size: 18px; margin-bottom: 16px; }
.banner .stepForm .bannerBox.right .contentBox .yourContainerBox { border: 1px solid #0000001A; padding: 19px 20px; border-radius: 8px; }
.banner .stepForm .bannerBox.right .contentBox .yourContainerBox:not(:first-child) { margin-top: 8px; }
.banner .stepForm .bannerBox.right .contentBox .yourContainerBox p { font-size: 12px; line-height: 1; margin-top: 4px; }
.banner .stepForm .bannerBox.right .contentBox .totalAmount h4 { margin: 0; }
.banner .stepForm .bannerBox.right .contentBox .totalAmount { gap: 10px; margin: 20px -24px 0; padding: 20px 24px 0; border-top: 1px solid #0000001A; }
.banner .stepForm .stepFormTitle p { line-height: 1; margin-top: 6px; }
.banner .stepForm .formWrapper { margin: 0 -16px; row-gap: 16px; }
.banner .stepForm .formWrapper .inputGroup { padding: 0 16px; }
.banner .stepForm .dropDownContent ul { list-style: none; padding: 0; margin: 0; box-shadow: 0px 4px 12px 0px #00000033; border: 1px solid #0000001A; border-radius: 4px; margin-top: 4px; }
.banner .stepForm .dropDownContent ul li { position: relative; margin: 0; padding: 18px 20px; display: flex; align-items: center; }
.banner .stepForm .dropDownContent ul li:not(:last-child) { border-bottom: 1px solid #0000001A; }
.banner .stepForm .dropDownContent ul li:before { content: ''; position: relative; width: 20px; height: 20px; display: block; margin-right: 8px; background: url('https://www.kozien.nl/hubfs/basbak_2025/Images/search.svg') no-repeat; background-size: contain; background-position: center; }

/* imageModuleTwo ******************************************************************/
.imageModuleTwo .imageBox { aspect-ratio: 3/1.04; }
.imageModuleTwo .imageBox img { height: 100% !important; object-fit: cover; }

/* whatIsAnd ******************************************************************/
.whatIsAnd .whatIsAndBox { width: 32.5%; padding: 32px 24px 24px; background: #ffffff; border: 1px solid #0000001A; box-shadow: 0px -1px 0px 0px #0000001A inset; border-radius: 8px; display: flex; flex-direction: column; }
.whatIsAnd .whatIsAndWrapper .leftBox { max-width: 376px; margin-right: 22px; }
.whatIsAnd .whatIsAndBox .imageBox { width: 42px; height: 42px; }
.whatIsAnd .whatIsAndBox .imageBox img { width: 100%; height: 100% !important; object-fit: contain; }
.whatIsAnd .whatIsAndBox ul { margin: 0; padding: 0; list-style: none; padding-top: 30px; }
.whatIsAnd .whatIsAndBox ul li { margin: 0; padding-left: 24px; position: relative; }
.whatIsAnd .whatIsAndBox ul li:not(:first-child) { margin-top: 3.5px; }
.whatIsAnd .whatIsAndBox ul li:before { background: url('https://www.kozien.nl/hubfs/basbak_2025/Images/check-green.svg') no-repeat; background-position: center; content: ''; width: 14px; height: 14px; position: absolute; left: 0; top: 6px; border-radius: 50%; }
.whatIsAnd .whatIsAndWrapper { column-gap: 16px; }
.whatIsAnd .whatIsAndBox.background { background: #FFEAEA; }
.whatIsAnd .whatIsAndBox.cancelIcon ul li:before { background-image: url('https://www.kozien.nl/hubfs/basbak_2025/Images/cancel.svg'); }
.whatIsAnd .whatIsAndBox .endText { padding: 8px 16px; background: #F20C1F; border: 1px solid #0000001A; border-radius: 4px; margin-top: auto; color: #ffffff; font-weight: 600; }

/* textModule ******************************************************************/
.textModule .textBox ul, .textModule .textBox li { margin: 0; padding: 0; list-style: none; }
.textModule .textBox li { position: relative; padding-left: 25px; }
.textModule .textBox li:before { content: ''; left: 9px; position: absolute; top: 10px; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.textModule .col-lg-6 { max-width: 600px; }

/* containerSizesModule ******************************************************************/
.containerSizesModule .containerSizesModuleBox { background: #ffffff; border: 1px solid #0000001A; border-radius: 8px; padding: 0 24px 32px; margin-top: 65px; margin-left: 8px; margin-right: 8px; }
.containerSizesModule .contentBox { padding-top: 20px; }
.containerSizesModule .labelWrapper { padding-top: 14px; display: flex; justify-content: space-between; }
.containerSizesModule .labelWrapper .amount p { font-size: 12px; margin-top: 5px; line-height: 1; color: #40011E80; }
.containerSizesModule .labelWrapper .amount h4 { color: #F20C1F; }
.containerSizesModule .labelWrapper .label { border: 1px solid #00000033; border-radius: 8px; padding: 9px 19px 6px; }
.containerSizesModule .containerSizesModuleBox .button { padding-top: 15px; }
.containerSizesModule .containerSizesModuleBox .button a { width: 100%; padding-left: 20px; padding-right: 20px; }
.containerSizesModule .containerSizesModuleBox .imageBox img { margin-top: -65px; aspect-ratio: 3/1.03; width: 100%; object-fit: contain; }
.containerSizesModule .containerSizesSlider { margin: 0 -8px; }
.containerSizesModule .containerSizesSlider .slick-dots { position: unset; }
.containerSizesModule .containerSizesSlider .slick-dots li { margin-top: 30px; }

/* contactModule ******************************************************************/
.contactModule .leftBox { background: #ffffff; border: 1px solid #0000001A; border-radius: 8px; padding: 30px 49px; display: flex; flex-direction: column; justify-content: center; height: 100%; }
.contactModule .leftBox img { width: 100%; }
.contactModule .rightBox { background: #ffffff; border: 1px solid #0000001A; border-radius: 8px; padding: 30px 30px 30px 40px; }
.contactModule .rightBox .contactBox .imageBox img { max-width: 22px !important; width: 100%; margin-right: 15px; }
.contactModule .rightBox .contactBox .title { line-height: 1; }
.contactModule .rightBox .contactBox:first-child { margin-right: 64px; }
.contactModule .rightBox .contactBox .number a { font-family: Staatliches, sans-serif; }
.contactModule .rightBox .menImage { margin: -99px 0 -30px auto; max-width: 188px; max-height: 178px; width: 100%; height: 100%; }
.contactModule .baseModuleParent { padding-top: 53px; }

@media(max-width: 1399px){
  .banner .bannerBox.left { max-width: 50%; width: 100%; padding-right: 15px; }
  .whatIsAnd .whatIsAndWrapper .leftBox { max-width: 30%; }
  .whatIsAnd .whatIsAndBox { max-width: 33%; }
  .contactModule .rightBox .contactBox:first-child { margin-right: 30px; }
  .banner .stepForm .bannerBox.left { max-width: 65%; }
  .banner .stepForm .bannerBox.right { max-width: calc(35% - 15px); }
}
@media(max-width: 1199px){
  .banner .bannerBox.right { max-width: 50%; width: 100%; }
  .banner .bannerBox.right .labelBox { gap: 5px; }
  .banner .bannerBox.right .labelBox .label { padding: 7px 14px 4px; }
  .whatIsAnd .whatIsAndWrapper .leftBox { margin-right: 0; }
  .containerSizesModule .containerSizesModuleBox .imageBox img { margin-top: -45px; }
  .containerSizesModule .containerSizesModuleBox { margin-top: 45px; }
  .contactModule .row { gap: 40px; flex-direction: column-reverse; }
}
@media(max-width: 991px){
  .banner .bannerBox.left, .banner .bannerBox.right { max-width: 100%; }
  .banner .bannerBox.left { max-width: 500px; margin: 0 auto; padding: 0; }
  .banner .bannerBox.right { margin-top: 40px; }
  .banner .title span { font-size: 26px; }
  .banner .bannerBox.right .checkBoxWrapper .checkBox .left:before { top: 1px; }
  .whatIsAnd .whatIsAndBox { max-width: 50%; }
  .whatIsAnd .whatIsAndWrapper .leftBox { max-width: 100%; }
  .whatIsAnd .whatIsAndBox { max-width: calc(50% - 8px); width: 100%; }
  .whatIsAnd .whatIsAndWrapper { row-gap: 30px; }
  .textModule .row { row-gap: 40px; }
  .textModule .col-lg-6 { max-width: 100%; }
  .containerSizesModule .row { row-gap: 30px; }
  .containerSizesModule .containerSizesModuleBox .imageBox img { margin-top: -55px; }
  .containerSizesModule .containerSizesModuleBox { margin-top: 55px; }
  .banner .stepForm .bannerBox.left, .banner .stepForm .bannerBox.right { max-width: 100%; }
  .imageModule .row { row-gap: 30px; }
  .imageModule .row .imageBox { text-align: center; }
}
@media(max-width: 767px){
  .headerStrip .headerStripWrapper { column-gap: 25px; }
  .banner .title span { font-size: 20px; padding: 8px 12px 4px; margin-right: 10px; }
  .containerSizesModule .row>* { width: 50%; }
  .containerSizesModule .containerSizesModuleBox .imageBox img { margin-top: -45px; }
  .containerSizesModule .containerSizesModuleBox { margin-top: 45px; }
  .contactModule .rightBox { flex-direction: column; justify-content: center; row-gap: 20px; }
  .contactModule .rightBox .menImage { margin: 0 auto -30px; }
  .contactModule .rightBox .contactBox { max-width: 400px; margin: 0 auto !important; }
  .contactModule .baseModuleParent { padding-top: 0; }
}
@media(max-width: 600px){
  .containerSizesModule .row>* { width: 100%; }
  .containerSizesModule .containerSizesModuleBox .imageBox img { margin-top: -75px; }
  .containerSizesModule .containerSizesModuleBox { margin-top: 75px; }
}
@media(max-width: 480px){
  .banner .bannerBox.right { padding: 15px 15px 20px; }
  .banner .bannerBox.right .checkBoxWrapper .checkBox { padding: 10px; }
  button, a.button, .button a, a.hs-button, .cta_button { font-size: 20px; padding: 15px 40px; }
  .button a span { margin-left: 10px; max-width: 15px; }
  .banner .bannerBox.right .button, .banner .bannerBox.right .checkBoxWrapper, .banner .bannerBox.right .endText, .banner .bannerBox.right .paymentBox { padding-top: 20px; }
  .whatIsAnd .whatIsAndBox { max-width: 100%; }
  .whatIsAnd .whatIsAndBox .endText { margin-top: 20px; }
  .containerSizesModule .containerSizesModuleBox .imageBox img { margin-top: -55px; }
  .containerSizesModule .containerSizesModuleBox { margin-top: 55px; padding: 0 15px 20px; }
  .banner .stepForm .bannerBox.left { padding: 30px 15px; }
  .banner .stepForm .bannerBox.right .contentBox { padding: 15px; }
  .banner .stepForm .bannerBox.right .contentBox .totalAmount { margin: 20px -15px 0; padding: 20px 15px 0; }
  .banner .stepForm .bannerBox.right .contentBox .yourContainerBox { padding: 15px 15px; }
  .contactModule .row { gap: 30px; }
  .imageModule .row { row-gap: 20px; }
}







































.footer {
    background-color: 

  
  
    
  


  rgba(51, 1, 24, 1.0)

;
    border-top: 1px none #FFFFFF;
}

.footer__container--static,
.footer__container .dnd-section {
    max-width: 1360px;
}

.footer__bottom-section {
    border-top: 1px solid #d0d0d0;
    border-color: #ffffff;
}

/* Footer Content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer a:not(.button),
.footer span,
.footer div,
.footer li,
.footer blockquote {
    color: #ffffff;
}

/* Header modules */

.footer .icon svg {
    fill: #ffffff;
}

.footer h3.form-title {
    color: {color=#F20C1F, opacity=null, rgba=rgba(242, 12, 31, 1), rgb=rgb(242, 12, 31), hex=#F20C1F, css=#F20C1F};
}

/* Footer Menu */

/* .footer .hs-menu-wrapper ul {
    margin: 1.5rem 0;
    margin-top: 0;
} */

.footer .hs-menu-wrapper a {
    font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
    font-size: 16px;
    text-transform: none;
}

.footer .hs-menu-wrapper a:hover,
.footer .hs-menu-wrapper a:focus {
    font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: rgba(242, 12, 31, 1);
}

.footer .hs-menu-wrapper a:active {
    font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    color: font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}