.faq-four-block {
  background: var(--background-second); 
	
	    --primary: #13116e;
    --second: #9595A4;
    --head-primary: #1f1f1f;
    --main-text-primary: #6a6a6a;
    --primary-hover: #c21567;
    --background: #fff;
    --background-second: #f5f5f5;
    --head-secondary: #fff;
    --main-text-secondary: #eee;
    --background-secondary: #f6f6f6;
    --background-thirdly: #e2e3e1;
    --stroke: #bbbeba;
    --storke-second: #cbcaca;
    --storke-third: #ececec;
    --storke-four: #dfdfdf;
    --accent-green: #57dd18;
	
	padding-block: clamp(2.5rem, 2rem + 2.5vw, 5rem);
	margin-block-end: clamp(2.5rem, 2rem + 2.5vw, 5rem);
}
  .faq-four-block .items {
    display: flex;
    align-items: flex-start;
    grid-column-gap: 30px; }
    .faq-four-block .items .banner {
      width: 32%;
      border-radius: 5px;
      overflow: hidden;
      position: sticky;
      top: 30px;
      padding: 40px;
      color: var(--background);
      min-height: 380px;
      display: flex;
      flex-direction: column;
      background-color: var(--head-primary);
      background-image: url(images/banner-bg.png);
      background-repeat: no-repeat;
      background-size: 190px 170px;
      background-position: 100% calc(100% - 25px); }
      .faq-four-block .items .banner__title {
        font-weight: 800;
        font-size: 32px;
        line-height: 100%;
        margin-bottom: 25px;
        max-width: 300px; }
      .faq-four-block .items .banner__subtitle {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--storke-third);
        margin-bottom: 30px;
        max-width: 300px; }
      .faq-four-block .items .banner__btn {
        margin-top: auto; }
    .faq-four-block .items__body {
      width: 68%; }
    .faq-four-block .items__wrapper .item {
      border: 1px solid var(--storke-four);
      border-radius: 5px;
      margin-bottom: 10px;
      background: transparent;
      transition: background 0.3s ease; }
      .faq-four-block .items__wrapper .item:last-child {
        margin-bottom: 0px; }
      .faq-four-block .items__wrapper .item.hidden {
        display: none; }
      .faq-four-block .items__wrapper .item.active {
        background: var(--background); }
        .faq-four-block .items__wrapper .item.active .item__header::before {
          opacity: 1; }
        .faq-four-block .items__wrapper .item.active .item__status {
          background: var(--second); }
          .faq-four-block .items__wrapper .item.active .item__status .vertical {
            opacity: 0; }
      .faq-four-block .items__wrapper .item__title {
        font-weight: 800;
        font-size: 16px;
        line-height: 120%;
        color: var(--head-primary);
        padding-right: 15px; }
      .faq-four-block .items__wrapper .item__status {
        margin-left: auto;
        min-width: 60px;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--primary);
        border-radius: 50%;
        transition: background 0.3s ease; }
        .faq-four-block .items__wrapper .item__status .vertical {
          transition: opacity 0.3s ease; }
      .faq-four-block .items__wrapper .item__header {
        padding: 10px 10px 10px 40px;
        display: flex;
        align-items: center;
        position: relative;
        cursor: pointer; }
        .faq-four-block .items__wrapper .item__header::before {
          content: '';
          position: absolute;
          left: 40px;
          bottom: 0px;
          width: calc(100% - 110px);
          height: 1px;
          background: var(--storke-third);
          opacity: 0; }
      .faq-four-block .items__wrapper .item__content {
        padding: 25px 70px 30px 40px;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: var(--main-text-primary);
        display: none; }
        .faq-four-block .items__wrapper .item__content * {
          color: var(--main-text-primary); }
    .faq-four-block .items__more {
      margin-left: auto;
      margin-right: auto;
      margin-top: 40px; }

@media (max-width: 1200px) {
  .faq-four-block .items .banner {
    padding: 20px; }
    .faq-four-block .items .banner__title {
      font-size: 20px;
      margin-bottom: 20px; } }
@media (max-width: 991px) {
  .faq-four-block .items {
    flex-direction: column; }
    .faq-four-block .items__wrapper .item__status {
      min-width: 45px;
      width: 45px;
      height: 45px; }
    .faq-four-block .items__wrapper .item__header {
      padding: 10px 10px 10px 20px; }
      .faq-four-block .items__wrapper .item__header::before {
        left: 20px;
        width: calc(100% - 30px); }
    .faq-four-block .items__wrapper .item__content {
      padding: 25px 30px 20px 20px; }
    .faq-four-block .items__body {
      width: 100%;
      margin-bottom: 30px; }
    .faq-four-block .items .banner {
      width: 280px;
      margin-left: auto;
      margin-right: auto; } }
@media (max-width: 767px) {
  .faq-four-block .items__wrapper .item__content {
    padding: 15px 20px 20px 20px; }
  .faq-four-block .items__more {
    margin-top: 30px; } }

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