.wp-block-spf-use-case {
        overflow: hidden;
}

@media (min-width: 48.875rem) {

        .wp-block-spf-use-case {
                padding-top: 2.5rem;
        }
}

.wp-block-spf-use-case .block {
        padding-right: 2rem;
        padding-bottom: 2rem;
}

@media not all and (min-width: 64rem) {

        .wp-block-spf-use-case .block {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                padding-left: 2rem;
        }
}

.wp-block-spf-use-case .block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-column-gap: 2rem;
           -moz-column-gap: 2rem;
                column-gap: 2rem;
}

@media not all and (min-width: 48.875rem) {

        .wp-block-spf-use-case .image-wrapper {
                -ms-flex-item-align: center;
                    align-self: center;
        }
}

.wp-block-spf-use-case .image-wrapper {
        position: relative;
        margin-bottom: -2.5rem;
        width: 8.5rem;
}

@media not all and (min-width: 64rem) {

        .wp-block-spf-use-case .image-wrapper {
                z-index: 20;
        }
}

@media (min-width: 75rem) {

        .wp-block-spf-use-case .image-wrapper {
                width: 15.625rem;
        }
}

.wp-block-spf-use-case .image-wrapper img {
        position: relative;
}

@media (min-width: 48.875rem) {

        .wp-block-spf-use-case .image-wrapper img {
                right: -3.5rem;
        }
}

.wp-block-spf-use-case .image-wrapper img {
        height: 8.5rem;
        width: 8.5rem;
        border-radius: 0.25rem;
        -o-object-fit: cover;
           object-fit: cover;
}

@media (min-width: 75rem) {

        .wp-block-spf-use-case .image-wrapper img {
                height: 15.625rem;
                width: 15.625rem;
        }
}

.wp-block-spf-use-case .block-wrapper {
        position: relative;
        z-index: 10;
        width: 100%;
}

.wp-block-spf-use-case .block-wrapper:after {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        height: 100%;
        width: 100%;
        --tw-rotate: 2deg;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        border-radius: 1.5rem;
        --tw-content: '';
        content: var(--tw-content);
        background-color: var(--wp--preset--color--primary);
        opacity: 0.4;
}

.wp-block-spf-use-case .block-wrapper:before {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        height: 100%;
        width: 100%;
        --tw-rotate: 4deg;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        border-radius: 1.5rem;
        --tw-content: '';
        content: var(--tw-content);
        background-color: var(--wp--preset--color--primary);
        opacity: 0.2;
}

.wp-block-spf-use-case .block-text {
        position: relative;
}

.wp-block-spf-use-case .block-text:before {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;
        height: 100%;
        width: 100%;
        --tw-rotate: 6deg;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        border-radius: 1.5rem;
        --tw-content: '';
        content: var(--tw-content);
        background-color: var(--wp--preset--color--primary);
        opacity: 0.112;
}

.wp-block-spf-use-case .text-wrapper {
        position: relative;
        z-index: 10;
        border-radius: 1.5rem;
        border-width: 1px;
        border-style: solid;
        border-color: var(--wp--preset--color--primary);
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding: 2rem;
}

@media not all and (min-width: 48.875rem) {

        .wp-block-spf-use-case .text-wrapper {
                padding-top: 3rem;
        }
}

.wp-block-spf-use-case .text-wrapper h5 {
        margin: 0px;
        margin-bottom: 1.5rem;
}

.wp-block-spf-use-case .text-wrapper h6 {
        margin: 0px;
        margin-bottom: 0.25rem;
        white-space: nowrap;
        font-size: 0.75rem;
        font-weight: 200;
        line-height: 0.875rem;
}

.wp-block-spf-use-case .text-wrapper .meta {
        gap: 0.75rem;
}

@media not all and (min-width: 48.875rem) {

        .wp-block-spf-use-case .text-wrapper .meta {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: start;
                    -ms-flex-align: start;
                        align-items: flex-start;
        }
}

.wp-block-spf-use-case .text-wrapper .meta p {
        margin: 0px;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1rem;
}

@media (min-width: 48.875rem) {

        .wp-block-spf-use-case .text-wrapper .meta:nth-child(3):last-of-type {
                grid-column: span 2 / span 2;
        }
}

.wp-block-spf-use-case .text-wrapper .grid-meta {
        display: grid;
        gap: 1rem;
}

@media not all and (min-width: 48.875rem) {

        .wp-block-spf-use-case .text-wrapper .grid-meta {
                grid-template-columns: repeat(1, minmax(0, 1fr));
        }
}

@media (min-width: 48.875rem) {

        .wp-block-spf-use-case .text-wrapper .grid-meta {
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

.wp-block-spf-use-case .interaction {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        border-radius: 1.5rem;
        border-width: 1px;
        border-style: solid;
        border-color: var(--wp--preset--color--primary);
        padding: 1rem;
}

@media (min-width: 48.875rem) {

        .wp-block-spf-use-case .interaction {
                padding: 1.5rem;
        }
}

.wp-block-spf-use-case .interaction {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 1rem;
}

@media not all and (min-width: 48.875rem) {

        .wp-block-spf-use-case .interaction {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
        }
}

.wp-block-spf-use-case .interaction h6 {
        margin: 0px;
}

.wp-block-spf-use-case .interaction p {
        margin: 0px;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1rem;
}

.wp-block-spf-use-case .swiper-slide {
        -ms-flex-negative: 0;
            flex-shrink: 0;
}

.wp-block-spf-use-case .swiper-button {
        position: absolute;
        opacity: 0;
        top: 10rem;
        right: 0px;
        background-repeat: no-repeat;
        color: transparent;
}

@media (min-width: 48.875rem) {

        .wp-block-spf-use-case .swiper-button {
                top: 10rem;
        }
}

@media (min-width: 75rem) {

        .wp-block-spf-use-case .swiper-button {
                right: -1rem;
        }
}

.wp-block-spf-use-case .swiper-button {
        background-color: transparent;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDEwLjUwMDFDMjEgMTAuNTAwMSAxNS44NDQ2IDE3LjUgMTQgMTcuNUMxMi4xNTUzIDE3LjUgNyAxMC41IDcgMTAuNSIgc3Ryb2tlPSIjMTQxQjM0IiBzdHJva2Utd2lkdGg9IjEuNzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
        --tw-rotate: -90deg;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        background-size: 1.25rem;
        background-position: center;
        height: 3rem;
        width: 3rem;
        cursor: pointer;
}

.wp-block-spf-use-case .swiper-button[disabled] {
        display: none;
}

.wp-block-spf-use-case .swiper-button svg {
        display: none;
}

@media (min-width: 48.875rem) {

        .wp-block-spf-use-case:hover .swiper-button {
                opacity: 1;
        }
}

.wp-block-spf-use-case .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0px;
}

.wp-block-spf-use-case .items.no-scrollbar {
        scrollbar-width: none;
    }

.wp-block-spf-use-case .items.no-scrollbar::-webkit-scrollbar {
        width: 0px;
}

.wp-block-spf-use-case .images-decorative::before {
      content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzU5IiBoZWlnaHQ9IjQ1NyIgdmlld0JveD0iMCAwIDM1OSA0NTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMTc1NV80ODIzMikiPgo8cGF0aCBkPSJNMzM5Ljc2NyA0MDAuMDM3QzIzOS43MDcgNDU1Ljg1NyAxMTMuMzQxIDQxOS45OTQgNTcuNTIwOCAzMTkuOTM0QzEuNzAwNTIgMjE5Ljg3NCAzNy41NjM4IDkzLjUwODIgMTM3LjYyNCAzNy42ODhDMjM3LjY4MyAtMTguMTMyMyAzNjQuMDQ5IDE3LjczMSA0MTkuODY5IDExNy43OTFDNDc1LjY5IDIxNy44NTEgNDM5LjgyNiAzNDQuMjE2IDMzOS43NjcgNDAwLjAzN1oiIHN0cm9rZT0idXJsKCNwYWludDBfbGluZWFyXzE3NTVfNDgyMzIpIiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMTc1NV80ODIzMiIgeD0iMC45NDcyNjYiIHk9Ii0xOC44ODUiIHdpZHRoPSI0NzUuNDk1IiBoZWlnaHQ9IjQ3NS40OTUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldC8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE1Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMjU4ODI0IDAgMCAwIDAgMC45MTc2NDcgMCAwIDAgMCAwLjYzNTI5NCAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTc1NV80ODIzMiIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18xNzU1XzQ4MjMyIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTc1NV80ODIzMiIgeDE9IjEwMC45OTMiIHkxPSIzODYuNzY0IiB4Mj0iMzA4LjU3MSIgeTI9IjMzMS44NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNDJFQUEyIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzM4QzY4OSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
      position: absolute;
      top: -10rem;
      right: -5rem;
    }

@media screen and (max-width: 768px) {

.wp-block-spf-use-case .images-decorative::before {
        content: none;
    }
      }

.wp-block-spf-use-case .images-decorative::after {
      content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjExIiBoZWlnaHQ9IjM0NCIgdmlld0JveD0iMCAwIDIxMSAzNDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfMTc1NV80ODIzMykiPgo8cGF0aCBkPSJNNTAuMjAzNiAyMy4xMDQ4QzEyMS40NDMgMjkuMzMyMSAxNzQuMTQ1IDkyLjEzMTIgMTY3LjkxOCAxNjMuMzdDMTYxLjY5MSAyMzQuNjEgOTguODkxNyAyODcuMzEyIDI3LjY1MjUgMjgxLjA4NUMtNDMuNTg2OCAyNzQuODU4IC05Ni4yODkzIDIxMi4wNTkgLTkwLjA2MiAxNDAuODE5Qy04My44MzQ3IDY5LjU4MDEgLTIxLjAzNTYgMTYuODc3NSA1MC4yMDM2IDIzLjEwNDhaIiBzdHJva2U9InVybCgjcGFpbnQwX2xpbmVhcl8xNzU1XzQ4MjMzKSIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzE3NTVfNDgyMzMiIHg9Ii0xMzIuODEyIiB5PSIwLjM1NTIyNSIgd2lkdGg9IjM0My40NzkiIGhlaWdodD0iMzQzLjQ3OSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSIyMCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyMSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjI1ODgyNCAwIDAgMCAwIDAuOTE3NjQ3IDAgMCAwIDAgMC42MzUyOTQgMCAwIDAgMC4xMiAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzE3NTVfNDgyMzMiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTc1NV80ODIzMyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE3NTVfNDgyMzMiIHgxPSIxNjguOTc1IiB5MT0iMTEzLjU5MyIgeDI9IjQyLjQzNDciIHkyPSI2OS4xODMzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0MkVBQTIiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzhDNjg5Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
      position: absolute;
      bottom: -3rem;
      left: -5rem;
    }

@media screen and (max-width: 768px) {

.wp-block-spf-use-case .images-decorative::after {
        content: none;
    }
      }

.wp-block-spf-carousel__image {
  -webkit-transform: translateX(2.8rem);
          transform: translateX(2.8rem);
}

@media screen and (max-width: 782px) {

.wp-block-spf-carousel__image {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    text-align: center;
    margin-bottom: -5rem;
    position: relative;
    z-index: 9;
}

    .wp-block-spf-carousel__image img {
      max-width: 8.5rem;
    }
  }

.wp-block-spf-carousel__images {
  position: relative;
}

@media screen and (max-width: 782px) {

.wp-block-spf-carousel__images {
    display: none;
}
  }

.wp-block-spf-carousel__images figure {
    position: absolute;
  }

.wp-block-spf-carousel__images figure:nth-child(1) {
      top: 0;
      left: 0;
    }

.wp-block-spf-carousel__images figure:nth-child(2) {
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
    }

.wp-block-spf-carousel__images figure:nth-child(3) {
      bottom: -1rem;
      left: -3rem;
    }

.spf-use-case {
        position: relative;
}

@media (min-width: 48.875rem) {

        .spf-use-case {
                padding-left: 2.5rem;
        }
}