:root {
  --bodyFont: "DM Sans", sans-serif;
  --titleFont: "Poppins", sans-serif;
  --titleColor: #ffffff;
  --textColor: #ffffff;
  --primaryColor: #5c00e5;
  --secondaryColor: #f23f5d;
  --bodyColor: #111111;
  --bodyColor2: #1a1a1a;
  --whiteColor: #ffffff;
  --blackColor: #000000;
  --borderColor: #e2eaf0;
  --inputbgColor: #f5f9fc;
  --softbgColor: #f5f9fc;
  --neutralColor0: #ffffff;
  --neutralColor10: #fafafb;
  --neutralColor20: #f5f6f7;
  --neutralColor30: #ebecef;
  --neutralColor40: #dfe0e4;
  --neutralColor50: #c1c4cc;
  --neutralColor60: #b2b6bf;
  --neutralColor70: #a6aab5;
  --neutralColor80: #979ca8;
  --neutralColor90: #888e9c;
  --neutralColor100: #798090;
  --neutralColor200: #6a7283;
  --neutralColor300: #5b6477;
  --neutralColor400: #4f586d;
  --neutralColor500: #404a60;
  --neutralColor600: #343e56;
  --neutralColor700: #222e48;
  --neutralColor800: #13203b;
  --neutralColor800: #13203b;
  --transition: 0.4s all ease;
}

.tps-accordion.style1 .accordion-item {
  background: transparent;
  border: none;
  padding-bottom: 30px;
  position: relative;
  padding-left: 60px;
}
.tps-accordion.style1 .accordion-item:last-child {
  padding-bottom: 0;
}
.tps-accordion.style1 .accordion-item .accordion-header button {
  background: transparent;
  border: none;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  box-shadow: none;
  padding: 0;
  position: relative;
  color: #1c2539;
}
.tps-accordion.style1 .accordion-item .accordion-header button:before {
  content: "";
  position: absolute;
  left: 0;
  background: #fff;
  border: 5px solid var(--primaryColor);
  height: 20px;
  width: 20px;
  left: -11.4%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 30px;
  background-color: #fff;
  z-index: 5;
  transition: 0.3s;
}
.tps-accordion.style1 .accordion-item .accordion-body {
  padding: 15px 0 0;
}
.tps-accordion.style1 .accordion-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  border-left: 2px dashed #eaeaea;
  top: 3px;
  left: 18px;
  position: absolute;
}
.tps-accordion.style2 .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.tps-accordion.style2 .accordion-item {
  margin-bottom: 24px;
}
.tps-accordion.style2 .accordion-item .accordion-header button {
  background: transparent;
  font-weight: 400;
  font-size: 18px;
  align-items: center;
  display: flex;
}
.tps-accordion.style2 .accordion-item .accordion-header button .accordion-icon {
  font-size: 16px;
  display: block;
  margin-left: 8px;
  margin-right: 0;
}
.tps-accordion.style2 .accordion-item .accordion-header button .accordion-icon i {
  background: #eaeaea;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  color: var(--titleColor);
}
.tps-accordion.style2 .accordion-item .accordion-header button .accordion-icon-active {
  display: none;
  margin-left: 8px;
  margin-right: 0;
}
.tps-accordion.style2 .accordion-item .accordion-header button .accordion-icon-active i {
  background: var(--primaryColor);
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
}
.tps-accordion.style2 .accordion-item .accordion-header button .accordion-icon,
.tps-accordion.style2 .accordion-item .accordion-header button .accordion-icon-active {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0px, -50%);
  min-width: 12px;
}
.tps-accordion.style2 .accordion-item .accordion-header button[aria-expanded=true] {
  color: #fff;
}
.tps-accordion.style2 .accordion-item .accordion-header button[aria-expanded=true] .accordion-icon {
  display: none;
}
.tps-accordion.style2 .accordion-item .accordion-header button[aria-expanded=true] .accordion-icon-active {
  display: block;
  font-size: 16px;
}
.tps-accordion.style2 .accordion-item .accordion-body {
  padding: 15px 30px 0px 20px;
}

.tps-accordion.style1 .accordion-item .accordion-header button[aria-expanded=true]::before {
  content: "";
  position: absolute;
  left: 0;
  background-image: none;
  height: 50px;
  width: 50px;
  left: -14.6%;
  background: var(--primaryColor);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 30px;
  z-index: 5;
}/*# sourceMappingURL=accordion.css.map */