/* ==========================================================================
      Start of custom Webflow CSS
      ========================================================================== */
   

      a {
         font-size: 1em;
         text-decoration: none;
       }
       
       blockquote {
         margin-bottom: 1em;
         padding: 1em 2em;
         border-left: 0.4em solid #e2e2e2;
         font-size: 140%;
         line-height: 1.6;
       }
       
       .container {
         width: 100%;
         max-width: 2000px;
         margin-inline-end: auto;
         margin-inline-start: auto;
         padding: 4.56em;
       }
       
       
       .container.is--slider {
         padding-top: 0em;
         padding-bottom: 0em;
         height: fit-content;
         max-height: 51vh !important;
          min-height: 51vh !important; 
       }
       
       .container.is--menu {
         position: relative;
         z-index: 2;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         height: fit-content;
         -webkit-box-pack: start;
         -webkit-justify-content: flex-start;
         -ms-flex-pack: start;
         justify-content: flex-start;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
         color: #e9c6dd;
       }
       .splide__arrow{
        display: none !important;
       }
      
       .section.is--slider {
         position: relative;
         z-index: 2;
         margin-bottom: 3rem;
       }
       
       
       .overflow {
         position: relative;
         overflow: hidden;
         width: 100%;
       }
       
       .controls {
         position: absolute;
         left: 0%;
         top: auto;
         right: 0%;
         bottom: 0%;
         z-index: 4;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         width: 13em;
         margin-inline-end: auto;
         margin-inline-start: auto;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
       }
       
       .control {
         position: relative;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         overflow: hidden;
         width: 3.33em;
         height: 3.33em;
         margin-inline-end: 0.5em;
         margin-inline-start: 0.5em;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
         border-style: solid;
         border-width: 2px;
         border-color: #0d0628;
         border-radius: 50%;
         -webkit-transition: -webkit-transform 200ms ease;
         transition: -webkit-transform 200ms ease;
         transition: transform 200ms ease;
         transition: transform 200ms ease, -webkit-transform 200ms ease;
         color: #0d0628;
       }
       
       .control:active {
         -webkit-transform: scale(0.9);
         -ms-transform: scale(0.9);
         transform: scale(0.9);
       }
       
       .control__arrow {
         position: relative;
         z-index: 2;
         display: block;
         width: 1.5em;
         height: 1.3em;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -webkit-align-items: center;
         -ms-flex-align: center;
         align-items: center;
         opacity: 1;
       }
       
       .control__arrow.is--flipped {
         -webkit-transform: rotate(-180deg);
         -ms-transform: rotate(-180deg);
         transform: rotate(-180deg);
       }
       
       
     
       
       .splide__list {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: start;
         -webkit-justify-content: flex-start;
         -ms-flex-pack: start;
         justify-content: flex-start;
         -webkit-box-align: stretch;
         -webkit-align-items: stretch;
         -ms-flex-align: stretch;
         align-items: center;
       }
       
       .splide__slide {
         width: 33.333333333333336%;
         height: fit-content;
         min-height: clamp(265px,16rem ,320px) ;
         padding-right: 0.52rem;
         padding-left: 0.52rem;
         -webkit-box-flex: 0;
         -webkit-flex: 0 0 auto;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
       }
       
       .splide__img {
         width: 100%;
         height: 100%;
         -o-object-fit: cover;
         object-fit: cover;
       }
       
       .control__fill {
         position: absolute;
         left: auto;
         top: 0%;
         right: 0%;
         bottom: auto;
         z-index: 1;
         width: 100%;
         height: 100%;
         margin-top: -100%;
         margin-inline-end: -100%;
         border-radius: 50%;
         background-color: #0d0628;
       }
       
       .slider__wave {
         position: absolute;
         left: 0%;
         top: 0%;
         right: 0%;
         bottom: auto;
         z-index: 2;
         margin-top: -0.6vw;
       }
       
       .slider__wave.is--bottom {
         left: 0%;
         top: auto;
         right: 0%;
         bottom: 0%;
         margin-bottom: -0.6vw;
         -webkit-transform: rotate(-180deg);
         -ms-transform: rotate(-180deg);
         transform: rotate(-180deg);
       }
       .splide__pagination{
        display: none !important;
       }
        .Div_Controlrs{
          display: flex;
          z-index: 10;
          position: relative;
          justify-content: center;
          justify-items: center;
          flex-wrap: wrap;
        }
        
        .Div_Controlrs .Title_Container h2{
          min-height: 1.5rem;
          text-align: center;
        }
        .Div_Controlrs .Controlrs_Container{  
          justify-content: center;
          width: 100%;
        }
        .Div_Controlrs .Controlrs_Container a{  
          cursor: pointer;
        }
        .Div_Controlrs .Controlrs_Container a.prev_Arrow img{ 
          -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
        }
        .Div_Controlrs .Controlrs_Container .Active_Prod_Name{
          color: #4B4A4A; 
          padding: 0em 1em;
          padding-bottom: 0.5em;
          font-size: large;
          letter-spacing: 0.1em;
        }
    
       .sublinks {
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-pack: start;
         -webkit-justify-content: flex-start;
         -ms-flex-pack: start;
         justify-content: flex-start;
         -webkit-box-align: start;
         -webkit-align-items: flex-start;
         -ms-flex-align: start;
         align-items: flex-start;
       }
       
       .sublink {
         overflow: hidden;
         margin-top: 1.5em;
       }
       
       .sublink__text {
         font-size: 1.77em;
         line-height: 1.2;
         letter-spacing: -0.04em;
       }
       
       .sublink__line {
         width: 100%;
         height: 0.2em;
         background-color: #eed9e7;
         -webkit-transform: translate(-100%, 0px);
         -ms-transform: translate(-100%, 0px);
         transform: translate(-100%, 0px);
       }
       
       
       .background {
         position: absolute;
         left: 0%;
         top: 0%;
         right: 0%;
         bottom: auto;
         z-index: 1;
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         width: 100%;
         height: 101%;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-pack: start;
         -webkit-justify-content: flex-start;
         -ms-flex-pack: start;
         justify-content: flex-start;
         -webkit-box-align: stretch;
         -webkit-align-items: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
       }
       
       .background__lottie {
         width: 100%;
         margin-top: -1%;
       }
       
       .background__fill {
         width: 100%;
         height: 100%;
         background-color: #0d0628;
       }
       
       .overflow-hidden {
         overflow: hidden;
       }
       
       @media screen and (max-width: 991px) {
         .container {
           padding-right: 3em;
           padding-left: 3em;
         }
         .container.is--slider {
          padding: 4.5rem !important;
          max-height: 51vh !important;
          min-height: 51vh !important;    }
       
         .hero__p {
           font-size: 12px;
         }
       
         .overflow {
           min-height: 100vh;
         }
       
         .cursor {
           display: none;
         }
       
        
       
         .background__lottie {
           position: relative;
           z-index: 2;
           -webkit-box-flex: 0;
           -webkit-flex: 0 0 auto;
           -ms-flex: 0 0 auto;
           flex: 0 0 auto;
         }
       
         .background__fill {
           position: relative;
           z-index: 1;
         }
       }
       
       @media screen and (max-width: 770px) {
         h1 {
           font-size: 7em;
         }
       
         .container {
           padding-right: 4.9em;
           padding-left: 4.9em;
         }
         .container.is--slider {
          padding: 1rem !important;
        }
       
         .section.is--slider {
           margin-bottom: 0;
           padding-bottom: 5rem;
         }
       
         .controls {
           margin-bottom: -3em;
           font-size: 2em;
         }
       
       
         .trigger {
           font-size: 8px;
         }
       
         .splide__slide {
           width: 100%;
           min-height: 89rem;
           padding-right: 0.52rem;
           padding-left: 0.52rem;
         }
       
         .sublink {
           font-size: 7px;
         }
       
         .sublink__line {
           display: none;
         }
       }
       
       @media screen and (max-width: 479px) {
        h1 {
          font-size: 8em;
        }
        .container {
          padding-right: 4.9em;
          padding-left: 4.9em;
        }
        .container.is--slider {
          padding: 1rem !important;
          max-height: 40vh !important;
          min-height: 40vh !important;
        }
       
        .controls {
          margin-bottom: -47px;
          font-size: 10px;
        }
      
        .sublinks {
          padding-top: 1.3em;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          text-align: center;
        }
      
        .sublink {
          font-size: 2em;
        }
       }
       @font-face {
         font-family: 'Fahkwang';
         src: url('https://assets.website-files.com/6067559c86540cc17e19c4d5/60675740440b568d626bae11_Fahkwang-Bold.ttf') format('truetype');
         font-weight: 700;
         font-style: normal;
         font-display: swap;
       }
    
    
    
    .splide__container {
        box-sizing: border-box;
        position: relative
    }
    
    .splide__list {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important
    }
    
    .splide.is-initialized:not(.is-active) .splide__list {
        display: block
    }
    
    .splide__pagination {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        pointer-events: none
    }
    
    .splide__pagination li {
        display: inline-block;
        line-height: 1;
        list-style-type: none;
        margin: 0;
        pointer-events: auto
    }
    
    .splide__progress__bar {
        width: 0
    }
    
    .splide {
        position: relative;
        visibility: visible
    }
    
    .splide.is-initialized,
    .splide.is-rendered {
        visibility: visible
    }
    
    .splide__slide {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-sizing: border-box;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        list-style-type: none !important;
        margin: 0;
        position: relative
    }
    
    .splide__slide img {
        vertical-align: bottom
    }
    
    .splide__spinner {
        animation: splide-loading 1s linear infinite;
        border: 2px solid #999;
        border-left-color: transparent;
        border-radius: 50%;
        bottom: 0;
        contain: strict;
        display: inline-block;
        height: 20px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px
    }
    
    .splide__sr {
        clip: rect(0 0 0 0);
        border: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
    
    .splide__toggle.is-active .splide__toggle__play,
    .splide__toggle__pause {
        display: none
    }
    
    .splide__toggle.is-active .splide__toggle__pause {
        display: inline
    }
    
    .splide__track {
        overflow: hidden;
        position: relative;
        z-index: 0
    }
    
    @keyframes splide-loading {
        0% {
            transform: rotate(0)
        }
    
        to {
            transform: rotate(1turn)
        }
    }
    
    .splide__track--draggable {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    
    .splide__track--fade>.splide__list {
        display: block
    }
    
    .splide__track--fade>.splide__list>.splide__slide {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: 0
    }
    
    .splide__track--fade>.splide__list>.splide__slide.is-active {
        opacity: 1;
        position: relative;
        z-index: 1
    }
    
    .splide--rtl {
        direction: rtl
    }
    
    .splide__track--ttb>.splide__list {
        display: block
    }
    
    .splide__arrow {
        -ms-flex-align: center;
        align-items: center;
        background: #ccc;
        border: 0;
        border-radius: 50%;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        height: 2em;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: .7;
        padding: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2em;
        z-index: 1
    }
    
    .splide__arrow svg {
        fill: #000;
        height: 1.2em;
        width: 1.2em
    }
    
    .splide__arrow:hover:not(:disabled) {
        opacity: .9
    }
    
    .splide__arrow:disabled {
        opacity: .3
    }
    
    .splide__arrow:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }
    
    .splide__arrow--prev {
        left: 1em
    }
    
    .splide__arrow--prev svg {
        transform: scaleX(-1)
    }
    
    .splide__arrow--next {
        right: 1em
    }
    
    .splide.is-focus-in .splide__arrow:focus {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }
    
    .splide__pagination {
        bottom: .5em;
        left: 0;
        padding: 0 1em;
        position: absolute;
        right: 0;
        z-index: 1
    }
    
    .splide__pagination__page {
        background: #ccc;
        border: 0;
        border-radius: 50%;
        display: inline-block;
        height: 8px;
        margin: 3px;
        opacity: .7;
        padding: 0;
        position: relative;
        transition: transform .2s linear;
        width: 8px
    }
    
    .splide__pagination__page.is-active {
        background: #fff;
        transform: scale(1.4);
        z-index: 1
    }
    
    .splide__pagination__page:hover {
        cursor: pointer;
        opacity: .9
    }
    
    .splide__pagination__page:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }
    
    .splide.is-focus-in .splide__pagination__page:focus {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }
    
    .splide__progress__bar {
        background: #ccc;
        height: 3px
    }
    
    .splide__slide {
        -webkit-tap-highlight-color: transparent
    }
    
    .splide__slide:focus {
        outline: 0
    }
    
    @supports(outline-offset:-3px) {
        .splide__slide:focus-visible {
            outline: 3px solid #0bf;
            outline-offset: -3px
        }
    }
    
    @media screen and (-ms-high-contrast:none) {
        .splide__slide:focus-visible {
            border: 3px solid #0bf
        }
    }
    
    @supports(outline-offset:-3px) {
        .splide.is-focus-in .splide__slide:focus {
            outline: 3px solid #0bf;
            outline-offset: -3px
        }
    }
    
    @media screen and (-ms-high-contrast:none) {
        .splide.is-focus-in .splide__slide:focus {
            border: 3px solid #0bf
        }
    
        .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
            border-color: #0bf
        }
    }
    
    .splide__toggle {
        cursor: pointer
    }
    
    .splide__toggle:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }
    
    .splide.is-focus-in .splide__toggle:focus {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }
    
    .splide__track--nav>.splide__list>.splide__slide {
        border: 3px solid transparent;
        cursor: pointer
    }
    
    .splide__track--nav>.splide__list>.splide__slide.is-active {
        border: 3px solid #000
    }
    
    .splide__arrows--rtl .splide__arrow--prev {
        left: auto;
        right: 1em
    }
    
    .splide__arrows--rtl .splide__arrow--prev svg {
        transform: scaleX(1)
    }
    
    .splide__arrows--rtl .splide__arrow--next {
        left: 1em;
        right: auto
    }
    
    .splide__arrows--rtl .splide__arrow--next svg {
        transform: scaleX(-1)
    }
    
    .splide__arrows--ttb .splide__arrow {
        left: 50%;
        transform: translate(-50%)
    }
    
    .splide__arrows--ttb .splide__arrow--prev {
        top: 1em
    }
    
    .splide__arrows--ttb .splide__arrow--prev svg {
        transform: rotate(-90deg)
    }
    
    .splide__arrows--ttb .splide__arrow--next {
        bottom: 1em;
        top: auto
    }
    
    .splide__arrows--ttb .splide__arrow--next svg {
        transform: rotate(90deg)
    }
    
    .splide__pagination--ttb {
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        left: auto;
        padding: 1em 0;
        right: .5em;
        top: 0
    }
    /* For Phones Screens*/
    @media (max-width: 576px) {
      .splide__slide {
        height: fit-content;
        padding-right: 0.52em;
        padding-left: 0.52em;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
      }  
    }