.accordion > li {
  padding: 30px 0;
  transition: all 0.5s ease;
}
.accordion > li:first-child {
  padding-top: 2px;
}
.accordion > li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion > li .title,
.accordion header svg {
  cursor: pointer;
}
.accordion > li .open > header svg {
  transform: rotate(-180deg);
}
.accordion > li figure figcaption {
  width: 100%;
}
.accordion > li figure figcaption *:not(.btn) {
  /* font: 400 1.8em/1.1 Graphik, 'Helvetica Neue', Helvetica, sans-serif;
          font-size: inherit; */
}
.accordion > li figure img {
  max-width: 215px;
  padding-left: 15px;
}
.accordion > li .btn-container {
  margin-top: 8px;
}
.accordion header svg {
  width: 35px;
  height: 35px;
  min-width: 35px;
  padding: 12px;
  transition: 0.5s;
  border-radius: 100%;
}
.spruce-dark-blue .accordion header svg > path {
  stroke: #fff;
}
.spruce-dark-blue .accordion header svg:hover > path {
  stroke: #262626;
}
.spruce-dark-blue .accordion > li:not(:last-child) {
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
[class*=theme] .white-theme .accordion header svg > path,
[class*=theme] .spruce-eggshell-theme .accordion header svg > path,
[class*=theme] .grey-theme .accordion header svg > path,
[class*=theme] .grey-light-theme .accordion header svg > path,
[class*=theme] .spruce-neon-theme .accordion header svg > path,
[class*=theme] .ba-neon-blue .accordion header svg > path,
[class*=theme] .hrb-neon-green .accordion header svg > path,
[class*=theme] .spruce-shark-gray .accordion header svg > path {
  stroke: #003512;
}
[class*=theme] .white-theme .accordion header svg:hover > path,
[class*=theme] .spruce-eggshell-theme .accordion header svg:hover > path,
[class*=theme] .grey-theme .accordion header svg:hover > path,
[class*=theme] .grey-light-theme .accordion header svg:hover > path,
[class*=theme] .spruce-neon-theme .accordion header svg:hover > path,
[class*=theme] .ba-neon-blue .accordion header svg:hover > path,
[class*=theme] .hrb-neon-green .accordion header svg:hover > path,
[class*=theme] .spruce-shark-gray .accordion header svg:hover > path {
  stroke: #262626;
}
[class*=theme] .white-theme .accordion > li:not(:last-child),
[class*=theme] .spruce-eggshell-theme .accordion > li:not(:last-child),
[class*=theme] .grey-theme .accordion > li:not(:last-child),
[class*=theme] .grey-light-theme .accordion > li:not(:last-child),
[class*=theme] .spruce-neon-theme .accordion > li:not(:last-child),
[class*=theme] .ba-neon-blue .accordion > li:not(:last-child),
[class*=theme] .hrb-neon-green .accordion > li:not(:last-child),
[class*=theme] .spruce-shark-gray .accordion > li:not(:last-child) {
  border-bottom-color: rgba(0, 53, 18, 0.5);
}
.white-theme .accordion header svg > path,
.spruce-eggshell-theme .accordion header svg > path,
.grey-theme .accordion header svg > path,
.grey-light-theme .accordion header svg > path,
.spruce-neon-theme .accordion header svg > path,
.ba-neon-blue .accordion header svg > path,
.hrb-neon-green .accordion header svg > path,
.spruce-shark-gray .accordion header svg > path {
  stroke: #003512;
}
.white-theme .accordion header svg:hover > path,
.spruce-eggshell-theme .accordion header svg:hover > path,
.grey-theme .accordion header svg:hover > path,
.grey-light-theme .accordion header svg:hover > path,
.spruce-neon-theme .accordion header svg:hover > path,
.ba-neon-blue .accordion header svg:hover > path,
.hrb-neon-green .accordion header svg:hover > path,
.spruce-shark-gray .accordion header svg:hover > path {
  stroke: #262626;
}
.white-theme .accordion > li:not(:last-child),
.spruce-eggshell-theme .accordion > li:not(:last-child),
.grey-theme .accordion > li:not(:last-child),
.grey-light-theme .accordion > li:not(:last-child),
.spruce-neon-theme .accordion > li:not(:last-child),
.ba-neon-blue .accordion > li:not(:last-child),
.hrb-neon-green .accordion > li:not(:last-child),
.spruce-shark-gray .accordion > li:not(:last-child) {
  border-bottom-color: rgba(0, 53, 18, 0.5);
}
[class*=theme] .black-theme .accordion header svg > path,
[class*=theme] .green-dark-theme .accordion header svg > path,
[class*=theme] .spruce-forest-theme .accordion header svg > path,
[class*=theme] .green-theme-medium .accordion header svg > path,
[class*=theme] .green-theme .accordion header svg > path,
[class*=theme] .ba-charcoal-gray-theme .accordion header svg > path,
[class*=theme] .ba-emerald-green-theme .accordion header svg > path {
  stroke: #f6f4e9;
}
[class*=theme] .black-theme .accordion > li:not(:last-child),
[class*=theme] .green-dark-theme .accordion > li:not(:last-child),
[class*=theme] .spruce-forest-theme .accordion > li:not(:last-child),
[class*=theme] .green-theme-medium .accordion > li:not(:last-child),
[class*=theme] .green-theme .accordion > li:not(:last-child),
[class*=theme] .ba-charcoal-gray-theme .accordion > li:not(:last-child),
[class*=theme] .ba-emerald-green-theme .accordion > li:not(:last-child) {
  border-bottom-color: rgba(246, 244, 233, 0.5);
}
.black-theme .accordion header svg > path,
.green-dark-theme .accordion header svg > path,
.spruce-forest-theme .accordion header svg > path,
.green-theme-medium .accordion header svg > path,
.green-theme .accordion header svg > path,
.ba-charcoal-gray-theme .accordion header svg > path,
.ba-emerald-green-theme .accordion header svg > path {
  stroke: #f6f4e9;
}
.black-theme .accordion > li:not(:last-child),
.green-dark-theme .accordion > li:not(:last-child),
.spruce-forest-theme .accordion > li:not(:last-child),
.green-theme-medium .accordion > li:not(:last-child),
.green-theme .accordion > li:not(:last-child),
.ba-charcoal-gray-theme .accordion > li:not(:last-child),
.ba-emerald-green-theme .accordion > li:not(:last-child) {
  border-bottom-color: rgba(246, 244, 233, 0.5);
}
[class*=theme] .yellow-theme .accordion header svg > path,
[class*=theme] .blue-theme .accordion header svg > path,
[class*=theme] .green-light-theme .ba-blue-light-theme .accordion header svg > path,
[class*=theme] .ba-wave-blue-theme .accordion header svg > path {
  stroke: #262626;
}
[class*=theme] .yellow-theme .accordion header svg:hover > path,
[class*=theme] .blue-theme .accordion header svg:hover > path,
[class*=theme] .green-light-theme .ba-blue-light-theme .accordion header svg:hover > path,
[class*=theme] .ba-wave-blue-theme .accordion header svg:hover > path {
  stroke: #262626;
}
.yellow-theme .accordion header svg > path,
.blue-theme .accordion header svg > path,
.green-light-theme .ba-blue-light-theme .accordion header svg > path,
.ba-wave-blue-theme .accordion header svg > path {
  stroke: #262626;
}
.yellow-theme .accordion header svg:hover > path,
.blue-theme .accordion header svg:hover > path,
.green-light-theme .ba-blue-light-theme .accordion header svg:hover > path,
.ba-wave-blue-theme .accordion header svg:hover > path {
  stroke: #262626;
}
.ba-wave-blue-theme .accordion > li header > a,
.ba-wave-blue-theme .accordion > li header > a:hover,
.ba-wave-blue-theme .accordion > li header > a:focus,
.ba-wave-blue-theme .accordion > li div {
  color: #262626 !important;
}
/**
:not([class*=white-][class*=-theme]) .accordion  {
  header svg:hover {
    background: @light-grey-1;
  }
}

:not([class*=white-][class*=-theme]) .accordian-section .accordion header a:focus svg {
  background: @light-grey-1;
}




[class*=grey-][class*=-theme].accordian-section .accordion header a:hover svg,
[class*=grey-][class*=-theme].accordian-section .accordion header a:focus svg {
  background: @white !important;
}


[class*=grey-][class*=-theme] .accordian-section .accordion header a:focus svg {
    background: @white;
}
**/
.eye-padding-btm-0 {
  padding-bottom: 0;
}
.eye-padding-btm-20 {
  padding-bottom: 10px;
}
.eye-padding-btm-25 {
  padding-bottom: 12.5px;
}
.eye-padding-btm-30 {
  padding-bottom: 15px;
}
.eye-padding-btm-35 {
  padding-bottom: 17.5px;
}
.eye-padding-btm-40 {
  padding-bottom: 20px;
}
.eye-padding-btm-45 {
  padding-bottom: 22.5px;
}
.eye-padding-btm-50 {
  padding-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .eye-padding-btm-20 {
    padding-bottom: 20px;
  }
  .eye-padding-btm-25 {
    padding-bottom: 25px;
  }
  .eye-padding-btm-30 {
    padding-bottom: 30px;
  }
  .eye-padding-btm-35 {
    padding-bottom: 35px;
  }
  .eye-padding-btm-40 {
    padding-bottom: 40px;
  }
  .eye-padding-btm-45 {
    padding-bottom: 45px;
  }
  .eye-padding-btm-50 {
    padding-bottom: 50px;
  }
}
.color-eyebrow {
  line-height: 24px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  width: fit-content;
  padding-left: 10px;
  padding-right: 10px;
}
.color-eyebrow.text-center {
  margin-left: auto;
  margin-right: auto;
}
.color-eyebrow.text-right {
  margin-left: auto;
}
.accordion header a {
  -webkit-tap-highlight-color: transparent;
}
.accordion .icon-circle {
  justify-content: left;
}