.section-feature-bullets .swiper-toggle-slide [onclick]{
  position: relative;
  cursor: pointer;
  margin-bottom: 2px;
  width: 100%;
  max-width: 500px;
  transition: all 200ms linear;
  padding: 8px 3px;
}
.section-feature-bullets .swiper-toggle-slide [onclick].is-active{
  padding: 8px 3px 16px;
}
.section-feature-bullets .swiper-toggle-slide [onclick].is-active::before{
  content: '';
  position: absolute;
  top: -3px;
  left: -10px;
  right: -10px;
  bottom: -0px;
  background: currentColor;
  opacity: 0.12;
  border-radius: 10px;
}
.section-feature-bullets.section-bg-white .swiper-toggle-slide [onclick].is-active::before,
.section-feature-bullets.section-bg-gray .swiper-toggle-slide [onclick].is-active::before{
  background: var(--color-primary);
  opacity: 0.1;
}
.section-feature-bullets .swiper-toggle-slide [onclick] #animated-path{
  transition: all 80ms linear;
  transform-origin: center;
}

.section-feature-bullets .swiper-toggle-slide [onclick].is-active .icon-bullet-plus{
  transform: rotate(45deg);
}

.section-feature-bullets .swiper-toggle-slide [onclick].is-active #animated-path.v-path{
  transform: rotate(45deg);
}
.section-feature-bullets .swiper-toggle-slide [onclick].is-active #animated-path.h-path{
  transform: rotate(-45deg);
}

.section-feature-bullets .swiper-toggle-slide [onclick]:not(.is-active) .desc{
  display: none;
}

.section-feature-bullets .swiper-toggle-slide .is-active h6 svg{
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.section-feature-bullets .section-container{
  grid-template-areas: 
      "content graphic"
      "points graphic";
}

.section-feature-bullets .section-container.img-position_left{
  grid-template-areas: 
      "graphic content"
      "graphic points";
}
.section-feature-bullets .content-container{
  grid-area: content;
}
.section-feature-bullets .points-container{
  grid-area: points;
}
.section-feature-bullets .graphic-container{
  grid-area: graphic;
}

@media (max-width: 997px){
  .section-feature-bullets .section-container,
  .section-feature-bullets .section-container.img-position_left{
    grid-template-areas: 
      "content"
      "points"
      "graphic";
  }
  .section-feature-bullets .section-container.sm-graphic_middle{
    grid-template-areas: 
      "content"
      "graphic"
      "points";
  }
}