.cpap__prescription-banner {
  background: #f6f5f0;
  position: relative;
  overflow: hidden;
  @media (max-width: 1023px) {
    padding-bottom: 273px;
  }
  .breadcrumbs {
    margin-top: 12px;
    .breadcrumbs__list {
      display: flex;
      align-items: center;
      gap: 8px;
      list-style-type: none;
      padding: 0;
      margin: 0;
      a {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        color: #6c6c6c;
        text-decoration: none;
      }
      .breadcrumbs__item {
        display: flex;
        &:last-child {
          a {
            color: #2e2e2e;
          }
        }
      }
    }
  }
  .cpap__prescription-banner__images-container {
    position: absolute;
    width: 589px;
    height: 589px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -220px;
    right: -35px;
    @media (max-width: 1023px) {
      margin: 0 auto;
      width: 492px;
      height: 492px;
      left: 50%;
      transform: translateX(-50%);
    }
    .cpap__prescription-banner__images-list {
      position: relative;

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
    .cpap__prescription-banner__first-image {
      width: 589px;
      height: 589px;
      border-radius: 50%;
      overflow: hidden;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      @media (max-width: 1023px) {
        width: 492px;
        height: 492px;
      }
    }
    .cpap__prescription-banner__second-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 407px;
      height: 407px;
      @media (max-width: 1023px) {
        width: 341px;
        height: 341px;
      }
      .cpap__prescription-banner__conic-gradient {
        width: 100%;
        height: 100%;
        opacity: 0.7;
        background: var(
          --Warm-Gradient---Angular,
          conic-gradient(
            from 340deg at 50% 50%,
            #ffaa8f 26.24999910593033deg,
            #f0c6ff 151.875deg,
            #f0c6ff 213.75deg,
            #ffaa8f 330.0000071525574deg
          )
        );
        filter: blur(8.131694793701172px);
        border-radius: 50%;
        display: block;
      }
      figure {
        --spacing-around: 37px;
        margin: 0;
        padding: 0;
        width: calc(100% - var(--spacing-around));
        height: calc(100% - var(--spacing-around));
        border-radius: 50%;
        overflow: hidden;
        z-index: 2;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
      }
    }
    .cpap__prescription-banner__third-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 184px;
      height: 184px;
      @media (max-width: 1023px) {
        width: 154px;
        height: 154px;
      }
      .cpap__prescription-banner__conic-gradient {
        width: 100%;
        height: 100%;
        opacity: 0.7;
        background: var(
          --Warm-Gradient---Angular,
          conic-gradient(
            from 180deg at 50% 50%,
            #ffaa8f 26.24999910593033deg,
            #f0c6ff 151.875deg,
            #f0c6ff 213.75deg,
            #ffaa8f 330.0000071525574deg
          )
        );
        filter: blur(6.0987725257873535px);
        border-radius: 50%;
        display: block;
      }
      figure {
        --spacing-around: 24px;
        margin: 0;
        padding: 0;
        width: calc(100% - var(--spacing-around));
        height: calc(100% - var(--spacing-around));
        border-radius: 50%;
        overflow: hidden;
        z-index: 2;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
      }
    }
  }
  .cpap__prescription-banner__content {
    padding: 69px 0 98px 0;
    width: calc(100% - 550px);
    @media (max-width: 1023px) {
      width: 100%;
      text-align: center;
      padding: 20px 0 53px 0;
    }
    h2 {
      color: #2e2e2e;
      margin: 0;
      font-size: 56px;
      font-weight: 500;
      line-height: 64px;
      @media (max-width: 1023px) {
        font-size: 48px;
        line-height: 52px;
      }
    }
    p {
      color: #6c6c6c;
      margin: 16px 0 0 0;
      font-size: 18px;
      font-weight: 500;
      line-height: 24px;
    }
  }
}
