/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./accordion/accordion.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.accordion {
  margin-bottom: 40px;
}
@media screen and (min-width: 782px) {
  .accordion {
    margin-bottom: 64px;
  }
}
.accordion > .wp-block-heading {
  color: #265289;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 12px;
}

.accordion--design1 {
  background: rgba(0, 136, 197, 0.1);
  border: 1px solid rgba(0, 136, 197, 0.2);
  border-radius: 16px;
  padding: 32px 24px;
}
.accordion--design1 > * + .accordion-items {
  margin-top: 24px;
}
.accordion--design1 .accordion__item:not(:last-child) {
  margin-bottom: 12px;
}
.accordion--design1 .accordion__item.active {
  position: relative;
}
.accordion--design1 .accordion__item.active::after {
  background: rgba(0, 136, 197, 0.2);
  bottom: 0;
  border-radius: 0px 0px 16px 16px;
  content: "";
  height: calc(100% - 30px);
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.accordion--design1 .accordion__item.active .accordion__title {
  box-shadow: 0px 4px 12px 8px rgba(0, 0, 0, 0.15);
}
.accordion--design1 .accordion__item.active .accordion__title::after {
  background: transparent;
}
.accordion--design1 .accordion__item.active .accordion__title-icon {
  background: transparent;
}
.accordion--design1 .accordion__item.active .accordion__content-inner {
  padding: 18px 24px 18px;
}
.accordion--design1 .accordion__title {
  background: #ffffff;
  border-radius: 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  padding: 18px 56px 15px 24px;
}
.accordion--design1 .accordion__title::after {
  background: #0088c5;
  border: 2px solid #0088c5;
  border-radius: 50%;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  right: 16px;
  top: 50%;
  width: 16px;
}
.accordion--design1 .accordion__title-icon {
  background: #0088c5;
  border: 2px solid #0088c5;
  border-radius: 50%;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  right: 16px;
  top: 50%;
  width: 16px;
}

.accordion__title {
  color: #265289;
  cursor: pointer;
  font-family: Kanit, Tahoma, Arial, sans-serif;
  margin: 0;
  position: relative;
  transition: all 0.3s ease;
}

.accordion__content {
  max-height: 0;
  overflow: hidden;
  will-change: max-height;
  transition: all 0.25s ease-out;
}

.accordion__content-inner > *:last-child {
  margin-bottom: 0;
}

.accordion--design2 > * + .accordion-items {
  margin-top: 32px;
}
.accordion--design2 .accordion__item {
  position: relative;
}
.accordion--design2 .accordion__item:not(:last-child) {
  padding-bottom: 21px;
}
.accordion--design2 .accordion__item:last-child::after {
  background-color: transparent;
}
.accordion--design2 .accordion__item:last-child.active::after {
  background-color: rgb(0, 136, 197);
}
.accordion--design2 .accordion__item::after {
  background-color: rgba(0, 136, 197, 0.2);
  content: "";
  height: 100%;
  left: 13px;
  position: absolute;
  top: 2px;
  width: 1px;
}
.accordion--design2 .accordion__item.active .accordion__title-icon::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%273%27 viewBox=%270 0 12 3%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.41667 2.08329H0.75V0.916626H5.41667H6.58333H11.25V2.08329H6.58333H5.41667Z%27 fill=%27%230088C5%27/%3E%3C/svg%3E%0A");
}
.accordion--design2 .accordion__item.active::after {
  background-color: rgb(0, 136, 197);
}
.accordion--design2 .accordion__item .accordion__content-inner {
  padding: 24px 0 0 42px;
}
.accordion--design2 .accordion__title {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
  padding-left: 42px;
}
.accordion--design2 .accordion__title-icon {
  background: #fff;
  border: 1px solid #0088C5;
  border-radius: 50%;
  display: block;
  height: 26px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 26px;
  z-index: 1;
}
.accordion--design2 .accordion__title-icon::after {
  background-image: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%2714%27 viewBox=%270 0 14 14%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cmask id=%27mask0_32_586%27 style=%27mask-type:alpha%27 maskUnits=%27userSpaceOnUse%27 x=%270%27 y=%270%27 width=%2714%27 height=%2714%27%3E%3Crect width=%2714%27 height=%2714%27 fill=%27%23D9D9D9%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23mask0_32_586%29%27%3E%3Cpath d=%27M6.41667 12.25V7.58333H1.75V6.41667H6.41667V1.75H7.58333V6.41667H12.25V7.58333H7.58333V12.25H6.41667Z%27 fill=%27%230088C5%27/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  content: "";
  height: 14px;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  width: 14px;
}

/*# sourceMappingURL=accordion.css.map*/