/* line 6, scss/component/technique-carousel.scss */
.paragraph--type--technique-discussions-carousel {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  gap: 2rem;
  align-items: flex-end; }
  @media (max-width: 991px) {
    /* line 6, scss/component/technique-carousel.scss */
    .paragraph--type--technique-discussions-carousel {
      flex-direction: column; } }
  /* line 18, scss/component/technique-carousel.scss */
  .paragraph--type--technique-discussions-carousel .swiper.technique-carousel {
    flex: 0 0 auto;
    width: 100%; }
    @media (min-width: 992px) {
      /* line 18, scss/component/technique-carousel.scss */
      .paragraph--type--technique-discussions-carousel .swiper.technique-carousel {
        max-width: calc(640px + (100vw - 960px)/2);
        margin-left: calc(-1 * ((100vw - 960px)/2) - 24px); } }
    @media (min-width: 1200px) {
      /* line 18, scss/component/technique-carousel.scss */
      .paragraph--type--technique-discussions-carousel .swiper.technique-carousel {
        max-width: calc(760px + (100vw - 1140px)/2);
        margin-left: calc(-1 * ((100vw - 1140px)/2) - 24px); } }
    @media (min-width: 1600px) {
      /* line 18, scss/component/technique-carousel.scss */
      .paragraph--type--technique-discussions-carousel .swiper.technique-carousel {
        max-width: calc(880px + (100vw - 1320px)/2);
        margin-left: calc(-1 * ((100vw - 1320px)/2) - 24px); } }
    @media (max-width: 991px) {
      /* line 18, scss/component/technique-carousel.scss */
      .paragraph--type--technique-discussions-carousel .swiper.technique-carousel {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0;
        margin-left: 0; } }
  /* line 45, scss/component/technique-carousel.scss */
  .paragraph--type--technique-discussions-carousel .technique-wrapper {
    flex: 0 0 calc(33.333% - 2rem);
    max-width: calc(33.333% - 2rem);
    display: flex;
    flex-direction: column;
    gap: 4rem;
    position: absolute;
    right: 0;
    z-index: 2; }
    @media (max-width: 991px) {
      /* line 45, scss/component/technique-carousel.scss */
      .paragraph--type--technique-discussions-carousel .technique-wrapper {
        position: relative;
        flex: 0 0 100%;
        max-width: 100%;
        gap: 2rem; } }
  /* line 63, scss/component/technique-carousel.scss */
  .paragraph--type--technique-discussions-carousel .swiper-buttons-container {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    gap: 1rem; }
    @media (max-width: 991px) {
      /* line 63, scss/component/technique-carousel.scss */
      .paragraph--type--technique-discussions-carousel .swiper-buttons-container {
        justify-content: flex-end; } }
    /* line 75, scss/component/technique-carousel.scss */
    .paragraph--type--technique-discussions-carousel .swiper-buttons-container .swiper-button-next,
    .paragraph--type--technique-discussions-carousel .swiper-buttons-container .swiper-button-prev {
      cursor: pointer;
      position: relative;
      margin-top: 0;
      top: 0;
      left: 0;
      right: 0;
      color: var(--color--neutral3);
      padding: 0;
      width: 60px;
      height: 60px; }
      /* line 88, scss/component/technique-carousel.scss */
      .paragraph--type--technique-discussions-carousel .swiper-buttons-container .swiper-button-next::after, .paragraph--type--technique-discussions-carousel .swiper-buttons-container .swiper-button-next::before,
      .paragraph--type--technique-discussions-carousel .swiper-buttons-container .swiper-button-prev::after,
      .paragraph--type--technique-discussions-carousel .swiper-buttons-container .swiper-button-prev::before {
        content: none; }
  /* line 95, scss/component/technique-carousel.scss */
  .paragraph--type--technique-discussions-carousel .technique-title {
    font-size: var(--font-size-t1);
    line-height: var(--line-height-heading);
    font-weight: 700;
    text-align: right; }
    @media (max-width: 991px) {
      /* line 95, scss/component/technique-carousel.scss */
      .paragraph--type--technique-discussions-carousel .technique-title {
        text-align: left; } }
  /* line 108, scss/component/technique-carousel.scss */
  .paragraph--type--technique-discussions-carousel .technique-text-group .technique-text {
    margin-bottom: 1.5rem; }
    /* line 111, scss/component/technique-carousel.scss */
    .paragraph--type--technique-discussions-carousel .technique-text-group .technique-text p {
      font-size: var(--font-size-pXL); }
  /* line 116, scss/component/technique-carousel.scss */
  .paragraph--type--technique-discussions-carousel .technique-text-group .technique-cta {
    position: relative; }

/* line 123, scss/component/technique-carousel.scss */
.paragraph--type--technique-discussions-carousel-s {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 450px;
  border-radius: 16px;
  overflow: hidden; }
  /* line 133, scss/component/technique-carousel.scss */
  .paragraph--type--technique-discussions-carousel-s .field--name-field-node-reference {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    z-index: 2;
    width: 100%; }
    /* line 140, scss/component/technique-carousel.scss */
    .paragraph--type--technique-discussions-carousel-s .field--name-field-node-reference a {
      font-size: var(--font-size-t4);
      font-weight: 600;
      line-height: var(--line-height-heading);
      color: var(--color--secondary3);
      text-decoration: none;
      display: block;
      max-width: 70%; }
  /* line 152, scss/component/technique-carousel.scss */
  .paragraph--type--technique-discussions-carousel-s .field--name-field-image::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(225.13deg, rgba(255, 255, 255, 0) 25%, white 85%);
    z-index: 1; }
  /* line 164, scss/component/technique-carousel.scss */
  .paragraph--type--technique-discussions-carousel-s .field--name-field-image::after {
    content: "";
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 70px;
    height: 70px;
    background: url(../../images/icons/card-arrow-down-right.svg);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: center;
    z-index: 2; }
  /* line 178, scss/component/technique-carousel.scss */
  .paragraph--type--technique-discussions-carousel-s .field--name-field-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 0; }

/*# sourceMappingURL=technique-carousel.css.map */