:root {
  --br-surface: #ffffff;
  --br-surface-2: #f7faff;
  --br-border: #e6ecf5;
  --br-text: #1f2533;
  --br-blue: #4c8dff;
  --br-green: #1fc77a;
  --br-orange: #ff8a3d;
  --br-red: #ea445a;
  --br-accent: linear-gradient(90deg, var(--br-blue) 0%, var(--br-green) 100%);
  --br-radius: 16px;
}

.background-layer.questions .bg-layer__2 {
  left: 120px;
}

.questions__background-content {
  position: absolute;
  left: 7.2%;
  bottom: 40px;
}

.questions__box {
  margin-left: auto;
}

.questions__item {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.questions__item:nth-child(even) .questions__item-mark {
  background-color: #33c5f3;
}
.questions__item:nth-child(even) .questions__item-title::after {
  background: url(https://cdn.brainring.co.uk/public/images/icons/icon-plus-blue.svg) no-repeat center;
}
.questions__item:nth-child(even) .questions__item-title.active::after {
  background: url(https://cdn.brainring.co.uk/public/images/icons/icon-minus-blue.svg) no-repeat center;
}

.questions__item-title {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 60px;
  padding: 15px 50px 15px 70px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 15px;
  font-family: Gilroy-Medium, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #005980;
  z-index: 100;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.questions__item-title h2 {
  font-size: 16px;
  font-weight: normal;
}
.questions__item-title:hover {
  cursor: pointer;
}
.questions__item-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 21px;
  transform: translateY(-50%);
  width: 19px;
  height: 24px;
  background: url(https://cdn.brainring.co.uk/public/images/icons/icon-plus-orange.svg) no-repeat center;
  transition: all 0.3s ease 0s;
}
.questions__item-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -12px;
  transform: translateY(-50%);
  width: 14px;
  height: 20px;
  background: url(https://cdn.brainring.co.uk/public/images/icons/icon-arrow-left.svg) no-repeat;
  transition: all 0.3s ease 0s;
}

.questions__item-title.active::after {
  background: url(https://cdn.brainring.co.uk/public/images/icons/icon-minus-orange.svg) no-repeat center;
}
.questions__item-title.active::before {
  left: 0;
}

.questions__item-mark {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  width: 43px;
  height: 43px;
  background-color: #feaa3a;
  border-radius: 50%;
}
.questions__item-mark img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.questions__item-content {
  display: none;
  position: relative;
  top: -24px;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 32px 15px 22px 15px;
  margin-bottom: -24px;
  font-family: Gilroy-Regular, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  background: #d5efff;
  border: 1px dashed #1489e3;
  border-radius: 15px;
}
.questions__item-content p, .questions__item-content li, .questions__item-content h3, .questions__item-content h4, .questions__item-content h5 {
  font-family: Gilroy-Regular, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.questions__item-content span {
  color: #008bb7;
  font-family: Gilroy-Semibold, sans-serif;
  font-weight: 600;
  font-size: 17px;
}

.question__bg-girl {
  width: 254px;
}

@media screen and (max-width: 900px) {
  .questions__item-title {
    font-size: 18px;
    padding: 40px 45px 40px 70px;
  }
}