.defaultbg{background: var(--bgsand);}
.highlight{background: var(--bgWhite);}
.darker{background: var(--bgwarm_sand);}

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

.cyan{ color:var(--accentdark_earth)!important;}
.blue{color:var(--accentdusty_blue)!important;}
.green{color:var(--accentleaf_green)!important;}
.red{color:var(--accentred)!important;}
.yellow{color:var(--accentsummer_sun)!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;}

/* 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);
}

.commonnewcolor .linkAccentColor a,.commonnewcolor h2 strong,.commonnewcolor h1 strong,.commonnewcolor h3 strong,
.commonnewcolor h4 strong,.commonnewcolor h5 strong,.commonnewcolor h6 strong
{ color: var(--accentdark_earth);}
.commonnewcolor h1,.commonnewcolor h2,.commonnewcolor h3,.commonnewcolor h4,.commonnewcolor h5,.commonnewcolor h6{color:var(--txtnight_blue);}
.commonnewcolor p,.commonnewcolor li{color:var(--txtdark_grey);}


.bgnight_blue h1,.bgnight_blue h2,.bgnight_blue h3,.bgnight_blue h4,.bgnight_blue h5,.bgnight_blue h6,
.bgnight_blue h1 strong,.bgnight_blue h2,.bgnight_blue h2 strong,.bgnight_blue h3,.bgnight_blue h3 strong,
.bgnight_blue h4,.bgnight_blue h4 strong,.bgnight_blue h5,.bgnight_blue h5 strong,.bgnight_blue h6,.bgnight_blue h6 strong
{color:var(--bgtrue_white);}
.bgnight_blue p,.bgnight_blue li,.bgnight_blue .linkAccentColor a{color:var(--bgtrue_white);}

.bgnight_blue .BGcard h1,.bgnight_blue .BGcard h2,.bgnight_blue .BGcard h3,.bgnight_blue .BGcard h4,.bgnight_blue .BGcard h5,.bgnight_blue .BGcard h6,
.bgnight_blue .BGcard h1 strong,.bgnight_blue .BGcard h2,.bgnight_blue .BGcard h2 strong,.bgnight_blue .BGcard h3,.bgnight_blue .BGcard h3 strong,
.bgnight_blue .BGcard h4,.bgnight_blue .BGcard h4 strong,.bgnight_blue .BGcard h5,.bgnight_blue .BGcard h5 strong,.bgnight_blue .BGcard h6,.bgnight_blue .BGcard h6 strong
{ color: var(--txtnight_blue);}
.bgnight_blue .BGcard p,.bgnight_blue .BGcard li,.bgnight_blue .BGcard .linkAccentColor a{color: var(--txtnight_blue);}

/* heading and link colors according to new accent colors styling starts */
.accentdark_earth h1 strong,.accentdark_earth h2 strong,
.accentdark_earth .linkAccentColor a 
{
  color: var(--accentdark_earth);
}
.accentdusty_blue h1 strong,.accentdusty_blue h2 strong,
.accentdusty_blue .linkAccentColor a
{
  color: var(--accentdusty_blue);
}
.accentsummer_sun h1 strong,.accentsummer_sun h2 strong,
.accentsummer_sun .linkAccentColor a
{
  color: var(--accentsummer_sun);
}
.accentleaf_green h1 strong,.accentleaf_green h2 strong,
.accentleaf_green .linkAccentColor a
{
  color: var(--accentleaf_green);
}
.accentlight_blue h1 strong,.accentlight_blue h2 strong,
.accentlight_blue .linkAccentColor a
{
  color: var(--accentlight_blue);
}
.accentlight_sun h1 strong,.accentlight_sun h2 strong,
.accentlight_sun .linkAccentColor a
{
  color: var(--accentlight_sun);
}
/* heading and link colors according to new accent colors styling ends */

/* default buttons styling for 8 modules starts */

.commonnewcolor button, 
.commonnewcolor .button a{ 
  border: 1px solid var(--txtdark_grey); background-color: var(--txtdark_grey);
}
.commonnewcolor .arrowCta a {
  color: var(--txtdark_grey);
}
.commonnewcolor .buttonArrow a{
  border: 1px solid var(--txtdark_grey); background-color: var(--txtdark_grey);
}
.commonnewcolor .borderButton a{
  border: 1px solid var(--txtdark_grey);color:var(--txtdark_grey);
}
.commonnewcolor .borderButtonArrow a{
  border: 1px solid var(--txtdark_grey);color:var(--txtdark_grey);
}
/* default buttons styling for 8 modules ends */

/* 1. accentdark_earth - Arrow button */
.accentdark_earth .arrowCta a:active, 
.accentdark_earth .arrowCta a:focus,
.accentdark_earth .arrowCta a:hover,
.accentdark_earth .arrowCta a:after,
.commonnewcolor .arrowCta a:active, 
.commonnewcolor .arrowCta a:focus,
.commonnewcolor .arrowCta a:hover,
.commonnewcolor .arrowCta a:after
{  
  color:var(--accentdark_earth);
}
.accentdark_earth .button a:active, 
.accentdark_earth .button a:focus,
.accentdark_earth .button a:hover,
.accentdark_earth button:active, 
.accentdark_earth button:focus,
.accentdark_earth button:hover,
.commonnewcolor .button a:active, 
.commonnewcolor .button a:focus,
.commonnewcolor .button a:hover,
.commonnewcolor button:active, 
.commonnewcolor button:focus,
.commonnewcolor button:hover
{
  background-color:var(--accentdark_earth);
  border-color: var(--accentdark_earth);
}
.accentdark_earth .borderButtonArrow a:active, 
.accentdark_earth .borderButtonArrow a:focus,
.accentdark_earth .borderButtonArrow a:hover,
.commonnewcolor .borderButtonArrow a:active, 
.commonnewcolor .borderButtonArrow a:focus,
.commonnewcolor .borderButtonArrow a:hover
{
  border-color: var(--accentdark_earth);
  color:var(--accentdark_earth);
}
.accentdark_earth .borderButton a:active, 
.accentdark_earth.borderButton a:focus,
.accentdark_earth .borderButton a:hover,
.commonnewcolor .borderButton a:active, 
.commonnewcolor .borderButton a:focus,
.commonnewcolor .borderButton a:hover
{
  color:var(--accentdark_earth);
  border-color: var(--accentdark_earth);
}
.accentdark_earth .buttonArrow a:active, 
.accentdark_earth .buttonArrow a:focus,
.accentdark_earth .buttonArrow a:hover,
.commonnewcolor .buttonArrow a:active, 
.commonnewcolor .buttonArrow a:focus,
.commonnewcolor .buttonArrow a:hover
{
  background-color:var(--accentdark_earth);
  border-color: var(--accentdark_earth);
}

/* 2. accentdusty_blue - Arrow button */
.accentdusty_blue .arrowCta a:active, 
.accentdusty_blue .arrowCta a:focus,
.accentdusty_blue .arrowCta a:hover,
.accentdusty_blue .arrowCta a:after
{  
  color:var(--accentdusty_blue);
}
.accentdusty_blue .button a:active, 
.accentdusty_blue .button a:focus,
.accentdusty_blue .button a:hover,
.accentdusty_blue button:active, 
.accentdusty_blue button:focus,
.accentdusty_blue button:hover
{
  background-color:var(--accentdusty_blue);
  border-color: var(--accentdusty_blue);
}
.accentdusty_blue  .borderButtonArrow a:active, 
.accentdusty_blue  .borderButtonArrow a:focus,
.accentdusty_blue  .borderButtonArrow a:hover{
  border-color: var(--accentdusty_blue);
  color:var(--accentdusty_blue);
}
.accentdusty_blue .borderButton a:active, 
.accentdusty_blue.borderButton a:focus,
.accentdusty_blue .borderButton a:hover{
  color:var(--accentdusty_blue);
  border-color: var(--accentdusty_blue);
}
.accentdusty_blue .buttonArrow a:active, 
.accentdusty_blue .buttonArrow a:focus,
.accentdusty_blue .buttonArrow a:hover{
  background-color:var(--accentdusty_blue);
  border-color: var(--accentdusty_blue);
}


/* 3. accentsummer_sun - Arrow button */
.accentsummer_sun .arrowCta a:active, 
.accentsummer_sun .arrowCta a:focus,
.accentsummer_sun .arrowCta a:hover,
.accentsummer_sun .arrowCta a:after
{  
  color:var(--accentsummer_sun);
}
.accentsummer_sun .button a:active, 
.accentsummer_sun .button a:focus,
.accentsummer_sun .button a:hover,
.accentsummer_sun button:active, 
.accentsummer_sun button:focus,
.accentsummer_sun button:hover
{
  background-color:var(--accentsummer_sun);
  border-color: var(--accentsummer_sun);
}
.accentsummer_sun  .borderButtonArrow a:active, 
.accentsummer_sun  .borderButtonArrow a:focus,
.accentsummer_sun  .borderButtonArrow a:hover{
  border-color: var(--accentsummer_sun);
  color:var(--accentsummer_sun);
}
.accentsummer_sun .borderButton a:active, 
.accentsummer_sun.borderButton a:focus,
.accentsummer_sun .borderButton a:hover{
  color:var(--accentsummer_sun);
  border-color: var(--accentsummer_sun);
}
.accentsummer_sun .buttonArrow a:active, 
.accentsummer_sun .buttonArrow a:focus,
.accentsummer_sun .buttonArrow a:hover{
  background-color:var(--accentsummer_sun);
  border-color: var(--accentsummer_sun);
}


/* 4. accentleaf_green - Arrow button */
.accentleaf_green .arrowCta a:active, 
.accentleaf_green .arrowCta a:focus,
.accentleaf_green .arrowCta a:hover,
.accentleaf_green .arrowCta a:after
{  
  color:var(--accentleaf_green);
}
.accentleaf_green .button a:active, 
.accentleaf_green .button a:focus,
.accentleaf_green .button a:hover,
.accentleaf_green button:active, 
.accentleaf_green button:focus,
.accentleaf_green button:hover
{
  background-color:var(--accentleaf_green);
  border-color: var(--accentleaf_green);
}
.accentleaf_green  .borderButtonArrow a:active, 
.accentleaf_green  .borderButtonArrow a:focus,
.accentleaf_green  .borderButtonArrow a:hover{
  border-color: var(--accentleaf_green);
  color:var(--accentleaf_green);
}
.accentleaf_green .borderButton a:active, 
.accentleaf_green .borderButton a:focus,
.accentleaf_green .borderButton a:hover{
  color:var(--accentleaf_green);
  border-color: var(--accentleaf_green);
}
.accentleaf_green .buttonArrow a:active, 
.accentleaf_green .buttonArrow a:focus,
.accentleaf_green .buttonArrow a:hover{
  background-color:var(--accentleaf_green);
  border-color: var(--accentleaf_green);
}

/* 5. accentlight_blue - Arrow button */
.accentlight_blue .arrowCta a:active, 
.accentlight_blue .arrowCta a:focus,
.accentlight_blue .arrowCta a:hover,
.accentlight_blue .arrowCta a:after
{  
  color:var(--accentlight_blue);
}
.accentlight_blue .button a:active, 
.accentlight_blue .button a:focus,
.accentlight_blue .button a:hover,
.accentlight_blue button:active, 
.accentlight_blue button:focus,
.accentlight_blue button:hover
{
  background-color:var(--accentlight_blue);
  border-color: var(--accentlight_blue);
  color: var(--txtnight_blue);
}
.accentlight_blue  .borderButtonArrow a:active, 
.accentlight_blue  .borderButtonArrow a:focus,
.accentlight_blue  .borderButtonArrow a:hover{
  border-color: var(--accentlight_blue);
  color:var(--accentlight_blue);
}
.accentlight_blue .borderButton a:active, 
.accentlight_blue .borderButton a:focus,
.accentlight_blue .borderButton a:hover{
  color:var(--accentlight_blue);
  border-color: var(--accentlight_blue);
}
.accentlight_blue .buttonArrow a:active, 
.accentlight_blue .buttonArrow a:focus,
.accentlight_blue .buttonArrow a:hover{
  background-color:var(--accentlight_blue);
  border-color: var(--accentlight_blue);
  color: var(--txtnight_blue);
}

/* 6. accentlight_sun - Arrow button */
.accentlight_sun .arrowCta a:active, 
.accentlight_sun .arrowCta a:focus,
.accentlight_sun .arrowCta a:hover,
.accentlight_sun .arrowCta a:after
{  
  color:var(--accentlight_sun);
}
.accentlight_sun .button a:active, 
.accentlight_sun .button a:focus,
.accentlight_sun .button a:hover,
.accentlight_sun button:active, 
.accentlight_sun button:focus,
.accentlight_sun button:hover
{
  background-color:var(--accentlight_sun);
  border-color: var(--accentlight_sun);
  color: var(--txtnight_blue);
}
.accentlight_sun  .borderButtonArrow a:active, 
.accentlight_sun  .borderButtonArrow a:focus,
.accentlight_sun  .borderButtonArrow a:hover{
  border-color: var(--accentlight_sun);
  color:var(--accentlight_sun);
}
.accentlight_sun .borderButton a:active, 
.accentlight_sun .borderButton a:focus,
.accentlight_sun .borderButton a:hover{
  color:var(--accentlight_sun);
  border-color: var(--accentlight_sun);
}
.accentlight_sun .buttonArrow a:active, 
.accentlight_sun .buttonArrow a:focus,
.accentlight_sun .buttonArrow a:hover{
  background-color:var(--accentlight_sun);
  border-color: var(--accentlight_sun);
  color: var(--txtnight_blue);
}

/* 7. warm_sand - buttons */
.bgwarm_sand .arrowCta a:active, 
.bgwarm_sand .arrowCta a:focus,
.bgwarm_sand .arrowCta a:hover,
.bgwarm_sand .arrowCta a:after
{  
  color:var(--bgtrue_white);
}
.bgwarm_sand .button a:active, 
.bgwarm_sand .button a:focus,
.bgwarm_sand .button a:hover,
.bgwarm_sand button:active, 
.bgwarm_sand button:focus,
.bgwarm_sand button:hover
{
  background-color:var(--bgtrue_white);
  border-color: var(--bgtrue_white);
  color:var(--txtdark_grey);
}
.bgwarm_sand .borderButtonArrow a:active, 
.bgwarm_sand .borderButtonArrow a:focus,
.bgwarm_sand .borderButtonArrow a:hover{
  border-color: var(--bgtrue_white);
  color:var(--bgtrue_white);
}
.bgwarm_sand .borderButton a:active, 
.bgwarm_sand .borderButton a:focus,
.bgwarm_sand .borderButton a:hover{
  color:var(--bgtrue_white);
  border-color: var(--bgtrue_white);
}
.bgwarm_sand .buttonArrow a:active, 
.bgwarm_sand .buttonArrow a:focus,
.bgwarm_sand .buttonArrow a:hover{
  background-color:var(--bgtrue_white);
  border-color: var(--bgtrue_white);
  color:var(--txtdark_grey);
}

/* warm_sand - buttons with cardbg styling starts */
.bgwarm_sand .BGcard .arrowCta a:active, 
.bgwarm_sand .BGcard .arrowCta a:focus,
.bgwarm_sand .BGcard .arrowCta a:hover,
.bgwarm_sand .BGcard .arrowCta a:after
{  
  color:var(--accentdark_earth);
}
.bgwarm_sand .BGcard .button a:active, 
.bgwarm_sand .BGcard .button a:focus,
.bgwarm_sand .BGcard .button a:hover,
.bgwarm_sand .BGcard button:active, 
.bgwarm_sand .BGcard button:focus,
.bgwarm_sand .BGcard button:hover
{
  background-color:var(--accentdark_earth);
  border-color: var(--accentdark_earth);
  color:var(--bgtrue_white);
}
.bgwarm_sand .BGcard .borderButtonArrow a:active, 
.bgwarm_sand .BGcard .borderButtonArrow a:focus,
.bgwarm_sand .BGcard .borderButtonArrow a:hover{
  border-color: var(--accentdark_earth);
  color:var(--accentdark_earth);
}
.bgwarm_sand .BGcard .borderButton a:active, 
.bgwarm_sand .BGcard .borderButton a:focus,
.bgwarm_sand .BGcard .borderButton a:hover{
  color:var(--accentdark_earth);
  border-color: var(--accentdark_earth);
}
.bgwarm_sand .BGcard .buttonArrow a:active, 
.bgwarm_sand .BGcard .buttonArrow a:focus,
.bgwarm_sand .BGcard .buttonArrow a:hover{
  background-color:var(--accentdark_earth);
  border-color: var(--accentdark_earth);
  color:var(--bgtrue_white);
}
/* warm_sand - buttons with cardbg styling ends */

/* bgnight_blue - buttons styling starts */

.bgnight_blue button, 
.bgnight_blue .button a{ 
  border: 1px solid var(--bgtrue_white); background-color: var(--bgtrue_white);color:var(--txtnight_blue);
}
.bgnight_blue button:hover,
.bgnight_blue button:focus,
.bgnight_blue button:active,
.bgnight_blue .button a:hover,
.bgnight_blue .button a:focus,
.bgnight_blue .button a:active
{
  color:var(--bgtrue_white);
}
.bgnight_blue.accentlight_sun button:hover,
.bgnight_blue.accentlight_sun button:focus,
.bgnight_blue.accentlight_sun button:active,
.bgnight_blue.accentlight_sun .button a:hover,
.bgnight_blue.accentlight_sun .button a:focus,
.bgnight_blue.accentlight_sun .button a:active,
.bgnight_blue.accentlight_blue button:hover,
.bgnight_blue.accentlight_blue button:focus,
.bgnight_blue.accentlight_blue button:active,
.bgnight_blue.accentlight_blue .button a:hover,
.bgnight_blue.accentlight_blue .button a:focus,
.bgnight_blue.accentlight_blue .button a:active
{
  color:var(--txtnight_blue);
}
.bgnight_blue .arrowCta a {
  color: var(--bgtrue_white);
}
.bgnight_blue .buttonArrow a{
  border: 1px solid var(--bgtrue_white); background-color: var(--bgtrue_white);color:var(--txtnight_blue);
}
.bgnight_blue .buttonArrow a:hover,
.bgnight_blue .buttonArrow a:focus,
.bgnight_blue .buttonArrow a:active
{
  color:var(--bgtrue_white);
}
.bgnight_blue.accentlight_sun .buttonArrow a:hover,
.bgnight_blue.accentlight_sun .buttonArrow a:focus,
.bgnight_blue.accentlight_sun .buttonArrow a:active,
.bgnight_blue.accentlight_blue .buttonArrow a:hover,
.bgnight_blue.accentlight_blue .buttonArrow a:focus,
.bgnight_blue.accentlight_blue .buttonArrow a:active
{
  color:var(--txtnight_blue);
}
.bgnight_blue .borderButton a{
  border: 1px solid var(--bgtrue_white);color:var(--bgtrue_white);;
}
.bgnight_blue .borderButtonArrow a{
  border: 1px solid var(--bgtrue_white);color:var(--bgtrue_white);;
}

/* bgnight blue buttons with BGCard */
.bgnight_blue .BGcard button, 
.bgnight_blue .BGcard .button a{ 
  border: 1px solid var(--txtdark_grey); background-color: var(--txtdark_grey);color:var(--bgtrue_white);
}
.bgnight_blue .BGcard .button a:active, 
.bgnight_blue .BGcard .button a:focus,
.bgnight_blue .BGcard .button a:hover,
.bgnight_blue .BGcard button:active, 
.bgnight_blue .BGcard button:focus,
.bgnight_blue .BGcard button:hover
{
  background-color:var(--accentdark_earth);
  border-color: var(--accentdark_earth);
  color:var(--bgtrue_white);
}
.bgnight_blue .BGcard .arrowCta a,.bgnight_blue .BGcard .arrowCta a:after {
  color: var(--txtdark_grey);
}
.bgnight_blue .BGcard .arrowCta a:active, 
.bgnight_blue .BGcard .arrowCta a:focus,
.bgnight_blue .BGcard .arrowCta a:hover,
.bgnight_blue .BGcard .arrowCta a:after
{  
  color:var(--accentdark_earth);
}
.bgnight_blue .BGcard .buttonArrow a{
  border: 1px solid var(--txtdark_grey); background-color: var(--txtdark_grey);color:var(--bgtrue_white);
}
.bgnight_blue .BGcard .buttonArrow a:active, 
.bgnight_blue .BGcard .buttonArrow a:focus,
.bgnight_blue .BGcard .buttonArrow a:hover{
  background-color:var(--accentdark_earth);
  border-color: var(--accentdark_earth);
  color:var(--bgtrue_white);
}
.bgnight_blue .BGcard .borderButton a{
  border: 1px solid var(--txtdark_grey);color:var(--txtdark_grey);;
}
.bgnight_blue .BGcard .borderButton a:active, 
.bgnight_blue .BGcard .borderButton a:focus,
.bgnight_blue .BGcard .borderButton a:hover{
  color:var(--accentdark_earth);
  border-color: var(--accentdark_earth);
}
.bgnight_blue .BGcard .borderButtonArrow a{
  border: 1px solid var(--txtdark_grey);color:var(--txtdark_grey);;
}
.bgnight_blue .BGcard .borderButtonArrow a:active, 
.bgnight_blue .BGcard .borderButtonArrow a:focus,
.bgnight_blue .BGcard .borderButtonArrow a:hover{
  border-color: var(--accentdark_earth);
  color:var(--accentdark_earth);
}

/* bgnight_blue - buttons styling ends */