/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./code/app_custom_corporategifting/cartridge/client/default/scss/isGiftCardCategory.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.plp-gift-card-wrapper {
  background-image: linear-gradient(192deg, #d4fcfd, #fbf9f0); }
  .plp-gift-card-wrapper .gift-card-banner {
    padding-top: 1rem; }
    .plp-gift-card-wrapper .gift-card-banner #cbg-gift-voucher-banner .carousel-inner .carousel-item .hero-carousel-image {
      aspect-ratio: 1.3; }
      @media (min-width: 1024px) {
        .plp-gift-card-wrapper .gift-card-banner #cbg-gift-voucher-banner .carousel-inner .carousel-item .hero-carousel-image {
          aspect-ratio: 4.3; } }
    .plp-gift-card-wrapper .gift-card-banner #cbg-gift-voucher-banner .carousel-indicators {
      gap: 0.5rem;
      margin-bottom: 1rem;
      padding: 0; }
      @media (min-width: 1024px) {
        .plp-gift-card-wrapper .gift-card-banner #cbg-gift-voucher-banner .carousel-indicators {
          gap: 0.625rem; } }
      .plp-gift-card-wrapper .gift-card-banner #cbg-gift-voucher-banner .carousel-indicators .carousel-dots {
        width: 0.75rem;
        height: 0.75rem;
        border-radius: 50%;
        background-color: #fff;
        margin: 0;
        border: none; }
        .plp-gift-card-wrapper .gift-card-banner #cbg-gift-voucher-banner .carousel-indicators .carousel-dots::before {
          display: none; }
        .plp-gift-card-wrapper .gift-card-banner #cbg-gift-voucher-banner .carousel-indicators .carousel-dots.active {
          background-color: #f2b824;
          -webkit-transform: scale(1.2);
                  transform: scale(1.2); }
        .plp-gift-card-wrapper .gift-card-banner #cbg-gift-voucher-banner .carousel-indicators .carousel-dots:hover {
          background-color: #f2b824;
          opacity: 0.7; }
  .plp-gift-card-wrapper .product-grid-wrapper {
    padding: 2.3125rem 0 3.1875rem; }
    .plp-gift-card-wrapper .product-grid-wrapper .product-grid {
      margin: 0; }
  .plp-gift-card-wrapper .gift-card-wrapper {
    border-bottom: 0.0625rem solid #acd9d9; }
    .plp-gift-card-wrapper .gift-card-wrapper:last-child {
      border-bottom: none; }
    .plp-gift-card-wrapper .gift-card-wrapper .gift-card-grid-item {
      padding: 0.875rem 0; }
    @media (min-width: 768px) {
      .plp-gift-card-wrapper .gift-card-wrapper:nth-child(2n+1) .gift-card-grid-item {
        border-right: 0.0625rem solid #acd9d9; }
      .plp-gift-card-wrapper .gift-card-wrapper .gift-card-grid-item {
        padding: 0.875rem 0.875rem 0.875rem 0; }
      .plp-gift-card-wrapper .gift-card-wrapper:last-child .gift-card-grid-item {
        padding-bottom: 0; } }
    @media (min-width: 1024px) {
      .plp-gift-card-wrapper .gift-card-wrapper .gift-card-grid-item {
        border-right: 0.0625rem solid #acd9d9;
        padding: 0.875rem 0.875rem 0.875rem 0; }
      .plp-gift-card-wrapper .gift-card-wrapper:nth-child(3n) .gift-card-grid-item {
        border-right: none !important; }
      .plp-gift-card-wrapper .gift-card-wrapper:nth-child(3n+1):nth-last-child(2) {
        border-bottom: none !important; }
      .plp-gift-card-wrapper .gift-card-wrapper:nth-child(3n+1):nth-last-child(3) {
        border-bottom: none !important; }
      .plp-gift-card-wrapper .gift-card-wrapper:nth-child(3n+2):nth-last-child(2) {
        border-bottom: none !important; }
      .plp-gift-card-wrapper .gift-card-wrapper:nth-child(3n+1):nth-last-child(2) .gift-card-grid-item {
        padding-bottom: 0; }
      .plp-gift-card-wrapper .gift-card-wrapper:nth-child(3n+1):nth-last-child(3) .gift-card-grid-item {
        padding-bottom: 0; }
      .plp-gift-card-wrapper .gift-card-wrapper:nth-child(3n+2):nth-last-child(2) .gift-card-grid-item {
        padding-bottom: 0; } }
  .plp-gift-card-wrapper .gift-card-grid-item {
    width: 100%;
    padding: 0.875rem; }
    @media (min-width: 768px) {
      .plp-gift-card-wrapper .gift-card-grid-item {
        padding: 0.875rem 0.875rem 0.875rem 0; } }
    .plp-gift-card-wrapper .gift-card-grid-item .gift-card-tile-item {
      padding: 0.75rem;
      background: #ffffff80;
      border-radius: 1rem;
      border: 0.0625rem solid #fff;
      border-bottom: none;
      -webkit-box-shadow: 0 0.25rem 1rem 0 #00000014;
              box-shadow: 0 0.25rem 1rem 0 #00000014; }
      .plp-gift-card-wrapper .gift-card-grid-item .gift-card-tile-item .tile-body {
        padding: 0; }
        .plp-gift-card-wrapper .gift-card-grid-item .gift-card-tile-item .tile-body .discount-ribbon {
          font-size: 0.875rem;
          text-align: center;
          background: -webkit-gradient(linear, left top, right top, from(#00b2ad), to(#14606e));
          background: linear-gradient(90deg, #00b2ad 0%, #14606e 100%);
          border-radius: 2.125rem;
          margin: 0.625rem 0;
          color: #fff;
          font-weight: 600;
          padding: 0.375rem 0; }
        .plp-gift-card-wrapper .gift-card-grid-item .gift-card-tile-item .tile-body .brand-name {
          margin: 0.75rem 0 0.3125rem; }
          .plp-gift-card-wrapper .gift-card-grid-item .gift-card-tile-item .tile-body .brand-name .brand-text {
            font-weight: 400;
            font-size: 0.75rem;
            line-height: 100%;
            color: #14606e; }
        .plp-gift-card-wrapper .gift-card-grid-item .gift-card-tile-item .tile-body .gift-card-name {
          font-size: 1.125rem;
          font-weight: 500;
          line-height: 1.75rem;
          color: #333;
          word-break: break-word;
          display: block;
          width: 100%;
          max-width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          padding-bottom: 0.25rem; }
      .plp-gift-card-wrapper .gift-card-grid-item .gift-card-tile-item .tile-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0.8125rem; }
        .plp-gift-card-wrapper .gift-card-grid-item .gift-card-tile-item .tile-actions .buy-now-btn {
          width: 100%;
          height: 3rem; }
          .plp-gift-card-wrapper .gift-card-grid-item .gift-card-tile-item .tile-actions .buy-now-btn .cbg-btn-buy-now {
            color: #fff !important;
            font-weight: 600;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
      .plp-gift-card-wrapper .gift-card-grid-item .gift-card-tile-item .product-image-wrapper {
        overflow: hidden;
        position: relative; }
        .plp-gift-card-wrapper .gift-card-grid-item .gift-card-tile-item .product-image-wrapper .discount-ribbon {
          width: 8.75rem;
          text-align: center;
          background-color: #f2b824;
          color: #fff;
          font-weight: bold;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          position: absolute;
          top: 1.875rem;
          left: -1.875rem; }

.view-more-faq-section {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d4fcfd), to(#fbf9f0));
  background-image: linear-gradient(180deg, #d4fcfd, #fbf9f0);
  background-attachment: fixed; }
  .view-more-faq-section .corporatepage {
    background-color: transparent;
    color: #333; }
    @media (min-width: 1024px) {
      .view-more-faq-section .corporatepage {
        padding-top: 1rem; } }
    .view-more-faq-section .corporatepage .togglearea {
      padding-top: 1.875rem; }
      @media (min-width: 1024px) {
        .view-more-faq-section .corporatepage .togglearea {
          padding-top: 0; } }
      .view-more-faq-section .corporatepage .togglearea .showbutton {
        color: #636466;
        font-weight: 500;
        text-decoration: none;
        border: none;
        cursor: pointer;
        gap: 0.3125rem; }
        @media (min-width: 1024px) {
          .view-more-faq-section .corporatepage .togglearea .showbutton {
            gap: 0.1875rem; } }
        .view-more-faq-section .corporatepage .togglearea .showbutton:focus {
          outline: none;
          -webkit-box-shadow: none;
                  box-shadow: none; }
        .view-more-faq-section .corporatepage .togglearea .showbutton .buttontext {
          font-size: 1rem;
          font-weight: 500;
          line-height: 1.5rem;
          color: #333; }
          @media (min-width: 1024px) {
            .view-more-faq-section .corporatepage .togglearea .showbutton .buttontext {
              padding-right: 0.3125rem; } }
        .view-more-faq-section .corporatepage .togglearea .showbutton .e-closed svg,
        .view-more-faq-section .corporatepage .togglearea .showbutton .e-opened svg {
          width: 0.875rem;
          height: 0.875rem;
          fill: #333;
          -webkit-transition: fill 0.6s ease;
          transition: fill 0.6s ease; }
        .view-more-faq-section .corporatepage .togglearea .showbutton .e-opened {
          display: none; }
        .view-more-faq-section .corporatepage .togglearea .showbutton[aria-expanded="true"] .e-opened {
          display: inline-block; }
        .view-more-faq-section .corporatepage .togglearea .showbutton[aria-expanded="true"] .e-closed {
          display: none; }
        .view-more-faq-section .corporatepage .togglearea .showbutton:hover {
          color: #333; }
          .view-more-faq-section .corporatepage .togglearea .showbutton:hover svg {
            fill: #333; }
    .view-more-faq-section .corporatepage .infosection {
      padding-top: 1rem;
      color: #333; }
      .view-more-faq-section .corporatepage .infosection .infocontent {
        font-family: "Jost", sans-serif;
        color: inherit; }
        .view-more-faq-section .corporatepage .infosection .infocontent .link-text {
          color: #ee403d; }
          .view-more-faq-section .corporatepage .infosection .infocontent .link-text:hover {
            color: #0858ca; }
        .view-more-faq-section .corporatepage .infosection .infocontent a .link {
          color: #ee403d;
          max-width: 100%;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          display: inline-block; }
          @media (min-width: 1024px) {
            .view-more-faq-section .corporatepage .infosection .infocontent a .link {
              overflow: clip; } }
          .view-more-faq-section .corporatepage .infosection .infocontent a .link:hover {
            color: #0858ca; }
        .view-more-faq-section .corporatepage .infosection .infocontent .info-title,
        .view-more-faq-section .corporatepage .infosection .infocontent .info-subtitle,
        .view-more-faq-section .corporatepage .infosection .infocontent .info-heading {
          font-family: "Jost", sans-serif;
          font-weight: 400;
          letter-spacing: 0; }
        .view-more-faq-section .corporatepage .infosection .infocontent .info-title {
          text-transform: capitalize;
          font-size: 1.625rem;
          line-height: 2.125rem; }
          @media (min-width: 1024px) {
            .view-more-faq-section .corporatepage .infosection .infocontent .info-title {
              font-size: 2.5rem;
              line-height: 3rem; } }
        .view-more-faq-section .corporatepage .infosection .infocontent .info-subtitle {
          font-size: 1.5rem;
          line-height: 1.875rem; }
          @media (min-width: 1024px) {
            .view-more-faq-section .corporatepage .infosection .infocontent .info-subtitle {
              font-size: 2rem;
              line-height: 2.375rem; } }
        .view-more-faq-section .corporatepage .infosection .infocontent .info-heading {
          font-size: 1.375rem;
          line-height: 1.75rem; }
          @media (min-width: 1024px) {
            .view-more-faq-section .corporatepage .infosection .infocontent .info-heading {
              font-size: 1.75rem;
              line-height: 2.125rem; } }
        .view-more-faq-section .corporatepage .infosection .infocontent .info-text {
          font-size: 1rem;
          line-height: 1.625rem;
          margin-bottom: 1rem; }
        .view-more-faq-section .corporatepage .infosection .infocontent ul,
        .view-more-faq-section .corporatepage .infosection .infocontent .custom-list {
          list-style: disc outside;
          padding-left: 1.5rem;
          margin: 0 0 1rem; }
          @media (min-width: 1024px) {
            .view-more-faq-section .corporatepage .infosection .infocontent ul,
            .view-more-faq-section .corporatepage .infosection .infocontent .custom-list {
              padding-left: 2rem; } }
          .view-more-faq-section .corporatepage .infosection .infocontent ul li,
          .view-more-faq-section .corporatepage .infosection .infocontent .custom-list li {
            font-size: 1rem;
            line-height: 1.6875rem;
            margin-bottom: 0.375rem;
            color: inherit; }
  .view-more-faq-section .faqpage {
    background-color: transparent;
    color: #333;
    padding: 1.25rem 0 3.75rem 0; }
    .view-more-faq-section .faqpage .faq-header {
      font-size: 1.75rem;
      text-transform: capitalize;
      font-weight: 600;
      line-height: 2.625rem;
      color: #333; }
      @media (min-width: 1024px) {
        .view-more-faq-section .faqpage .faq-header {
          margin-bottom: 0.75rem;
          font-size: 2rem;
          line-height: 3rem; } }
    .view-more-faq-section .faqpage .faq-sub-header {
      color: #636466;
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 1.5rem; }
      @media (min-width: 1024px) {
        .view-more-faq-section .faqpage .faq-sub-header {
          font-size: 1rem; } }
    .view-more-faq-section .faqpage .faq-accordion {
      margin: 0 auto; }
      .view-more-faq-section .faqpage .faq-accordion .faq-item {
        border: none;
        background: none;
        margin-bottom: 1.5rem;
        border-radius: 0.75rem;
        overflow: hidden;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease; }
        .view-more-faq-section .faqpage .faq-accordion .faq-item:has(.collapsing), .view-more-faq-section .faqpage .faq-accordion .faq-item:has(.collapse.show) {
          background-color: #a2dbe71f; }
        .view-more-faq-section .faqpage .faq-accordion .faq-item .card-header {
          border: none;
          background: none;
          cursor: pointer;
          padding: 0.75rem;
          border-radius: 0.75rem;
          -webkit-transition: background-color 0.3s ease;
          transition: background-color 0.3s ease; }
          .view-more-faq-section .faqpage .faq-accordion .faq-item .card-header .infocontent {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin: 0; }
          .view-more-faq-section .faqpage .faq-accordion .faq-item .card-header .faq-btn {
            padding: 0;
            font-size: 0.875rem;
            color: #333;
            font-weight: 500;
            text-align: left;
            white-space: normal;
            background: none;
            border: none;
            width: 100%;
            text-decoration: none;
            -webkit-transition: color 0.3s ease;
            transition: color 0.3s ease; }
            .view-more-faq-section .faqpage .faq-accordion .faq-item .card-header .faq-btn[aria-expanded="true"] {
              font-weight: 500;
              color: #333; }
            @media (min-width: 1024px) {
              .view-more-faq-section .faqpage .faq-accordion .faq-item .card-header .faq-btn {
                font-size: 1rem; } }
          .view-more-faq-section .faqpage .faq-accordion .faq-item .card-header:focus {
            -webkit-box-shadow: none;
                    box-shadow: none; }
        .view-more-faq-section .faqpage .faq-accordion .faq-item .faq-arrow img {
          width: 0.9375rem;
          height: 0.9375rem;
          -o-object-fit: contain;
             object-fit: contain; }
        .view-more-faq-section .faqpage .faq-accordion .faq-item .faq-arrow .arrow-up {
          display: none; }
        .view-more-faq-section .faqpage .faq-accordion .faq-item .faq-btn[aria-expanded="true"] + .faq-arrow .arrow-down {
          display: none; }
        .view-more-faq-section .faqpage .faq-accordion .faq-item .faq-btn[aria-expanded="true"] + .faq-arrow .arrow-up {
          display: inline; }
        .view-more-faq-section .faqpage .faq-accordion .faq-item .card-body {
          border-radius: 0 0 0.75rem 0.75rem;
          color: #636466;
          font-weight: 400;
          font-size: 1rem;
          padding: 0 1rem 1rem 1rem;
          -webkit-transition: background-color 0.3s ease;
          transition: background-color 0.3s ease; }
          @media (min-width: 1024px) {
            .view-more-faq-section .faqpage .faq-accordion .faq-item .card-body {
              font-size: 1rem;
              line-height: 1.5rem;
              padding: 0 1.25rem 1.25rem 0.875rem; } }
          .view-more-faq-section .faqpage .faq-accordion .faq-item .card-body.show {
            background-color: transparent; }

.tile-image-carousel {
  position: relative;
  width: 100%; }
  .tile-image-carousel .tile-carousel-slide {
    display: block;
    width: 100%; }
    .tile-image-carousel .tile-carousel-slide:not(.is-active) {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      pointer-events: none; }
    .tile-image-carousel .tile-carousel-slide.is-active {
      position: relative;
      opacity: 1; }
    @media (min-width: 1024px) {
      .tile-image-carousel .tile-carousel-slide {
        -webkit-transition: opacity 0.4s ease;
        transition: opacity 0.4s ease; } }