:root{
  --be-red : #ed002f;
  --be-dark-red : #930722;
  --be-light-grey : #f4f4f4;
  --be-dark-grey: #707070;
  --be-white: #FFFFFF;
  
}

.title-h2{
padding: 40px 0;
}

.br_mobile{
display: none;
}

.bg-darkred{
  background-color : var(--be-dark-red) !important;
}

.bg-lightgrey{
background-color: var(--be-light-grey) !important;
}

.bg-darkgrey{
background-color: var(--be-dark-grey) !important;
}

.bg-v-redgradient{
background: transparent linear-gradient(180deg, var(--be-red) 0%, var(--be-dark-red) 100%) 0% 0% no-repeat padding-box !important;
}

.bg-h-redgradient{
background: transparent linear-gradient(90deg, var(--be-red) 0%, var(--be-dark-red) 100%) 0% 0% no-repeat padding-box !important;
}

.bg-top-shadow{
box-shadow: 0px -5px 36px #00000014 !important;  

}

.bg-bottom-shadow{
    box-shadow: 0px 3px 15px #00000014 !important;  
}
.bg-shadow{
box-shadow: 0px 0px 36px #00000014 !important;  

}

.text-h-redgradient{
background: -webkit-linear-gradient(90deg, var(--be-dark-red) 0%, var(--be-red) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mb-32-px{
margin-bottom: 32px !important;
}
.mb-16-px{
margin-bottom: 16px !important;
}
.mt-32-px{
  margin-top: 32px !important;
}
.mt-16-px{
  margin-top: 16px !important;
}

.list-style-disc{
  list-style: disc;
  padding-left: 20px;
}
.be-btn {
  padding: 10px 30px;
  font-weight: 600;
  line-height: normal;
  border-radius: 1000px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-in;
}

.button-red {
  background-color: var(--be-red);
  color: var(--be-white);
}

.button-red:hover {
  background-color: var(--be-dark-red);
  color: var(--be-white);
}

.button-dark-red {
  background-color: var(--be-dark-red);
  color: var(--be-white);
}

.button-dark-red:hover {
  background-color: var(--be-red);
  color: var(--be-white);
}

.button-white-red {
  background-color: var(--be-white);
  color: var(--be-red);
  border: solid 1px var(--be-red);
}

.button-white-red:hover {
  background-color: var(--be-red);
  color: var(--be-white);
}

.button-white-dark-red {
  background-color: var(--be-white);
  color: var(--be-dark-red);
  border: solid 1px var(--be-dark-red);
}

.button-white-dark-red:hover {
  background-color: var(--be-dark-red);
  color: var(--be-white);
}
/* OLD BANNER SPAIN */

.banner-home .sticker{
flex-direction: column !important;
}

/* NEW BANNER*/
#homePageBE .promotionContainer .titlePromotion,  #homePageBE .promotionContainer .titlePromotion .promotionManager_price_main, #homePageBE .promotionContainer .titlePromotion .promotionManager_smallDescription_main {
font-size: 28px;
line-height: 27px;
}
/*#homePageBE .promotionContainer .titlePromotion {
font-size: 28px;
  line-height: 27px;
  font-style: italic;
  font-weight: bold;
}*/

.list-checkmark {
padding-left: 30px;
}

.list-checkmark li {
position: relative;
margin-bottom: 14px;
}

.list-checkmark-black li:before {
content: ' ';
background-image: url(/sites/be/files/flmngr/check-svgrepo-com-24.svg);
width: 20px;
height: 20px;
position: absolute;
top: calc(50% - 5px);
left: -30px;
transform: translateY(-50%);
}

.list-checkmark-white li:before {
content: ' ';
background-image: url(/sites/be/files/flmngr/check-svgrepo-com-white-24.svg);
width: 20px;
height: 20px;
position: absolute;
top: calc(50% - 5px);
left: -30px;
transform: translateY(-50%);
}
.banner-home .sticker p {
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-home .sticker p > * {
/* JUSTE POURCENTAGE
font-size : 18px !important;*/ 
/* TEXT */
font-size: 13px!important;
  text-align: center;
}

/*.promotionContainer .promotionManager_price_main, .promotionContainer .promotionManager_smallDescription_main {
  font-size: 22px;
}*/

/*.bg-red > p > .promotionManager_price_main, .bg-red > p > .promotionManager_smallDescription_main{
    font-size: 12px !important;
    width: 100%;
    display: block;
    text-align: center;
}*/

.cta-banner-red {
    background-color: white !important;
    color: #000 !important;
    margin: 0 !important
  }

  .cta-banner-red:hover {
    color: #f03 !important;
    transform: scale(1.05);
    background-color: white !important;
  }

/* correction du block FAQ */
.block-views-blockpublications-block-publications-main-list{
background: var(--lighter-grey);
}
.block-faq-onecat:before, .publications-view:before{
width: 100%;
}

.block-views-blockfaq-list-block-faq-onecat-prospects > div, .block-views-blockfaq-list-block-faq-onecat-bestaande-klanten > div {
  background: var(--lighter-grey);
}

.funnel-base label.next.hover:before {
  background-color: transparent;
}




@media (min-width: 768px){
/*.promotionContainer .promotionManager_price_main, .promotionContainer .promotionManager_smallDescription_main {
  font-size: 30px !important;
}*/
.bg-red > p > .promotionManager_price_main, .bg-red > p > .promotionManager_smallDescription_main{
    font-size: 14px !important;
}

.col-mb5-desktop{
  margin-bottom: 3rem;
}
}



@media all and (max-width: 768px){
.col-mb-mobile{
  margin-bottom: 3rem;
}

#homePageBE .promotionContainer .titlePromotion,  #homePageBE .promotionContainer .titlePromotion .promotionManager_price_main, #homePageBE .promotionContainer .titlePromotion .promotionManager_smallDescription_main {
    font-size: 18px;
    line-height: 22px;
  }

/*#homePageBE .promotionContainer .titlePromotion {
font-size: 22px;
  line-height: 21px;
}*/

.banner-home .sticker p > * {
    font-size : 16px !important;
    /* JUSTE POURCENTAGE
font-size : 16px !important; */
/* TEXT */
font-size: 11px!important;
  text-align: center;
}

.br_mobile{
  display: block;
}

.cta-button-large{
  font-size: 14px !important;
}

.remove-padding-mobile{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.list-checkmark li {
  margin-bottom: 6px;
}
}

@media all and (max-width: 991px) {
    .mb-4-mobile {
      margin-bottom: 2rem;
    }
  }