.defaultbg{background-color: var(--bgBeige);}
.highlight{background: var(--bgWhite);}
.darker{background: var(--bgdarker);}

.defaultbg .BGcard{background: var(--bgWhite)!important;}
.highlight .BGcard{background: var(--bgGrayLight)!important;}
.darker .BGcard{background: var(--bgWhite)!important;}

.cyan{ color:var(--textBlue)!important;}
.blue{color:var(--accentblue)!important;}
.green{color:var(--textGreen)!important;}
.red{color:var(--accentred)!important;}
.yellow{color:var(--textYellow)!important;}

/* accent-colors - heading colors */
.accent-cyan .linkAccentColor a,
.accent-cyan .title-row h2 strong,
.accent-cyan .common-title-row h2 strong,
.accent-cyan h1 strong,
.accent-cyan.common-hero-block .text-group h1 strong
{color:var(--textBlue);}
.accent-blue .linkAccentColor a,
.accent-blue .title-row h2 strong,
.accent-blue .common-title-row h2 strong,
.accent-blue h1 strong,
.accent-blue.common-hero-block .text-group h1 strong
{color:var(--accentblue);}
.accent-green .linkAccentColor a,
.accent-green .title-row h2 strong,
.accent-green .common-title-row h2 strong,
.accent-green h1 strong,
.accent-green.common-hero-block .text-group h1 strong
{color:var(--textGreen);}
.accent-red .linkAccentColor a,
.accent-red .title-row h2 strong,
.accent-red .common-title-row h2 strong,
.accent-red h1 strong,
.accent-red.common-hero-block .text-group h1 strong
{color:var(--accentred);}
.accent-yellow .linkAccentColor a,
.accent-yellow .title-row h2 strong,
.accent-yellow .common-title-row h2 strong,
.accent-yellow h1 strong,
.accent-yellow.common-hero-block .text-group h1 strong
{color:var(--textYellow);}


/* Darker Background - buttons style */

.bg-darker .button a,.bg-darker button{border-color: var(--buttonbgdarker);;background-color:var(--buttonbgdarker);}
.bg-darker .button a:hover,.bg-darker .button a:focus,.bg-darker .button a:active,.bg-darker button:hover,.bg-darker button:focus{border-color:var(--textBlue);background-color:var(--textBlue);}
.bg-darker .buttonArrow a {border-color:var(--buttonbgdarker); background-color:  var(--textDark);}
.bg-darker .buttonArrow a:hover, .bg-darker .buttonArrow a:focus, .bg-darker .buttonArrow a:active{ border-color:var(--textBlue); background-color:var(--textBlue); }
.bg-darker .borderButton a {border-color:var(--buttonbgdarker); color: var(--textDark); }
.bg-darker .borderButton a:hover, .bg-darker .borderButton a:focus, .bg-darker .borderButton a:active { border-color: var(--textBlue); color: var(--textBlue); }
.bg-darker .borderButtonArrow a{border-color:var(--buttonbgdarker); color:  var(--textDark);}
.bg-darker .borderButtonArrow a:hover, .bg-darker .borderButtonArrow a:active, .bg-darker .borderButtonArrow a:focus{ color: var(--textBlue);border-color: var(--bgSecondary);}
.bg-darker .title-row p,.bg-darker .common-title-row p{color: var(--textDark);}
.bg-darker .textdarkerp p,.bg-darker .textdarkerp span{color: var(--textDark);}
.bg-darker .hs_submit .actions .hs-button{background-color: var(--buttonbgdarker); color:  var(--textWhite); } 
.bg-darker .hsfc-Renderer .hsfc-Form .hsfc-Button{background-color: var(--buttonbgdarker);border-color: var(--buttonbgdarker);}
.bg-darker .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:hover{background-color:none;border-color: none;}

/* .bg-darker .button{ border-color:var(--buttonbgdarker); background-color: var(--buttonbgdarker); }
.bg-darker .button:hover,
.bg-darker .button:focus,
.bg-darker .button:active
{border-color:var(--textBlue);background-color:var(--textBlue);}
.bg-darker .borderButton{ border-color:var(--buttonbgdarker); color: var(--textDark); }
.bg-darker .borderButton:hover,
.bg-darker .borderButton:focus,
.bg-darker .borderButton:active
{ background-color: var(--buttonbgdarker); color: var(--textWhite); }
.bg-darker .buttonArrow{ border-color:var(--buttonbgdarker); background-color:  var(--textDark); }
.bg-darker .buttonArrow svg path{ stroke:var(--textWhite); }
.bg-darker .buttonArrow:hover,
.bg-darker .buttonArrow:focus,
.bg-darker .buttonArrow:active{
border-color:var(--textBlue); background-color:  var(--textBlue); }
.bg-darker .borderButtonArrow svg path{stroke:var(--textDark);}
.bg-darker .borderButtonArrow:hover svg path,
.bg-darker .borderButtonArrow:active svg path,
.bg-darker .borderButtonArrow:focus svg path
{stroke:var(--bgSecondary);}
.bg-darker .borderButtonArrow{ border-color:var(--buttonbgdarker); color:  var(--textDark); }
.bg-darker .borderButtonArrow:hover,
.bg-darker .borderButtonArrow:active,
.bg-darker .borderButtonArrow:focus{
color: var(--textBlue);border-color: var(--bgSecondary);}
.bg-darker .arrowCta svg path{
stroke:var(--textBlue);}
.bg-darker .arrowCta:hover{
color:var(--textBlue);}
.bg-darker .swiperNavigation .swiper-button-next svg path,
.bg-darker .swiperNavigation .swiper-button-prev svg path{
stroke:var(--textDark);}
.bg-darker .swiperNavigation .swiper-button-next:hover svg path,
.bg-darker .swiperNavigation .swiper-button-prev:hover svg path{
stroke: var(--bgSecondary);}
.bg-darker .title-row p,.bg-darker .common-title-row p{color: var(--textDark);}
.bg-darker .textdarkerp p,.bg-darker .textdarkerp span{color: var(--textDark);}
.bg-darker .hs_submit .actions .hs-button{
background-color: var(--buttonbgdarker); color:  var(--textWhite); } */

/* accent-colors - sliders bullets */
.accent-cyan .swiper-pagination .swiper-pagination-bullet:hover{background-color:var(--textBlue);}
.accent-blue .swiper-pagination .swiper-pagination-bullet:hover{background-color:var(--accentblue);}
.accent-green .swiper-pagination .swiper-pagination-bullet:hover{background-color:var(--textGreen);}
.accent-red .swiper-pagination .swiper-pagination-bullet:hover{background-color:var(--accentred);}
.accent-yellow .swiper-pagination .swiper-pagination-bullet:hover{background-color:var(--textYellow);}

.accent-cyan.richtextblock ul li::marker,.accent-cyan.media-text-block ol li::marker{color:var(--textBlue);}
.accent-blue.richtextblock ul li::marker,.accent-blue.media-text-block ol li::marker{color:var(--accentblue);}
.accent-green.richtextblock ul li::marker,.accent-green.media-text-block ol li::marker{color:var(--textGreen);}
.accent-red.richtextblock ul li::marker,.accent-red.media-text-block ol li::marker{color:var(--accentred);}
.accent-yellow.richtextblock ul li::marker,.accent-yellow.media-text-block ol li::marker{color:var(--textYellow);}

/* accent-colors - sliders arrows */
.accent-cyan .swiperNavigation .swiper-button-next:hover svg path,
.accent-cyan .swiperNavigation .swiper-button-prev:hover svg path{
  stroke:var(--textBlue);}
.accent-blue .swiperNavigation .swiper-button-next:hover svg path,
.accent-blue .swiperNavigation .swiper-button-prev:hover svg path{
  stroke:var(--accentblue);}
.accent-green .swiperNavigation .swiper-button-next:hover svg path,
.accent-green .swiperNavigation .swiper-button-prev:hover svg path{
  stroke:var(--textGreen);}
.accent-red .swiperNavigation .swiper-button-next:hover svg path,
.accent-red .swiperNavigation .swiper-button-prev:hover svg path{
  stroke:var(--accentred);}
.accent-yellow .swiperNavigation .swiper-button-next:hover svg path,
.accent-yellow .swiperNavigation .swiper-button-prev:hover svg path{
  stroke:var(--textYellow);}


/* 1. accent-cyan - Hubspot submit button */
.accent-cyan .hs_submit .actions .hs-button:active,
.accent-cyan .hs_submit .actions .hs-button:focus,
.accent-cyan .hs_submit .actions .hs-button:hover{
  background-color: var(--textBlue);  }
}
.accent-blue .hs_submit .actions .hs-button:active,
.accent-blue .hs_submit .actions .hs-button:focus,
.accent-blue .hs_submit .actions .hs-button:hover{
  background-color: var(--accentblue);  }
}
.accent-green .hs_submit .actions .hs-button:active,
.accent-green .hs_submit .actions .hs-button:focus,
.accent-green .hs_submit .actions .hs-button:hover{
  background-color: var(--textGreen);  }
}
.accent-red .hs_submit .actions .hs-button:active,
.accent-red .hs_submit .actions .hs-button:focus,
.accent-red .hs_submit .actions .hs-button:hover{
  background-color: var(--accentred);  }
}
.accent-yellow .hs_submit .actions .hs-button:active,
.accent-yellow .hs_submit .actions .hs-button:focus,
.accent-yellow .hs_submit .actions .hs-button:hover{
  background-color: var(--textYellow);  }
}

/* 1. accent-cyan - Multistepform */
.accent-cyan .hsfc-Renderer .hsfc-Form .hsfc-Button:hover,
.accent-cyan .hsfc-Renderer .hsfc-Form .hsfc-Button:focus,
.accent-cyan .hsfc-Renderer .hsfc-Form .hsfc-Button:active
{background-color: var(--textBlue)!important;border-color: var(--textBlue)!important;}
/* 1. accent-blue - Multistepform */
.accent-blue .hsfc-Renderer .hsfc-Form .hsfc-Button:hover,
.accent-blue .hsfc-Renderer .hsfc-Form .hsfc-Button:focus,
.accent-blue .hsfc-Renderer .hsfc-Form .hsfc-Button:active
{background-color: var(--accentblue)!important;border-color: var(--accentblue)!important;}
/* 1. accent-cyan - Multistepform */
.accent-green .hsfc-Renderer .hsfc-Form .hsfc-Button:hover,
.accent-green .hsfc-Renderer .hsfc-Form .hsfc-Button:focus,
.accent-green .hsfc-Renderer .hsfc-Form .hsfc-Button:active
{background-color: var(--textGreen)!important;border-color: var(--textGreen)!important;}
/* 1. accent-cyan - Multistepform */
.accent-red .hsfc-Renderer .hsfc-Form .hsfc-Button:hover,
.accent-red .hsfc-Renderer .hsfc-Form .hsfc-Button:focus,
.accent-red .hsfc-Renderer .hsfc-Form .hsfc-Button:active
{background-color: var(--accentred)!important;border-color: var(--accentred)!important;}
/* 1. accent-cyan - Multistepform */
.accent-yellow .hsfc-Renderer .hsfc-Form .hsfc-Button:hover,
.accent-yellow .hsfc-Renderer .hsfc-Form .hsfc-Button:focus,
.accent-yellow .hsfc-Renderer .hsfc-Form .hsfc-Button:active
{background-color: var(--textYellow)!important;border-color: var(--textYellow)!important;}

.accent-cyan .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:hover,
.accent-cyan .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:focus,
.accent-cyan .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:active,
.accent-blue .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:hover,
.accent-blue .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:focus,
.accent-blue .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:active,
.accent-green .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:hover,
.accent-green .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:focus,
.accent-green .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:active,
.accent-red .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:hover,
.accent-red .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:focus,
.accent-red .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:active,
.accent-yellow .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:hover,
.accent-yellow .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:focus,
.accent-yellow .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:active
{background-color: transparent !important;border: none;color: var(--textDark);}

.accent-cyan .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:hover,
.accent-cyan .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:focus,
.accent-cyan .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:active{color:var(--textBlue)}
.accent-blue .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:hover,
.accent-blue .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:focus,
.accent-blue .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:active{color:var(--accentblue);}
.accent-green .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:hover,
.accent-green .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:focus,
.accent-green .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:active{color:var(--textGreen);}
.accent-red .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:hover,
.accent-red .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:focus,
.accent-red .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:active{color:var(--accentred);}
.accent-yellow .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:hover,
.accent-yellow .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:focus,
.accent-yellow .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:active{color:var(--textYellow);}

.accent-cyan .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:before{color:var(--textBlue);}
.accent-blue .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:before{color:var(--accentblue);}
.accent-green .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:before{color:var(--textGreen);}
.accent-red .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:before{color:var(--accentred);}
.accent-yellow .hsfc-Renderer .hsfc-Form .hsfc-Button.prev-Button:before{color:var(--textYellow);}

.accent-cyan .hs_submit .actions .hs-button:hover {background-color: var(--textBlue);border-color:var(--textBlue);color: var(--textWhite);}
.accent-blue .hs_submit .actions .hs-button:hover {background-color: var(--accentblue);border-color:var(--accentblue);color: var(--textWhite);}
.accent-green .hs_submit .actions .hs-button:hover {background-color: var(--textGreen);border-color:var(--textGreen);color: var(--textWhite);}
.accent-red .hs_submit .actions .hs-button:hover {background-color: var(--accentred);border-color:var(--accentred);color: var(--textWhite);}
.accent-yellow .hs_submit .actions .hs-button:hover {background-color: var(--textYellow);border-color:var(--textYellow);color: var(--textWhite);}

/* 1. accent-cyan - Arrow button */
.accent-cyan .arrowCta a:active, 
.accent-cyan .arrowCta a:focus,
.accent-cyan .arrowCta a:hover,
.accent-cyan .arrowCta a:after,
.accent-cyan .arrowCta .bloglink:hover,
.accent-cyan .arrowCta .bloglink:after
{  
  color:var(--textBlue);
}

/* 2. accent-blue - Arrow button */
.accent-blue .arrowCta a:active, 
.accent-blue .arrowCta a:focus,
.accent-blue .arrowCta a:hover,
.accent-blue .arrowCta a:after,
.accent-blue .arrowCta .bloglink:hover,
.accent-blue .arrowCta .bloglink:after
{  
  color:var(--accentblue);
}
/* 3. accent-green - Arrow button */
.accent-green .arrowCta a:active, 
.accent-green .arrowCta a:focus,
.accent-green .arrowCta a:hover,
.accent-green .arrowCta a:after,
.accent-green .arrowCta .bloglink:hover,
.accent-green .arrowCta .bloglink:after
{  
  color:var(--textGreen);
}
/* 4. accent-red - Arrow button */
.accent-red .arrowCta a:active, 
.accent-red .arrowCta a:focus,
.accent-red .arrowCta a:hover,
.accent-red .arrowCta a:after,
.accent-red .arrowCta .bloglink:hover,
.accent-red .arrowCta .bloglink:after
{  
  color:var(--accentred);
}
/* 5. accent-yellow - Arrow button */
.accent-yellow .arrowCta a:active, 
.accent-yellow .arrowCta a:focus,
.accent-yellow .arrowCta a:hover,
.accent-yellow .arrowCta a:after,
.accent-yellow .arrowCta .bloglink:hover,
.accent-yellow .arrowCta .bloglink:after
{  
  color:var(--textYellow);
}

/* 1. accent-cyan - regular button */
.accent-cyan .button a:active, 
.accent-cyan .button a:focus,
.accent-cyan .button a:hover,
.accent-cyan button:active, 
.accent-cyan button:focus,
.accent-cyan button:hover
{
  background-color:var(--textBlue);
  border-color: var(--textBlue);
}
/* 2. accent-blue - regular button */
.accent-blue .button a:active, 
.accent-blue .button a:focus,
.accent-blue .button a:hover,
.accent-blue button:active, 
.accent-blue button:focus,
.accent-blue button:hover
{
  background-color:var(--accentblue);
  border-color: var(--accentblue);
}
/* 3. accent-green - regular button */
.accent-green .button a:active, 
.accent-green .button a:focus,
.accent-green .button a:hover,
.accent-green button:active, 
.accent-green button:focus,
.accent-green button:hover
{
  background-color:var(--textGreen);
  border-color: var(--textGreen);
}
/* 4. accent-red - regular button */
.accent-red .button a:active, 
.accent-red .button a:focus,
.accent-red .button a:hover,
.accent-red button:active, 
.accent-red button:focus,
.accent-red button:hover
{
  background-color:var(--accentred);
  border-color: var(--accentred);
}
/* 5. accent-yellow - regular button */
.accent-yellow .button a:active, 
.accent-yellow .button a:focus,
.accent-yellow .button a:hover,
.accent-yellow button:active, 
.accent-yellow button:focus,
.accent-yellow button:hover
{
  background-color:var(--textYellow);
  border-color: var(--textYellow);
}
/* 1. accent-cyan - buttonArrow button */
.accent-cyan .buttonArrow a:active, 
.accent-cyan .buttonArrow a:focus,
.accent-cyan .buttonArrow a:hover{
  background-color:var(--textBlue);
  border-color: var(--textBlue);
}
/* 2. accent-blue - buttonArrow button */
.accent-blue .buttonArrow a:active, 
.accent-blue .buttonArrow a:focus,
.accent-blue .buttonArrow a:hover{
  background-color:var(--accentblue);
  border-color: var(--accentblue);
}
/* 3. accent-cyan - buttonArrow button */
.accent-green .buttonArrow a:active, 
.accent-green .buttonArrow a:focus,
.accent-green .buttonArrow a:hover{
  background-color:var(--textGreen);
  border-color: var(--textGreen);
}
/* 4. accent-red - buttonArrow button */
.accent-red .buttonArrow a:active, 
.accent-red .buttonArrow a:focus,
.accent-red .buttonArrow a:hover{
  background-color:var(--accentred);
  border-color: var(--accentred);
}
/* 5. accent-yellow - buttonArrow button */
.accent-yellow .buttonArrow a:active, 
.accent-yellow .buttonArrow a:focus,
.accent-yellow .buttonArrow a:hover{
  background-color:var(--textYellow);
  border-color: var(--textYellow);
}
/* 1. accent-cyan - borderButton button */
.accent-cyan .borderButton a:active, 
.accent-cyan .borderButton a:focus,
.accent-cyan .borderButton a:hover{
  color:var(--textBlue);
  border-color: var(--textBlue);
}
/* 2. accent-blue - borderButton button */
.accent-blue .borderButton a:active, 
.accent-blue .borderButton a:focus,
.accent-blue .borderButton a:hover{
  color:var(--accentblue);
  border-color: var(--accentblue);
}
/* 3. accent-green - borderButton button */
.accent-green .borderButton a:active, 
.accent-green .borderButton a:focus,
.accent-green .borderButton a:hover{
  color:var(--textGreen);
  border-color: var(--textGreen);
}
/* 4. accent-red - borderButton button */
.accent-red .borderButton a:active, 
.accent-red .borderButton a:focus,
.accent-red .borderButton a:hover{
  color:var(--accentred);
  border-color: var(--accentred);
}
/* 5. accent-yellow - borderButton button */
.accent-yellow .borderButton a:active, 
.accent-yellow .borderButton a:focus,
.accent-yellow .borderButton a:hover{
  color:var(--textYellow);
  border-color: var(--textYellow);
}
/* 1. accent-cyan - borderButtonArrow button */
.accent-cyan .borderButtonArrow a:active, 
.accent-cyan .borderButtonArrow a:focus,
.accent-cyan .borderButtonArrow a:hover{
  border-color: var(--textBlue);
  color:var(--textBlue);
}
/* 2. accent-blue - borderButtonArrow button */
.accent-blue .borderButtonArrow a:active, 
.accent-blue .borderButtonArrow a:focus,
.accent-blue .borderButtonArrow a:hover{
  border-color: var(--accentblue);
  color:var(--accentblue);
}
/* 3. accent-green - borderButtonArrow button */
.accent-green .borderButtonArrow a:active, 
.accent-green .borderButtonArrow a:focus,
.accent-green .borderButtonArrow a:hover{
  border-color: var(--textGreen);
  color:var(--textGreen);
}
/* 4. accent-red - borderButtonArrow button */
.accent-red .borderButtonArrow a:active, 
.accent-red .borderButtonArrow a:focus,
.accent-red .borderButtonArrow a:hover{
  border-color: var(--accentred);
  color:var(--accentred);
}
/* 5. accent-yellow - borderButtonArrow button */
.accent-yellow .borderButtonArrow a:active, 
.accent-yellow .borderButtonArrow a:focus,
.accent-yellow .borderButtonArrow a:hover{
  border-color: var(--textYellow);
  color:var(--textYellow);
}