.li-widgets--accordion-business-areas {
  position: relative;
  display: block;
  background-color: #fff;
  width: 100%;
  max-width: 100%;
}

.li-widgets--accordion-business-areas--wrapper {
}

.li-widgets--business-areas-title {
  font-size: 21px;
  line-height: 30px;
  font-weight: 700;
  word-wrap: break-word;
}


.li-widgets--business-areas-headings {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 20px;
  cursor: pointer;
  width: 100%;
}

.li-widgets--business-areas-heading {
  background-color: #fff;
  border: 2px solid var(--e-global-color-primary);
  padding: 13px 35px;
  position: relative;
}

.li-widgets--business-areas-heading::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: var(--e-global-color-text);
  left: calc(100% - 42px);
  top: 50%;
}

.li-widgets--business-areas-heading::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: var(--e-global-color-text);
  left: calc(100% - 42px);
  top: 50%;
  transform: rotate(90deg);
}

.li-widgets--business-area-content {
  padding: 10px 0;
  display: none;
}

.li-widgets--business-area-text > p {
  margin: 0;
  padding: 0 5px;
  word-wrap: break-word;
}

.lio .li-widgets--business-area-text ul {
  padding-left: 20px !important;
}

.content-active {
  padding: 0;
  animation: fadeIn 700ms ease-in 0s 1 normal forwards;
  height: 100%;
  width: 100%;
  display: block;
  font-size: 21px;
  line-height: 30px;
  justify-content: space-between;
}

.title-active {
  background-color: var(--e-global-color-primary);
}

.title-active:before, .title-active:after {
  background-color: #fff;
}

.title-active:after {
  animation: icon-toggle 250ms linear 0s 1 normal forwards;
}

.title-active > span {
  color: #fff;
}

@media (max-width: 900px) {
  .li-widgets--business-areas-heading {
    width: 100%
  }

  .li-widgets--business-area-text > p {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .li-widgets--business-areas-title {
    font-size: 14.25px;
    line-height: 18px;
  }

  .li-widgets--business-area-text > p {
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
  }

  .li-widgets--business-area-text a,
  .li-widgets--business-area-text ul li {
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
  } 

  .li-widgets--business-areas-heading::before,
  .li-widgets--business-areas-heading::after {    
    width: 14px;
    height: 1px;   
    left: calc(100% - 25px);    
  }

  .li-widgets--business-areas-heading {    
    border-width: 1px;
    padding: 8px 30px 8px 15px;
  }
 }

@keyframes icon-toggle {
  0% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(0deg); }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1; }
}