/* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-everseenfooter {
    display     : block;
    width       : 100%;
    background  : #000;
    color       : #fff;
}

.c-everseenfooter a {
    --tw-text-opacity     : 1;
    color     : rgb(255 255 255 / var(--tw-text-opacity, 1));
    text-decoration-line     : none;
}

.c-everseenfooter .hyperfooter {
    width     : 100%;
    padding-left     : 1rem;
    padding-right     : 1rem;
}

@media (min-width: 768px) {

    .c-everseenfooter .hyperfooter {
        margin-left     : auto;
        margin-right     : auto;
        width     : 90vw;
        max-width     : 90rem;
        padding-left     : 0px;
        padding-right     : 0px;
    }
}

@media (min-width: 1024px) {

    .c-everseenfooter .hyperfooter {
        width     : 86vw;
    }
}

.c-everseenfooter .hyperfooter {
    display     : block;
    position    : relative;
}

.c-everseenfooter .hyperfootermedia {
    width     : 8rem;
    gap     : 2rem;
    padding-top     : 2rem;
    padding-bottom     : 6rem;
    display               : grid;
    grid-template-columns : 1fr 1fr;
}

.c-everseenfooter .hyperfootermedia a {
    --tw-text-opacity     : 1;
    color     : rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition: color 0.4s;
}

.c-everseenfooter .hyperfootermedia a:hover {
    --tw-text-opacity     : 1;
    color     : rgb(120 39 240 / var(--tw-text-opacity, 1));
}

.c-everseenfooter .footermedia {
    height     : 3rem;
    width     : 3rem;
    position      : relative;
    /* margin        : 0vmin 1vmin 1vmin 0vmin; */
    display       : block;
}

.c-everseenfooter .footermedia img{
    display       : block;
    /* top           : 50%;
    left          : 50%; */
    /* width         : 75%;
    height        : 75%;
    transform     : translateX(-50%) translateY(-50%); */
}

.c-everseenfooter .hyperfootertext{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size     : 1.25rem;
      font-weight     : 300;
      line-height     : 1.5;
    }

@media (min-width: 768px) {

    .c-everseenfooter .hyperfootertext {
        font-size     : 1.25rem;
    }
}

@media (min-width: 1024px) {

    .c-everseenfooter .hyperfootertext {
        font-size     : 1.3125rem;
    }
}

@media (min-width: 1280px) {

    .c-everseenfooter .hyperfootertext {
        font-size     : 1.3125rem;
    }
}

@media (min-width: 1536px) {

    .c-everseenfooter .hyperfootertext {
        font-size     : 1.5rem;
    }
}

.c-everseenfooter .hyperfootertext{
      font-family   : "Roboto";
      bottom     : 2rem;
      right     : 1rem;
    }

@media (min-width: 768px) {

    .c-everseenfooter .hyperfootertext {
        right     : 0px;
    }
}

.c-everseenfooter .hyperfootertext {
    display       : block;
    position      : absolute;
    color         : #888;
}

.c-everseenfooter .hyperfooterlogo{
      font-family: "Roboto";
      font-size     : 2.5rem;
      font-weight     : 300;
      line-height     : 3rem;
    }

@media (min-width: 768px) {

    .c-everseenfooter .hyperfooterlogo {
        font-size     : 2.5rem;
        line-height     : 3rem;
    }
}

@media (min-width: 1024px) {

    .c-everseenfooter .hyperfooterlogo {
        font-size     : 3.5rem;
        line-height     : 4rem;
    }
}

@media (min-width: 1536px) {

    .c-everseenfooter .hyperfooterlogo {
        font-size     : 4.5rem;
        line-height     : 5rem;
    }
}

.c-everseenfooter .hyperfooterlogo {
    right     : 1rem;
    bottom     : 5rem;
}

@media (min-width: 768px) {

    .c-everseenfooter .hyperfooterlogo {
        right     : 0px;
    }
}

.c-everseenfooter .hyperfooterlogo {
    display       : block;
    position      : absolute;
    color         : #fff;
}

.c-everseenfooter .hyperfooterlogo a{
    font-family   : "everseen";
    --tw-text-opacity     : 1;
    color     : rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition: color 0.4s;
}

.c-everseenfooter .hyperfooterlogo a:hover {
    --tw-text-opacity     : 1;
    color     : rgb(120 39 240 / var(--tw-text-opacity, 1));
}

.c-everseenfooter .footermenu {
    width     : 100%;
    padding-left     : 1rem;
    padding-right     : 1rem;
}

@media (min-width: 768px) {

    .c-everseenfooter .footermenu {
        margin-left     : auto;
        margin-right     : auto;
        width     : 90vw;
        max-width     : 90rem;
        padding-left     : 0px;
        padding-right     : 0px;
    }
}

@media (min-width: 1024px) {

    .c-everseenfooter .footermenu {
        width     : 86vw;
    }
}

.c-everseenfooter .footermenu {
    margin-bottom     : 2rem;
    display     : grid;
    grid-template-columns     : repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {

    .c-everseenfooter .footermenu {
        grid-template-columns     : repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {

    .c-everseenfooter .footermenu {
        grid-template-columns     : repeat(3, minmax(0, 1fr));
    }
}

.c-everseenfooter .footermenu {
    /* margin-top            : 4vmin; */
}

.c-everseenfooter .footermenuentry{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size     : 1.25rem;
      font-weight     : 300;
      line-height     : 1.5;
    }

@media (min-width: 768px) {

    .c-everseenfooter .footermenuentry {
        font-size     : 1.25rem;
    }
}

@media (min-width: 1024px) {

    .c-everseenfooter .footermenuentry {
        font-size     : 1.3125rem;
    }
}

@media (min-width: 1280px) {

    .c-everseenfooter .footermenuentry {
        font-size     : 1.3125rem;
    }
}

@media (min-width: 1536px) {

    .c-everseenfooter .footermenuentry {
        font-size     : 1.5rem;
    }
}

.c-everseenfooter .footermenuentry{
      font-family   : "Roboto";
      margin-right     : 1rem;
      padding-top     : 1rem;
      padding-bottom     : 1rem;
    border-bottom : 1px solid #4d4e4c;
    /* cursor        : pointer; */
    }

.c-everseenfooter .footermenuentry a {
    --tw-text-opacity     : 1;
    color     : rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition: color 0.4s;
}

.c-everseenfooter .footermenuentry a:hover {
    --tw-text-opacity     : 1;
    color     : rgb(120 39 240 / var(--tw-text-opacity, 1));
}

.c-everseenfooter .footermenuentryupper {
    border-top-width     : 0px;
    --tw-border-opacity     : 1;
    border-color     : rgb(77 78 76 / var(--tw-border-opacity, 1));
    padding-left     : 0px;
}

@media (min-width: 640px) {

    .c-everseenfooter .footermenuentryupper {
        border-top-width     : 1px;
    }
}

.c-everseenfooter .footermenuentryempty {
    display     : none;
}

@media (min-width: 640px) {

    .c-everseenfooter .footermenuentryempty {
        display     : block;
    }
}

.c-everseenfooter .footermenuentrylower {
    color         : #888;
}

.c-everseenfooter .footerget {
    padding-top     : 2rem;
    padding-bottom     : 2rem;
}

@media (min-width: 768px) {

    .c-everseenfooter .footerget {
        padding-top     : 3rem;
        padding-bottom     : 3rem;
    }
}

.c-everseenfooter .footerget {
    display        : block;
    width          : calc(100% - 7vmin);
    padding-left   : 7vmin;
}

.c-everseenfooter .footergetbutt {
    display        : inline-block;
    border         : 1px solid #fff;
    border-radius  : 5vmin;
    padding-left   : 5vmin;
    padding-right  : 5vmin;
    line-height    : 7vmin;
    font-family    : "Roboto";
    font-weight: 300;
}

.c-everseenfooter .footergetbutt:hover {
    background-color : #fff;
    border           : 1px solid #fff;
    color            : #000;
}




    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-evsection{

}

.c-evsection.cb-grey{
    --tw-bg-opacity: 1;
    background-color: rgb(242 240 247 / var(--tw-bg-opacity, 1));
}

.c-evsection.lx-resp{
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px){

    .c-evsection.lx-resp{
        margin-left: auto;
        margin-right: auto;
        width: 90vw;
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px){

    .c-evsection.lx-resp{
        width: 86vw;
    }
}

.c-evsection.lx-full{
    width: 100%;
}

.c-evsection.ly-m{
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media (min-width: 768px){

    .c-evsection.ly-m{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
}

.c-evsection.ly-p{
    padding-top: 2rem;
}

@media (min-width: 768px){

    .c-evsection.ly-p{
        margin-bottom: 4rem;
        padding-top: 4rem;
    }
}

.c-evsection.ly-p2{
    padding-bottom: 4rem;
    padding-top: 4rem;
}

@media (min-width: 768px){

    .c-evsection.ly-p2{
        padding-top: 6rem;
    }
}

.c-evsection .lx-resp{
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px){

    .c-evsection .lx-resp{
        margin-left: auto;
        margin-right: auto;
        width: 90vw;
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px){

    .c-evsection .lx-resp{
        width: 86vw;
    }
}

.c-evsection .lx-full{
    width: 100%;
}

.c-evsection .ly-title{
    margin-bottom: 2rem;
}

@media (min-width: 640px){

    .c-evsection .ly-title{
        margin-bottom: 2.5rem;
    }
}

.c-evsection .ly-p2{
    padding-bottom: 4rem;
    padding-top: 4rem;
}

@media (min-width: 768px){

    .c-evsection .ly-p2{
        padding-top: 6rem;
    }
}

.c-evsection .cb-grey{
    --tw-bg-opacity: 1;
    background-color: rgb(242 240 247 / var(--tw-bg-opacity, 1));
}

.c-evsection .cborder-b-gradient{
    position: relative;
}

.c-evsection .cborder-b-gradient::after{
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 7px;
    width: 100%;
    content: '';
    background: linear-gradient(90deg, #7828f0, #2478fc);
}

.c-evsection.scroll-5{
    scroll-margin-top: 5rem;
}

.c-evsection.scroll-7{
    scroll-margin-top: 7rem;
}

.c-evsection.scroll-9{
    scroll-margin-top: 7rem;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-ctabanner{
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    background: linear-gradient(90deg, #7828f0, #2478fc);
}

.c-ctabanner .background-image{
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media (min-width: 768px){

    .c-ctabanner .background-image{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

.c-ctabanner .background-image{
    background-image: url(/public/home/background_image.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.c-ctabanner .cols{
    position: relative;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px){

    .c-ctabanner .cols{
        flex-direction: row;
    }
}

.c-ctabanner .col:first-child{
    padding-right: 8rem;
}

.c-ctabanner .c-evcontent h2{
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px){

    .c-ctabanner .c-evcontent h2{
        padding-bottom: 2.5rem;
    }
}

.c-ctabanner .c-evcontent{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.c-ctabanner .c-evcontent p{
    font-weight: 400;
}

.c-ctabanner .actions{
    /* @apply flex flex-col lg:flex-row sm:max-w-[60%] lg:max-w-none gap-x-10; */
}

.c-ctabanner .actions .c-arrowbuttonlink{
    display: inline-block;
}

.c-ctabanner .actions .c-arrowbuttonlink:first-child{
    margin-right: 2rem;
}

.c-ctabanner .c-arrowbuttonlink span{
    /* @apply block; */
}.c-accordion{
    width: 100%;
    cursor: default;
}
.c-accordioncontent{
    position: relative;
    max-height: 0px;
    overflow: hidden;
    padding-left: 1rem;
    padding-right: 1rem;
    transition: max-height 0.5s;
}
.c-accordionsection.show .c-accordioncontent{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.c-accordionsection.show .c-accordioncontent:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.c-accordiontoggle{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(193 193 193 / var(--tw-border-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(17 17 17 / var(--tw-text-opacity, 1));
}
.c-accordiontoggle:hover{
    --tw-border-opacity: 1;
    border-color: rgb(177 177 177 / var(--tw-border-opacity, 1));
}
.c-accordiontoggle:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(65 65 65 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(241 241 241 / var(--tw-text-opacity, 1));
}
.c-accordiontoggle:hover:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(81 81 81 / var(--tw-border-opacity, 1));
}
.c-accordion .c-iconrotate > *:first-child{
    transition: transform 0.5s;
}
.c-accordionsection.show .c-iconrotate > *:first-child{
    transform: rotate(180deg);
}
.c-accordion .c-iconswap > *:first-child{
    display: block;
}
.c-accordion .c-iconswap > *:last-child{
    display: none;
}
.c-accordionsection.show .c-iconswap > *:first-child{
    display: none;
}
.c-accordionsection.show .c-iconswap > *:last-child{
    display: block;
}


    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-frequentlyaskedquestions{
      padding-top: 4rem;
      padding-bottom: 6rem;
}

@media (min-width: 1024px){

      .c-frequentlyaskedquestions{
            padding-bottom: 8rem;
      }
}

.c-frequentlyaskedquestions .c-accordion{
      border-bottom-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));
}

.c-frequentlyaskedquestions .c-accordion .c-accordionsection{
      margin-left: 0px;
      list-style-type: none;
      border-top-width: 1px;
      border-bottom-width: 0px;
      --tw-border-opacity: 1;
      border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
}

@media (min-width: 768px){

      .c-frequentlyaskedquestions .c-accordion .c-accordionsection{
            padding-left: 1rem;
            padding-right: 1rem;
      }
}

.c-frequentlyaskedquestions .c-accordiontoggle{
      border-width: 0px;
      padding-left: 0px;
      padding-right: 0.5rem;
}

@media (min-width: 768px){

      .c-frequentlyaskedquestions .c-accordiontoggle{
            padding-left: 1rem;
            padding-right: 1rem;
      }
}

.c-frequentlyaskedquestions .c-accordiontoggle{
      cursor: pointer;
}

.c-frequentlyaskedquestions .c-accordionsection.show .c-accordiontoggle{
      cursor: default;
}

.c-frequentlyaskedquestions .c-accordiontoggle:hover p{
      color: #7828F0;
    }

.c-frequentlyaskedquestions .c-accordionsection.show .c-accordiontoggle:hover p{
      --tw-text-opacity: 1;
      color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.c-frequentlyaskedquestions .c-accordioncontent{
      padding-left: 0px;
      padding-right: 0px;
}

@media (min-width: 768px){

      .c-frequentlyaskedquestions .c-accordioncontent{
            padding-left: 1rem;
            padding-right: 1rem;
      }
}

.c-frequentlyaskedquestions .c-accordioncontent p{
      font-size: 1.125rem;
      font-weight: 300;
      line-height: 1.5;
}

@media (min-width: 1536px){

      .c-frequentlyaskedquestions .c-accordioncontent p{
            font-size: 1.25rem;
      }
}

.c-frequentlyaskedquestions .c-evcontent p{
      padding-right: 0.5rem;
}

.c-frequentlyaskedquestions .c-accordion .c-iconswap > *{
      color: #7828F0;
      font-size: 2rem;
      font-weight: 300;
    }

.c-frequentlyaskedquestions .expand-area{
      padding-top: 1rem;
      padding-bottom: 1rem;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-thirdpartyapplications {

    padding-top: 4rem;

    padding-bottom: 1rem
}

@media (min-width: 1024px) {

    .c-thirdpartyapplications {

        padding-top: 8rem;

        padding-bottom: 4rem
    }
}

@media (min-width: 1280px) {

    .c-thirdpartyapplications {

        padding-right: 15%
    }
}

.c-thirdpartyapplications .c-arrowbuttonlink {

    margin-top: 2rem
}.c-collayout {
    display: flex;
    flex-wrap: wrap
}
.c-collayout .c-col {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
@media (min-width: 768px) {
    .c-collayout .c-col {
        width: auto;
        flex: 1 1 0%;
        padding: 0.5rem
    }
}
.c-collayout.break-none .c-col {
    width: auto;
    flex: 1 1 0%;
    padding: 0.5rem
}
@media (min-width: 640px) {
    .c-collayout.break-sm .c-col {
        width: auto;
        flex: 1 1 0%;
        padding: 0.5rem
    }
}
@media (min-width: 768px) {
    .c-collayout.break-lg .c-col {
        width: 100%;
        flex: 1 1 auto;
        padding-left: 0px;
        padding-right: 0px
    }
}
@media (min-width: 1024px) {
    .c-collayout.break-lg .c-col {
        width: auto;
        flex: 1 1 0%;
        padding: 0.5rem
    }
}
.c-collayout.col-justify-normal {
    justify-content: normal
}
.c-collayout.col-justify-start {
    justify-content: flex-start
}
.c-collayout.col-justify-end {
    justify-content: flex-end
}
.c-collayout.col-justify-center {
    justify-content: center
}
.c-collayout.col-justify-between {
    justify-content: space-between
}
.c-collayout.col-justify-around {
    justify-content: space-around
}
.c-collayout.col-justify-evenly {
    justify-content: space-evenly
}
.c-collayout.col-justify-stretch {
    justify-content: stretch
}*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.static {
  position: static;
}
.text-center {
  text-align: center;
}
html body{
background-color: white;
color: black;
}
html.dark body{
background-color: #111111;
color: #e1e1e1;
border-color: red;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-arrowbuttonlink{
    font-size       : 1rem;
    line-height       : 1rem;
}

@media (min-width: 1024px){

    .c-arrowbuttonlink{
        font-size       : 1.125rem;
        line-height       : 1.25rem;
    }
}

.c-arrowbuttonlink{
    margin-top       : 1rem;
    padding-left       : 2rem;
    padding-right       : 2rem;
    padding-top       : 1rem;
    padding-bottom       : 1rem;
    font-weight       : 700;
    --tw-text-opacity       : 1;
    color       : rgb(48 24 123 / var(--tw-text-opacity, 1));
    display       : inline-flex;
    cursor        : pointer;
    border        : 2px solid #30187b;
}

.c-arrowbuttonlink:hover{
    border-color    : #7828F0;
}

.c-arrowbuttonlink:hover span{
      color: #7828F0;
    }

.c-arrowbuttonlink.no-margin{
    margin       : 0px;
}

.c-arrowbuttonlink span.arrow{
    font-family: "Roboto";
    padding-left       : 0.5rem;
    transition: transform .3s ease-out;
}

.c-arrowbuttonlink:hover span.arrow{
    transform: translate(5px, 0);
}

.c-arrowbuttonlink.white{
    --tw-border-opacity       : 1;
    border-color       : rgb(255 255 255 / var(--tw-border-opacity, 1));
    --tw-text-opacity       : 1;
    color       : rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.c-arrowbuttonlink.white:hover{
    border-color       : rgb(255 255 255 / 0.8);
}

.c-arrowbuttonlink.white:hover span{
    color       : rgb(255 255 255 / 0.7);
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-platformevercheckreport{
    --tw-bg-opacity: 1;
    background-color: rgb(49 24 123 / var(--tw-bg-opacity, 1));
    padding-top: 4rem;
    padding-bottom: 4rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    scroll-margin-top: 6rem
}

.c-platformevercheckreport .c-collayout{
}

.c-platformevercheckreport .c-collayout .c-col{
    padding-left: 0px;
    padding-right: 0px
}

.c-platformevercheckreport .c-collayout .c-col:first-child{
    width: 100%;
    padding-bottom: 2.5rem
}

@media (min-width: 768px){

    .c-platformevercheckreport .c-collayout .c-col:first-child{
        width: 40%;
        flex: none;
        padding-bottom: 0px;
        padding-right: 1.25rem
    }
}

.c-platformevercheckreport .c-collayout .c-col:first-child img{
    width: 100%;
    border-radius: 0.75rem
}

.c-platformevercheckreport .c-collayout .c-col:last-child{
    width: 100%
}

@media (min-width: 768px){

    .c-platformevercheckreport .c-collayout .c-col:last-child{
        width: 60%;
        flex: none;
        padding-left: 1.25rem
    }
}

.c-platformevercheckreport h4{
    margin-bottom: 1rem
}

@media (min-width: 768px){

    .c-platformevercheckreport h4{
        margin-bottom: 2rem
    }
}

.c-platformevercheckreport .c-evcontent{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.c-platformevercheckreport .c-evcontent p{
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.5
}

@media (min-width: 1536px){

    .c-platformevercheckreport .c-evcontent p{
        font-size: 1.25rem
    }
}

.c-platformevercheckreport .c-evcontent p{
    font-weight: 400
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-quote{
}

.c-quote .statement{
    border-radius: 0.75rem;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px){

    .c-quote .statement{
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

.c-quote .statement{
    background-image: url(/public/home/quote.svg);
    background-repeat: no-repeat;
    background-position: 2rem 2rem;
    background-size: 5rem;
}

.c-quote .c-evcontent .from{
    margin-top: 3.5rem;
}

.c-quote .c-evcontent .from h5{
    font-weight: 700;
}

.c-quote .c-evcontent h5{
    font-weight: 400;
}

.c-quote h5 b{
      color: #7828F0;
      font-weight: 400;
    }

.c-quote h6{
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.1rem;
}

@media (min-width: 768px){

    .c-quote h6{
        font-size: 0.9rem;
        line-height: 1.2rem;
    }
}

.c-quote h6{
      font-family   : "Roboto";
      margin-bottom: 0.5rem;
      font-weight: 500;
      --tw-text-opacity: 1;
      color: rgb(36 120 252 / var(--tw-text-opacity, 1));
    }

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-evcard {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 1.25rem;
    border-radius: 7px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-bottom: 1rem;
    box-shadow: 0 0 4px 1px #ccc;
    transition: box-shadow 0.2s;
}

.c-evcard:hover {
    box-shadow: 0 0 8px 3px #ccc;
}

.c-evcard::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 7px;
    width: 100%;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    content: '';
    background: linear-gradient(90deg, #7828f0, #2478fc);
}

.c-evcardimage {
    height: auto;
    max-height: 12rem;
    width: 100%;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    object-fit: cover;
}

.c-evcardcontent {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.5;
}

@media (min-width: 1536px) {

    .c-evcardcontent {
        font-size: 1.25rem;
    }
}

.c-evcardcontent {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    flex: 1;
}

.c-evcardcontent.pt {
    padding-top: 1rem;
}

.c-evcardlink {
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.1rem;
}

@media (min-width: 768px) {

    .c-evcardlink {
        font-size: 0.9rem;
        line-height: 1.2rem;
    }
}

.c-evcardlink{
      font-family   : "Roboto";
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      font-weight: 400;
      --tw-text-opacity: 1;
      color: rgb(71 43 157 / var(--tw-text-opacity, 1));
    }

.c-evcardlink > span{
    display         : inline-flex;
    cursor          : pointer;
    position        : relative;
}

.c-evcardlink span.arrow {
    padding-left: 0.25rem;
  transition: transform .3s ease-out;
}

.c-evcard:hover .c-evcardlink span {
    --tw-text-opacity: 1;
    color: rgb(120 40 240 / var(--tw-text-opacity, 1));
}

.c-evcard:hover .c-evcardlink span.arrow{
    transform: translate(5px, 0);
}

.c-evcard h4{
      font-family: "Roboto";
      font-size: 1.5rem;
      font-weight: 300;
      line-height: 110%;
    }

@media (min-width: 1024px) {

    .c-evcard h4 {
        font-size: 2rem;
    }
}

@media (min-width: 1280px) {

    .c-evcard h4 {
        font-size: 2.5rem;
    }
}

@media (min-width: 1536px) {

    .c-evcard h4 {
        font-size: 3rem;
    }
}

.c-evcard h4 {
    font-weight: 300;
}

.c-evcard h5{
      font-family: "Roboto";
      font-size: 1.4rem;
      font-weight: 300;
      line-height: 1.7rem;
    }

@media (min-width: 1280px) {

    .c-evcard h5 {
        font-size: 1.5rem;
        line-height: 1.9rem;
    }
}

@media (min-width: 1536px) {

    .c-evcard h5 {
        font-size: 2.5rem;
        line-height: 2.9rem;
    }
}.c-evcardgrid {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    justify-content: flex-start;
    gap: 2.5rem;
    column-gap: 1.5rem;
    row-gap: 1.5rem
}
@media (min-width: 640px) {
    .c-evcardgrid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media (min-width: 1024px) {
    .c-evcardgrid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 3rem
    }
}
@media (min-width: 640px) {
    .c-evcardgrid.cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media (min-width: 768px) {
    .c-evcardgrid.cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}
@media (min-width: 1280px) {
    .c-evcardgrid.cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}
.c-evcardgrid.cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-applicationsproducts {
    /* @apply w-[80vw] mx-auto flex flex-col items-start justify-center gap-0 pt-16; */
    margin-bottom: 4rem;
    padding-top: 4rem;
}

@media (min-width: 768px) {

    .c-applicationsproducts {
        padding-top: 4rem;
    }
}

@media (min-width: 1024px) {

    .c-applicationsproducts {
        margin-bottom: 6rem;
        padding-top: 6rem;
    }
}

.c-applicationsproducts .c-evcontent h2 {
    margin-bottom: 1rem;
}

.c-applicationsproducts .c-evcontent:first-child {
    padding-bottom: 0px;
}

.c-applicationsproducts .c-evcontent h3 {
    padding-bottom: 2rem;
}

@media (min-width: 1024px) {

    .c-applicationsproducts .c-evcontent h3 {
        padding-bottom: 3rem;
    }
}

.c-applicationsproducts .app-category {
    margin-top: 4rem;
}

@media (min-width: 1024px) {

    .c-applicationsproducts .app-category {
        margin-top: 4rem;
    }
}

.c-applicationsproducts .c-evcard h4 {
    font-weight: 500;
}

.c-applicationsproducts .c-evcard p {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.c-applicationsproducts .c-evcard p.font-static {
    font-size: 1rem;
}

.c-applicationsproducts .c-evcardlink {
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 700;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

@media (min-width: 768px) {

    .c-applicationstitle {
        --tw-bg-opacity: 1;
        background-color: rgb(242 240 247 / var(--tw-bg-opacity, 1));
        background-image: url(/public/solutions/applications-bg.png);
    }
}

.c-applicationstitle {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 100%;
}

.c-applicationstitle .applicationsIntro {
    padding-top: 8rem;
    padding-bottom: 4rem;
}

@media (min-width: 1024px){
    .c-applicationstitle .applicationsIntro{
        background-size: auto;
    }
}

.c-applicationstitle .applicationsIntro h1 {
    padding-bottom: 0.5rem;
}

@media (min-width: 1280px) {

    .c-applicationstitle .applicationsIntro h1 {
        max-width: 60%;
    }
}

@media (min-width: 1536px) {

    .c-applicationstitle .applicationsIntro h1 {
        max-width: 100%;
    }
}

.c-applicationstitle .applicationsIntro h1{
    box-sizing       : border-box;
}.c-topnav {
    position: fixed;
    z-index: 1001;
    display: flex;
    min-height: 3rem;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity, 1));
}.c-topnav:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(225 225 225 / var(--tw-text-opacity, 1));
}@media (min-width: 768px) {.c-topnav {
        align-items: center;
    }
}.c-topnav {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(193 193 193 / var(--tw-border-opacity, 1));
}.c-topnav:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(65 65 65 / var(--tw-border-opacity, 1));
}
.c-topnav.position-static {
    position: static;
}
.c-topnav .nav-content {
    display: flex;
    height: 100%;
    min-height: 3rem;
    align-items: center;
    justify-content: space-between;
}
.c-topnav .nav-content > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.c-topnav .nav-content {
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (min-width: 768px) {.c-topnav .nav-content {
        justify-content: flex-start;
    }
}
.c-topnav .nav-brand {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
}
.c-topnav .nav-content-toggle {
    display: flex;
    display: none;
    width: 100%;
    align-items: center;
}
.c-topnav .nav-content-wide {
    display: none;
    align-items: center;
}
@media (min-width: 768px) {.c-topnav .nav-content-wide {
        display: flex;
    }
}
.c-topnav ul {
    display: flex;
    flex-direction: column;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.c-topnav ul li {
    list-style-type: none;
}
.c-topnav ul li a {
    transition: background-color 0.4s;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    display: inline-block;
    width: 100%;
    border-radius: 0.125rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(17 17 17 / var(--tw-text-opacity, 1));
    text-decoration-line: none;
}
.c-topnav ul li a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(225 225 225 / var(--tw-bg-opacity, 1));
}
.c-topnav ul li a:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.c-topnav ul li a:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(49 49 49 / var(--tw-bg-opacity, 1));
}
.c-topnav ul li button {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.c-topnav .nav-toggle-button {
    display: block;
}
.c-topnav .bar {
    margin-bottom: 0.375rem;
    margin-top: 0.25rem;
    display: block;
    height: 0.125rem;
    width: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.c-topnav .bar:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.c-topnav.active .nav-content-toggle {
    display: block;
}
@media (min-width: 768px) {.c-topnav.active .nav-content-toggle {
        display: flex;
    }
}
.c-topnav .md-hidden {
    display: block;
}
@media (min-width: 768px) {.c-topnav .md-hidden {
        margin: 0px;
        display: none;
    }
    .c-topnav {
        flex-direction: row;
    }
    .c-topnav .navbar {
        display: flex;
    }
    .c-topnav .nav-toggle-button {
        display: none;
    }
    .c-topnav .nav-content-toggle {
        margin-top: 0px;
        display: flex;
        width: auto;
        justify-content: space-between;
    }
    .c-topnav ul {
        flex-direction: row;
    }
    .c-topnav ul > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-evcontent{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size   : 1.25rem;
      font-weight   : 300;
      line-height   : 1.5;
    }

@media (min-width: 768px){

      .c-evcontent{
            font-size   : 1.25rem;
      }
}

@media (min-width: 1024px){

      .c-evcontent{
            font-size   : 1.3125rem;
      }
}

@media (min-width: 1280px){

      .c-evcontent{
            font-size   : 1.3125rem;
      }
}

@media (min-width: 1536px){

      .c-evcontent{
            font-size   : 1.5rem;
      }
}

.c-evcontent{
      font-family   : "Roboto";
      --tw-text-opacity   : 1;
      color   : rgb(0 0 0 / var(--tw-text-opacity, 1));
    }

.c-evcontent h1{
      font-family: "Roboto";
      margin-bottom   : 1.25rem;
      font-size   : 3.5rem;
      font-weight   : 400;
      line-height   : 3.9rem;
    }

@media (min-width: 768px){

      .c-evcontent h1{
            font-size   : 3.5rem;
            line-height   : 3.9rem;
      }
}

@media (min-width: 1024px){

      .c-evcontent h1{
            font-size   : 5rem;
            line-height   : 5.5rem;
      }
}

@media (min-width: 1536px){

      .c-evcontent h1{
            font-size   : 6.5rem;
            line-height   : 6.9rem;
      }
}

.c-evcontent h1 b{
      color: #7828F0;
      font-weight   : 400;
    }

.c-evcontent h2{
      font-family: "Roboto";
      font-size   : 2.5rem;
      font-weight   : 300;
      line-height   : 3rem;
    }

@media (min-width: 768px){

      .c-evcontent h2{
            font-size   : 2.5rem;
            line-height   : 3rem;
      }
}

@media (min-width: 1024px){

      .c-evcontent h2{
            font-size   : 3.5rem;
            line-height   : 4rem;
      }
}

@media (min-width: 1536px){

      .c-evcontent h2{
            font-size   : 4.5rem;
            line-height   : 5rem;
      }
}

.c-evcontent h2{
      margin-bottom   : 1rem;
      font-weight   : 300;
}

.c-evcontent h2 b{
      color: #7828F0;
      font-weight   : 300;
    }

.c-evcontent h2.mb{
      margin-bottom   : 2.5rem;
}

@media (min-width: 768px){

      .c-evcontent h2.mb{
            margin-bottom   : 5rem;
      }
}

.c-evcontent h3{
      font-family: "Roboto";
      font-size   : 2rem;
      font-weight   : 300;
      line-height   : 2.4rem;
    }

@media (min-width: 768px){

      .c-evcontent h3{
            font-size   : 2rem;
            line-height   : 2.4rem;
      }
}

@media (min-width: 1280px){

      .c-evcontent h3{
            font-size   : 2.5rem;
            line-height   : 2.9rem;
      }
}

@media (min-width: 1536px){

      .c-evcontent h3{
            font-size   : 4rem;
            line-height   : 4.4rem;
      }
}

.c-evcontent h3 b{
      font-weight   : 500;
}

.c-evcontent h4{
      font-family: "Roboto";
      font-size   : 1.5rem;
      font-weight   : 300;
      line-height   : 110%;
    }

@media (min-width: 1024px){

      .c-evcontent h4{
            font-size   : 2rem;
      }
}

@media (min-width: 1280px){

      .c-evcontent h4{
            font-size   : 2.5rem;
      }
}

@media (min-width: 1536px){

      .c-evcontent h4{
            font-size   : 3rem;
      }
}

.c-evcontent h5{
      font-family: "Roboto";
      font-size   : 1.4rem;
      font-weight   : 300;
      line-height   : 1.7rem;
    }

@media (min-width: 1280px){

      .c-evcontent h5{
            font-size   : 1.5rem;
            line-height   : 1.9rem;
      }
}

@media (min-width: 1536px){

      .c-evcontent h5{
            font-size   : 2.5rem;
            line-height   : 2.9rem;
      }
}

.c-evcontent p{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size   : 1.25rem;
      font-weight   : 300;
      line-height   : 1.5;
    }

@media (min-width: 768px){

      .c-evcontent p{
            font-size   : 1.25rem;
      }
}

@media (min-width: 1024px){

      .c-evcontent p{
            font-size   : 1.3125rem;
      }
}

@media (min-width: 1280px){

      .c-evcontent p{
            font-size   : 1.3125rem;
      }
}

@media (min-width: 1536px){

      .c-evcontent p{
            font-size   : 1.5rem;
      }
}

.c-evcontent p{
      font-family   : "Roboto";
      margin-top   : 0.75rem;
      margin-bottom   : 0.75rem;
    }

.c-evcontent b{
      font-weight   : 400;
}

@media (min-width: 1024px){

      .c-evcontent.limit-right, .c-evcontent .limit-right{
            padding-right   : 20%;
      }
}

.c-evcontent small{
      font-size   : 0.8rem;
      font-weight   : 300;
      line-height   : 1.1rem;
}

@media (min-width: 768px){

      .c-evcontent small{
            font-size   : 0.9rem;
            line-height   : 1.2rem;
      }
}

.c-evcontent small{
      font-family   : "Roboto";
    }

.c-evcontent ul{
      margin-top   : 1rem;
      margin-bottom   : 1rem;
}

.c-evcontent ul li{
    list-style: disc;
}

.c-evcontent ul.no-disc li{
      margin-left   : 0px;
      padding-left   : 0px;
}

@media (min-width: 640px){

      .c-evcontent ul.no-disc li{
            margin-left   : 1.5rem;
      }
}

@media (min-width: 768px){

      .c-evcontent ul.no-disc li{
            margin-left   : 2rem;
      }
}

@media (min-width: 1024px){

      .c-evcontent ul.no-disc li{
            margin-left   : 3rem;
      }
}

.c-evcontent ul.no-disc li{
    list-style: none;
}

.c-evcontent ul li, .c-evcontent ol li{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size   : 1.25rem;
      font-weight   : 300;
      line-height   : 1.5;
    }

@media (min-width: 768px){

      .c-evcontent ul li, .c-evcontent ol li{
            font-size   : 1.25rem;
      }
}

@media (min-width: 1024px){

      .c-evcontent ul li, .c-evcontent ol li{
            font-size   : 1.3125rem;
      }
}

@media (min-width: 1280px){

      .c-evcontent ul li, .c-evcontent ol li{
            font-size   : 1.3125rem;
      }
}

@media (min-width: 1536px){

      .c-evcontent ul li, .c-evcontent ol li{
            font-size   : 1.5rem;
      }
}

.c-evcontent ul li, .c-evcontent ol li{
      font-family   : "Roboto";
      margin-left   : 1.5rem;
      padding-top   : 0.5rem;
      padding-bottom   : 0.5rem;
      padding-left   : 0.5rem;
    }

@media (min-width: 1024px){

      .c-evcontent ul li, .c-evcontent ol li{
            margin-left   : 3rem;
      }
}

.c-evcontent ol.counter-numeric {
    counter-reset: item;
    list-style: none;
    padding-left: 2.7rem;
}

.c-evcontent ol.counter-numeric li > ol {
    counter-reset: item;
}

.c-evcontent ol.counter-numeric li {
    counter-increment: item;
    margin: 0.5rem 0;
    position: relative;
}

.c-evcontent ol.counter-numeric li::before {
    content: counters(item, ".") ". ";
    position: absolute;
    left: -2.7rem;
}

.c-evcontent ol.counter-lower-roman {
    list-style-type: lower-roman;
}

.c-evcontent ol.counter-upper-roman {
    list-style-type: upper-roman;
}

.c-evcontent ol.counter-lower-alpha {
    list-style-type: lower-alpha;
}

.c-evcontent ol.counter-upper-alpha {
    list-style-type: upper-alpha;
}

.c-evcontent ul li a{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size   : 1.25rem;
      font-weight   : 300;
      line-height   : 1.5;
    }

@media (min-width: 768px){

      .c-evcontent ul li a{
            font-size   : 1.25rem;
      }
}

@media (min-width: 1024px){

      .c-evcontent ul li a{
            font-size   : 1.3125rem;
      }
}

@media (min-width: 1280px){

      .c-evcontent ul li a{
            font-size   : 1.3125rem;
      }
}

@media (min-width: 1536px){

      .c-evcontent ul li a{
            font-size   : 1.5rem;
      }
}

.c-evcontent ul li a{
      font-family   : "Roboto";
    }

.c-evcontent .table-scroll{
      width   : 100%;
      overflow-x   : scroll;
}

@media (min-width: 1280px){

      .c-evcontent .table-scroll{
            max-width   : 80%;
      }
}

.c-evcontent table{
      margin-top   : 1rem;
      margin-bottom   : 1rem;
}

.c-evcontent table p{
      max-width   : 100%;
}

.c-evcontent table th{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size   : 1.25rem;
      font-weight   : 300;
      line-height   : 1.5;
    }

@media (min-width: 768px){

      .c-evcontent table th{
            font-size   : 1.25rem;
      }
}

@media (min-width: 1024px){

      .c-evcontent table th{
            font-size   : 1.3125rem;
      }
}

@media (min-width: 1280px){

      .c-evcontent table th{
            font-size   : 1.3125rem;
      }
}

@media (min-width: 1536px){

      .c-evcontent table th{
            font-size   : 1.5rem;
      }
}

.c-evcontent table th{
      font-family   : "Roboto";
      padding   : 0.5rem;
      text-align   : left;
      font-weight   : 700;
    }

.c-evcontent table td{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size   : 1.25rem;
      font-weight   : 300;
      line-height   : 1.5;
    }

@media (min-width: 768px){

      .c-evcontent table td{
            font-size   : 1.25rem;
      }
}

@media (min-width: 1024px){

      .c-evcontent table td{
            font-size   : 1.3125rem;
      }
}

@media (min-width: 1280px){

      .c-evcontent table td{
            font-size   : 1.3125rem;
      }
}

@media (min-width: 1536px){

      .c-evcontent table td{
            font-size   : 1.5rem;
      }
}

.c-evcontent table td{
      font-family   : "Roboto";
      padding   : 0.5rem;
      font-weight   : 300;
    }

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-everseennav{
  max-height: 100vh;
  overflow-y: auto;
  border-width: 0px;
}

@media (min-width: 768px){

  .c-everseennav{
    height: 4rem;
    overflow-y: visible;
  }
}

.c-everseennav{
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: bottom;
  z-index: 2000;
}

.c-everseennav .wrapper{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){

  .c-everseennav .wrapper{
    margin-left: auto;
    margin-right: auto;
    width: 90vw;
    max-width: 90rem;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1024px){

  .c-everseennav .wrapper{
    width: 86vw;
  }
}

.c-everseennav .wrapper{
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px){

  .c-everseennav .wrapper{
    flex-direction: row;
  }
}

.c-everseennav::before{
  height: 100%;
  width: 100%;
  background-color: transparent;
  z-index: -1;
  content: '';
  display: block;
  position: absolute;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  transition: background-color 0.3s;
}

.c-everseennav.opaque::before{
  background-color: #ffffffaa;
}

.c-everseennav img{
  max-height: 1.25rem;
}

.c-everseennav.active{
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

@media (min-width: 768px){

  .c-everseennav.active{
    height: auto;
    background-color: transparent;
    background-image: none;
  }
}

.c-everseennav .nav-content{
  height: 4rem;
  min-height: 4rem;
  padding-left: 0px;
  padding-right: 0px;
}

.c-everseennav .nav-content-toggle{
  height: 100%;
  justify-content: flex-start;
}

@media (min-width: 768px){

  .c-everseennav .nav-content-toggle{
    justify-content: center;
  }
}

.c-everseennav .nav-content-toggle{
  flex: 1;
}

.c-everseennav .nav-content-toggle, .c-everseennav .nav-content-wide{
  padding-bottom: 2.5rem;
}

@media (min-width: 768px){

  .c-everseennav .nav-content-toggle, .c-everseennav .nav-content-wide{
    padding-bottom: 0px;
  }
}

.c-everseennav .nav-content-toggle, .c-everseennav .nav-content-wide{
  background-color: transparent;
}

.c-everseennav .bar{
  --tw-bg-opacity: 1;
  background-color: rgb(48 24 123 / var(--tw-bg-opacity, 1));
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.c-everseennav.active .nav-toggle-button .bar:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.c-everseennav.active .nav-toggle-button .bar:nth-child(2) {
  opacity: 0;
  transform: translateX(-8px);
}

.c-everseennav.active .nav-toggle-button .bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

.c-everseennav ul{
  display: flex;
  padding-top: 0px;
}

@media (min-width: 768px){

  .c-everseennav > ul{
    height: 100%;
  }
}

.c-everseennav ul li{
  display: flex;
  height: 100%;
  flex-direction: column;
}

@media (min-width: 768px){

  .c-everseennav ul li{
    flex-direction: row;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.c-everseennav ul li{
  /* @apply relative; */
}

.c-everseennav ul li a{
  margin: 0px;
  display: flex;
  height: 100%;
  align-items: center;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 14px;
}

@media (min-width: 768px){

  .c-everseennav ul li a{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.c-everseennav ul li a{
  font-family   : "RobotoRound";
  color         : #333;
}

.c-everseennav ul li > a{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 20px;
  font-weight: 400;
}

@media (min-width: 768px){

  .c-everseennav ul li > a{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: 16px;
    font-weight: 400;
  }
}

.c-everseennav ul li > a:hover{
  /* @apply py-5; */
}

.c-everseennav ul li > a.drop:hover{
  /* @apply py-5; */
}

.c-everseennav ul li a.drop{
  position: relative;
  padding-right: 1.75rem;
  padding-left: 0.75rem;
}

.c-everseennav ul li a.drop::before{
  position: absolute;
  top: 50%;
  right: 0.5rem;
  display: none;
  height: 0.75rem;
  width: 0.75rem;
  background-image: url(/public/menu/angleDownSolid.svg);
}

@media (min-width: 768px){

  .c-everseennav ul li a.drop::before{
    display: block;
  }
}

.c-everseennav ul li a.drop::before{
  transform: translateY(-50%);
  content: '';
  background-repeat: no-repeat;
  background-position: right center;
  transition: transform 0.3s;
}

.c-everseennav ul li a.drop:hover::before{
  transform: rotate(180deg);
  transform-origin: 50% 25%;
}

.c-everseennav ul li a.drop::after{
  content: '';
  position: absolute;
  bottom: 4px;
  left: 0px;
  display: none;
  height: 2px;
  width: 0px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(120 40 240 / var(--tw-bg-opacity, 1));
}

@media (min-width: 768px){

  .c-everseennav ul li a.drop::after{
    display: block;
  }
}

.c-everseennav ul li a.drop::after{
  transition: width 0.3s;
}

.c-everseennav ul li a.drop:hover::after{
  width: 100%;
}

.c-everseennav ul li.active a{
  background-color: transparent;
  letter-spacing: 0;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetica, sans-serif;
}

.c-everseennav ul li a:hover{
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(48 24 123 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px){

  .c-everseennav ul li a:hover{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }
}

.c-everseennav ul.contact li{
  display: flex;
  align-items: center;
}

.c-everseennav ul.contact li a{
  display: inline-flex;
  height: 2.5rem;
  border-radius: 3px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 700;
}

.c-everseennav ul.contact li a:hover{
  --tw-border-opacity: 1;
  border-color: rgb(120 40 240 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(120 40 240 / var(--tw-text-opacity, 1));
}

.c-everseennav ul.contact li a span.arrow{
  padding-left: 0.5rem;
  transition: transform .3s ease-out;
}

.c-everseennav ul.contact li a:hover span{
  --tw-text-opacity: 1;
  color: rgb(120 40 240 / var(--tw-text-opacity, 1));
}

.c-everseennav ul.contact li a:hover span.arrow{
  transform: translate(5px, 0);
}

.c-everseennav .contact{
  padding-left: 0px;
  padding-right: 0px;
}

.c-everseennav .contact li{
  padding-left: 0px;
  padding-right: 0px;
}

.c-everseennav ul li ul.secondary{
  top: 4rem;
  display: flex;
  width: 100%;
  padding-left: 1.5rem;
}

@media (min-width: 768px){

  .c-everseennav ul li ul.secondary{
    position: absolute;
    left: 0px;
    display: none;
    height: 4rem;
    align-items: center;
    padding-left: 0.75rem;
    opacity: 0;
  }
}

.c-everseennav ul li ul.secondary{
}

.c-everseennav ul li:hover ul.secondary, .c-everseennav ul li.active ul.secondary{
  top: 4rem;
}

@media (min-width: 768px){

  .c-everseennav ul li:hover ul.secondary, .c-everseennav ul li.active ul.secondary{
    display: flex;
    opacity: 1;
  }
}

/* &EverseenNav&:hover ul.secondary{
  @apply hidden;
} */

.c-everseennav ul li:hover ul.secondary{
  z-index: 3000;
}

.c-everseennav ul li.active:hover ul.secondary{
  z-index: 3000;
}

.c-everseennav ul li ul li a b{
  font-weight: bold;
}

.c-everseennav ul li.active ul li a{
  font-weight: 300;
}

.c-everseennav ul li.active ul li a b{
  font-weight: bold;
}

.c-everseennav ul li.active ul li.active a{
  font-weight: bold;
  color: #2478FC;
}

.c-everseennav .appentry a{
  margin: 0px;
  display: block;
  padding: 0px;
  text-align: left;
}

.c-everseennav .appentry a:hover{
  margin: 0px;
  padding: 0px;
}

.c-everseennav .appentry{
  margin-left: 0.75rem;
  padding: 0px;
}

@media (min-width: 768px){

  .c-everseennav .appentry{
    margin-left: 0px;
    padding: 0px 20px 30px 20px;
  }
}

.c-everseennav .appentry{
  display        : block;
  width          : 200px;
  cursor         : pointer;
  color          : #000;
}

.c-everseennav .appentry:hover, .c-everseennav .appentry:hover .appentrytitle, .c-everseennav .appentry:hover .appentrydescription{
      color: #7828F0;
  transition     : color 0.4s;
    }

.c-everseennav .appentry a.active, .c-everseennav .appentry a.active .appentrytitle, .c-everseennav .appentry a.active .appentrydescription{
      color: #7828F0;
    }

.c-everseennav .appentry a{
  height: auto;
}

.c-everseennav .appentrytitle {
  display             : block;
  font-family         : "Roboto", sans-serif;
  font-size           : 20px;
  line-height         : 24px;
  margin-bottom       : 3px;

  padding-left        : 12px; 
  /* background-image    : url(/public/menu/caretRight.svg); */
  background-repeat   : no-repeat;
  background-position : top left;
  background-size     : auto 100% ;
}

.c-everseennav .appentrytitle span{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.c-everseennav .appentrydescription{
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity, 1));
  font-family   : "RobotoRound";
  font-size     : 11px;
  line-height   : 14px;
}

.c-everseennav .appentrysubmenu{
  display: flex;
  flex-direction: column;
  padding-top: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(136 136 136 / var(--tw-text-opacity, 1));
  font-family   : "RobotoRound";
  font-size     : 11px;
  line-height   : 14px;
}

.c-everseennav ul .appentrysubmenu li{
  margin: 0px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  margin: 0 !important;
}

/* ________________________________________________________________________________________________
 ________________________________________________________________________________________________ */

@media (min-width: 768px){

  .c-everseennav .submenu{
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
    --tw-shadow: rgba(0,0,0,0.15) 0px 15px 25px, rgba(0,0,0,0.05) 0px 5px 10px;
    --tw-shadow-colored: 0px 15px 25px var(--tw-shadow-color), 0px 5px 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.c-everseennav .submenu{
  position: static;
  display: none;
  max-width: 100%;
  transform: none;
}

@media (min-width: 768px){

  .c-everseennav .submenu{
    position: fixed;
    display: none;
    --tw-translate-x: -50%;
    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));
  }
}

.c-everseennav .submenu {
  /* display       : block; */
  /* display       : none; */
  top           : 60px;
  left          : 50%;
  border-radius : 10px;
  color: #000;
  /* box-shadow    : rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px; */
  /* box-shadow    : rgba(149, 157, 165, 0.2) 0px 8px 24px; */
  /* box-shadow    : rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; */
  /* box-shadow    : rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;    z-index         : 1001; */
  z-index       : 1001;
}

.c-everseennav .submenu.submenu-apps{
  display: block;
}

@media (min-width: 768px){

  .c-everseennav .submenu.submenu-apps{
    display: none;
  }
}

.c-everseennav .submenu.submenu-company{
  display: grid;
}

@media (min-width: 768px){

  .c-everseennav .submenu.submenu-company{
    display: none;
  }

  .c-everseennav .submenu.submenu-company .submenudetails{
    padding-bottom: 3.5rem;
  }
}

.c-everseennav .submenu.submenu-company .submenudetails{
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.c-everseennav .submenu.submenu-company .appentry{
  width: 200px;
}

.c-everseennav .submenu.submenu-company .appentrytitle{
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  background-image: none;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px){

  .c-everseennav .submenu.submenu-company .appentrytitle{
    padding-top: 0px;
    padding-bottom: 0px;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity, 1));
  }
}

.c-everseennav .submenu.submenu-company .appentrytitle{
  font-size: 1rem;
  line-height: 1.1rem;
}

@media (min-width: 768px){

  .c-everseennav .submenu.submenu-company .appentrytitle{
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
}

.c-everseennav .submenu.submenu-company .appentrytitle{
  transition: color 0.4s;
}

.c-everseennav .submenu.submenu-company .appentrytitle:hover{
      color: #7828F0;
    }

.c-everseennav .submenu.submenu-company .appentrysubmenu{
  display: none;
  row-gap: 1.5rem;
}

@media (min-width: 768px){

  .c-everseennav .submenu.submenu-company .appentrysubmenu{
    display: flex;
    flex-direction: column;
  }
}

.c-everseennav .submenu.submenu-company .appentry{
  padding-bottom: 0px;
}

.c-everseennav .submenu.submenu-company .appentrysubmenu a{
  padding-left: 0px;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity, 1));
  /* @apply bg-['/public/menu/caretRight.svg']; */
  background-repeat: no-repeat;
  background-position: left 2px;
  font-family   : "Roboto", sans-serif;
  transition: padding 0.4s, color 0.4s;
  /* color         : #888; */
  /* font-size     : 11px; */
  /* line-height   : 14px; */
}

.c-everseennav .submenu.submenu-company .appentrysubmenu a:hover{
      color: #7828F0;
    }

@media (min-width: 768px){
  .c-everseennav .submenu.submenu-company .appentrysubmenu a{
    padding-left: 0.75rem;
    font-size: 16px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    background-image: url('/public/menu/caretRight.svg');
  }
}

/* .submenu.submenu-company ul .appentrysubmenu li{ */

/* @apply py-1 pl-2 m-0; */

/* margin: 0 !important; */

/* } */

@media (min-width: 768px){

  .c-everseennav ul li:hover .submenu{
    display: block;
  }
}

.c-everseennav .submenumain{
  display: none;
}

@media (min-width: 768px){

  .c-everseennav .submenumain{
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 40px 50px 40px 50px;
  }
}

.c-everseennav .submenumain {
  border-top-right-radius : 10px;
  border-top-left-radius  : 10px;
  font-family             : "Roboto";
  font-size               : 24px;
  line-height             : 28px;
  font-weight: 300;;
  border-bottom           : 1px solid #f0f0f0;
}

.c-everseennav .submenumain b{
      color: #7828F0;
  font-family             : "Roboto";
  font-weight: 300;
    }

.c-everseennav .submenumainsubtext {
  font-family             : "Roboto";
  font-weight: 100;
  font-size               : 14px;
  line-height             : 30px;
}

.c-everseennav .submenudetails{
  display: flex;
  flex-direction: column;
  background-color: #ffffffcc;
}

@media (min-width: 768px){

  .c-everseennav .submenudetails{
    display: grid;
  }

  .c-everseennav .submenudetails > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }

  .c-everseennav .submenudetails{
    padding: 40px 30px 20px 30px;
  }
}

.c-everseennav .submenudetails{
  /* background                 : rgba(255, 255, 255, 0.8); */
  backdrop-filter            : blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-bottom-right-radius : 10px;
  border-bottom-left-radius  : 10px;
  grid-template-rows         : 1fr 1fr;
  grid-template-columns      : 1fr 1fr 1fr;
}

.c-everseennav .appentry:hover, .c-everseennav .appentry:hover .appentrytitle span, .c-everseennav .appentry:hover .appentrydescription{
      color: #7828F0;
  transition     : color 0.4s;
    }

.c-everseennav .appentrytitle{
  background-image: none;
  padding-left: 0px;
  font-size: 16px;
}

@media (min-width: 768px){

  .c-everseennav .appentrytitle{
    background-image: url(/public/menu/caretRight.svg);
    padding-left: 12px;
    font-size: 18px;
  }
}

.c-everseennav .appentrytitle {
  display             : block;
  font-family         : "Roboto", sans-serif;
  line-height         : 24px;
  margin-bottom       : 3px;
  background-repeat   : no-repeat;
  background-position : top left;
  background-size     : auto 100% ;
}

.c-everseennav .appentrytitle span{
  color        : #777;
  /* color        : #8aaec8; */
}

.c-everseennav .appentrydescription{
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.1rem;
}

@media (min-width: 768px){

  .c-everseennav .appentrydescription{
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
}

.c-everseennav .appentrydescription{
      font-family   : "Roboto";
      display: none;
      --tw-text-opacity: 1;
      color: rgb(0 0 0 / var(--tw-text-opacity, 1));
    }

@media (min-width: 768px){

  .c-everseennav .appentrydescription{
    display: block;
  }
}

.c-everseennav .appentrydescription {
  font-family   : "RobotoRound";
  font-size     : 0.7rem;
  line-height   : 0.9rem;
}

@media (min-width: 768px){

  .c-everseennav .submenuplat{
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
    --tw-shadow: rgba(0,0,0,0.15) 0px 15px 25px, rgba(0,0,0,0.05) 0px 5px 10px;
    --tw-shadow-colored: 0px 15px 25px var(--tw-shadow-color), 0px 5px 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.c-everseennav .submenuplat {
  /* transform     : translateX(-50%); */
  position: static;
  display: none;
  max-width: 100%;
  transform: none;
}

@media (min-width: 768px){

  .c-everseennav .submenuplat{
    position: fixed;
    display: none;
    --tw-translate-x: -50%;
    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));
    width: 100%;
  }
}

@media (min-width: 1024px){

  .c-everseennav .submenuplat{
    width: auto;
  }
}

.c-everseennav .submenuplat {
  grid-template-rows: auto auto;
  top           : 60px;
  left          : 50%;
  border-radius : 10px;
  /* box-shadow    : rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px; */
  z-index       : 1001; 
  /* display       : block; */
}

@media (min-width: 768px){

  .c-everseennav ul li:hover .submenuplat{
    display: grid;
  }
}

.c-everseennav .submenuplatleft{
  padding: 0px;
}

@media (min-width: 768px){

  .c-everseennav .submenuplatleft{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 35px 10px 35px 10px;
  }
}

@media (min-width: 1024px){

  .c-everseennav .submenuplatleft{
    padding: 35px 50px 35px 50px;
  }
}

.c-everseennav .submenuplatleft {
  display                   : flex;
  justify-content: space-between;
  border-top-right-radius   : 10px;
  border-top-left-radius   : 10px;
  border-bottom             : 1px solid #f0f0f0;
}

.c-everseennav .submenuplatuptown:last-child{
  flex: 1;
  padding-left: 30px;
  grid-template-columns: 45%;
  max-width: 350px;
  gap: 1%;
}

.c-everseennav .hide-md--grid{
  display: none;
}

@media (min-width: 768px){

  .c-everseennav .hide-md--grid{
    display: block;
  }
}

.c-everseennav .submenulefttitle{
  display: none;
  font-weight: 300;
}

@media (min-width: 768px){

  .c-everseennav .submenulefttitle{
    display: block;
  }
}

.c-everseennav .submenulefttitle {
  font-family               : "Roboto";
  font-size                 : 28px;
  line-height               : 40px;
}

.c-everseennav .submenulefttitle b{
      color: #7828F0;
  font-family               : "Roboto";
  font-weight               : 300;
  font-size                 : 28px;
  line-height               : 40px;
    }

.c-everseennav .submenulefttext {
  font-family               : "Roboto";
  font-weight               : 300;
  font-size                 : 13px;
  line-height               : 16px;
}

.c-everseennav .submenuplatright{
  background-color: #ffffffcc;
}

@media (min-width: 768px){

  .c-everseennav .submenuplatright{
    padding: 40px 10px 50px 10px;
  }
}

@media (min-width: 1024px){

  .c-everseennav .submenuplatright{
    padding: 40px 30px 50px 30px;
  }
}

.c-everseennav .submenuplatright {
  display                    : block;
  border-bottom-right-radius : 10px;
  border-top-right-radius    : 10px;
}

@media (min-width: 768px){
  .c-everseennav .submenuplatright {
    backdrop-filter : blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
}

.c-everseennav .submenuplatrighttitle{
  display: none;
}

@media (min-width: 768px){

  .c-everseennav .submenuplatrighttitle{
    display: block;
  }
}

.c-everseennav .submenuplatrighttitle {
  font-family            : "Roboto";
  font-size              : 20px;
  line-height            : 28px;
  margin-left            : 5px;
  font-weight: 100;
}

.c-everseennav .submenuplatdetails{
  flex-direction: column;
}

@media (min-width: 768px){

  .c-everseennav .submenuplatdetails{
    display: grid;
  }
}

.c-everseennav .submenuplatdetails {
  grid-template-columns  : 1fr 1fr 1fr 1fr;
}

.c-everseennav ul li.active .submenuleftbutton{
  display: block;
  font-weight: normal;
}

.c-everseennav ul li .submenuleftbutton:hover{
  padding-left           : 45px;
  padding-right          : 25px;
}

.c-everseennav .submenuleftbutton{
  margin-left: 1rem;
  display: block;
}

@media (min-width: 768px){

  .c-everseennav .submenuleftbutton{
    margin-left: 0px;
    display: inline-block;
  }
}

.c-everseennav .submenuleftbutton {
  flex: 1;
  position               : relative;
  font-family            : "Roboto";
  font-size              : 12px;
  height                 : 40px;
  line-height            : 40px;
  border-radius          : 40px;
  padding-left           : 35px;
  padding-right          : 8px;
  cursor                 : pointer;
  z-index                : 9;
  border: 1px solid #ccc;
}

@media (min-width: 768px){
  .c-everseennav .submenuleftbutton {
    border: none;
    background             : linear-gradient(45deg, #000 10%, #fff 10%, #fff 20%, #000 20%);
    background-size        : 200% 100%;    
    background-repeat      : repeat-x;    
    animation              : everseenBG 2s linear infinite;
  }
}

.c-everseennav .submenuleftbutton:hover {
  background : #472b9d;
  color      : #fff;
}

.c-everseennav .submenuleftbutton:hover::before {
    background-color: #fff;
    background-image       : url(/public/menu/caretLeft.svg);
    background-size        : 100% 100%;
    background-repeat      : none;
    background-position    : center center;
}

.c-everseennav .submenuleftbutton:hover::after {
  background : #472b9d;
}

@keyframes everseenBG {
  0%   { background-position: 200% 0%; }
  30%  { background-position: 40%  0%;  }
  100% { background-position: 40%  0%;  }
}

.c-everseennav .submenuleftbutton::before {
  display                : block;
  content                : " ";
  position               : absolute;
  background             : #000;
  border-radius          : 40px;
  width                  : 24px;
  height                 : 24px;
  top                    : 8px;
  left                   : 8px;
  background-image       : url(/public/menu/caretLeftWhite.svg);
  background-size        : 100% 100%;
  background-repeat      : none;
  background-position    : center center;
  z-index                : 1;
}

.c-everseennav .submenuleftbutton:after {
  display                : block;
  content                : "";
  position               : absolute;
  width                  : calc(100% - 2px);
  height                 : calc(100% - 2px);
  top                    : 1px;
  left                   : 1px;
  border-radius          : 40px;
  background             : #fff;
  z-index                : -1;
}

.c-everseennav .submenuleftbutton2{
  margin-left: 1rem;
  margin-top: 0.5rem;
  display: block;
}

@media (min-width: 768px){

  .c-everseennav .submenuleftbutton2{
    margin-top: 0px;
    margin-left: 0px;
    display: inline-block;
  }
}

.c-everseennav .submenuleftbutton2 {
  position               : relative;
  font-family            : "Roboto";
  font-size              : 12px;
  height                 : 38px;
  line-height            : 38px;
  border-radius          : 40px;
  padding-left           : 25px;
  padding-right          : 5px;
  cursor                 : pointer;
  /* margin-top             : 20px; */
  color                  : #777;
  border                 : 1px solid #ccc;
}

.c-everseennav .submenuleftbutton2::after {
  display                : block;
  content                : " ";
  position               : absolute;
  background             : #fff;
  border-radius          : 40px;
  width                  : 24px;
  height                 : 24px;
  top                    : 7px;
  left                   : 7px;
  background             : #ccc url(/public/menu/caretLeftWhite.svg);
  background-size        : 100% 100%;
  background-repeat      : none;
  background-position    : center center;
}

.c-everseennav .submenuleftbutton2:hover {
  border-color           : #472b9d;
  color                  : #472b9d;
}

.c-everseennav .submenuleftbutton2:hover::after {
  background             : #472b9d url(/public/menu/caretLeftWhite.svg);
  background-size        : 100% 100%;
  background-repeat      : none;
  background-position    : center center;
}

.c-everseennav ul li.active a.appplatentry{
  font-weight: 300;
  height: auto;
}

.c-everseennav ul li a.appplatentry:hover, .c-everseennav ul li.active a.appplatentry:hover{
  margin-left: 0.75rem;
  margin-top: 0.5rem;
  padding-left: 0.5rem;
}

@media (min-width: 768px){

  .c-everseennav ul li a.appplatentry:hover, .c-everseennav ul li.active a.appplatentry:hover{
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px 5px 15px 5px;
  }
}

@media (min-width: 1024px){

  .c-everseennav ul li a.appplatentry:hover, .c-everseennav ul li.active a.appplatentry:hover{
    width: 220px;
    padding: 0px 30px 15px 30px;
  }
}

.c-everseennav .appplatentry{
  margin-left: 0.75rem;
  margin-top: 0.5rem;
  padding-left: 0.5rem;
}

@media (min-width: 768px){

  .c-everseennav .appplatentry{
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px 5px 15px 5px;
  }
}

@media (min-width: 1024px){

  .c-everseennav .appplatentry{
    width: 220px;
    padding: 0px 30px 15px 30px;
  }
}

.c-everseennav .appplatentry{
  display        : block;
  color          : #000;
  cursor: default;
  height: auto;
  font-weight: 300;
  text-align: left;
}

.c-everseennav a.appplatentry{
  cursor         : pointer;
}

.c-everseennav .appentryplatdescription{
  display: none;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px){

  .c-everseennav .appentryplatdescription{
    display: block;
  }
}

.c-everseennav .appentryplatdescription {
  font-family   : "RobotoRound";
  font-size     : 11px;
  line-height   : 14px;
}

.c-everseennav .appentrytitle2{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 16px;
}

@media (min-width: 768px){

  .c-everseennav .appentrytitle2{
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 16px;
  }
}

.c-everseennav .appentrytitle2 {
  display             : block;
  font-family         : "Roboto", sans-serif;
  font-weight: normal;
  line-height         : 20px;
  height              : 20px;
  margin-bottom       : 1px;
}

.c-everseennav .appentrytitle2 span{
  color               : #555;
  /* color        : #8aaec8; */
}

.c-everseennav .appplatentry:hover, .c-everseennav .appplatentry:hover .appentrytitle2, .c-everseennav .appplatentry:hover .appentrytitle2 span, .c-everseennav .appplatentry:hover .appentryplatdescription{
      color: #7828F0;
  transition     : color 0.4s;
    }

.c-everseennav .appplatentry.active, .c-everseennav .appplatentry.active .appentrytitle2, .c-everseennav .appplatentry.active .appentryplatdescription{
      color: #7828F0;
    }

.c-everseennav .appplatentrysection{
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.1rem;
}

@media (min-width: 768px){

  .c-everseennav .appplatentrysection{
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
}

.c-everseennav .appplatentrysection{
      font-family   : "Roboto";
      display: none;
      font-weight: 400;
    }

@media (min-width: 768px){

  .c-everseennav .appplatentrysection{
    display: block;
  }
}

.c-everseennav .appplatentrysection {
  position      : relative;
  margin-bottom : 5px;
  margin-left   : -5px;
  color         : #555;
}

.c-everseennav .submenuplatrighcomplink {
  display             : inline-block;
  font-family         : "Roboto";
  font-weight:  300;
  line-height         : 28px;
  cursor              : pointer;
  font-size           : 20px;
  background-image    : url(/public/menu/rArr.svg);
  background-repeat   : no-repeat;
  background-position : top left;
  background-size     : auto 100% ;
  padding-left        : 30px;
}

.c-everseennav .submenuplatrighcomplink:hover {
  color               : #472b9d;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-solutionrelated {
    margin-top: 4rem;
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1024px) {

    .c-solutionrelated {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }
}

.c-solutionrelated {
    scroll-margin-top: 8rem;
  }

.c-solutionrelated.pad-top {
    padding-top: calc(5rem + 10vmin);
}

.c-solutionrelated.pad-bottom {
    padding-bottom: 11rem;
}

.c-solutionrelated > .c-evcontent {
    margin-bottom: 3rem;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 1rem;
}

@media (min-width: 768px) {

    .c-solutionrelated > .c-evcontent {
        flex-direction: row;
    }
}

.c-solutionrelated .c-evcontent h2 {
    margin-bottom: 2rem;
  flex: 1;
}

.c-solutionrelated .c-evcontent .c-arrowbuttonlink {
    margin-top: 0px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.c-solutionrelated .c-evcard{
  scroll-margin-top: 8rem;
  padding-bottom: 2rem;
}

.c-solutionrelated .c-evcardcontent {
    font-size: 1rem;
}

.c-solutionrelated .c-evcard h4 {
    padding-top: 0.5rem;
    font-weight: 500;
}

.c-solutionrelated .c-evcardlink {
    font-size: 1rem;
    font-weight: 700;
}

.c-solutionrelated .item-subtitle{
      color: #2478FC;
      margin-top: 1rem;
      margin-bottom: 0px;
      font-size: 0.75rem;
      font-weight: 500;
      line-height: 100%;
  text-transform: uppercase;
    }

.c-solutionrelated .item-description {
    padding-bottom: 0.5rem;
    font-size: 1rem;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-solutionfeatures{
    margin-top          : 4rem;
    margin-bottom          : 4rem;
}

@media (min-width: 768px){

    .c-solutionfeatures{
        margin-top          : 8rem;
        margin-bottom          : 6rem;
    }
}

.c-solutionfeatures{
    position          : relative;
}

.c-solutionfeatures .d-none{
    display          : none;
}

.c-solutionfeatures .ninefactsStory{
    margin-bottom          : 2rem;
    margin-top          : 4rem;
}

.c-solutionfeatures .ninefactsMatrix{
    display          : grid;
    grid-template-columns          : repeat(1, minmax(0, 1fr));
    column-gap          : 2.5rem;
    row-gap          : 2.5rem;
    padding-top          : 4rem;
}

@media (min-width: 768px){

    .c-solutionfeatures .ninefactsMatrix{
        grid-template-columns          : repeat(3, minmax(0, 1fr));
    }
}

.c-solutionfeatures .ninefactsCell{
    border-left-width          : 1px;
    --tw-border-opacity          : 1;
    border-color          : rgb(204 204 204 / var(--tw-border-opacity, 1));
    padding-left          : 1rem;
}

.c-iconbutton {
    display: flex;
    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));
    flex-direction: row;
    align-items: center;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(177 177 177 / var(--tw-border-opacity, 1));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 100%;
    --tw-text-opacity: 1;
    color: rgb(17 17 17 / var(--tw-text-opacity, 1));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms
}
.c-iconbutton:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(225 225 225 / var(--tw-bg-opacity, 1))
}
.c-iconbutton:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(65 65 65 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(241 241 241 / var(--tw-text-opacity, 1))
}
.c-iconbutton:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(65 65 65 / var(--tw-bg-opacity, 1))
}
.c-iconbutton span {
    margin-right: 0.5rem
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-everseenmodal {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 3000;
    display: none;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: #000000cc   
}

.c-everseenmodal.show {
    display: flex;
    flex-direction: column   
}

.c-everseenmodal header {
    display: flex;
    height: 3rem;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
    padding-left: 1.5rem;
    padding-right: 1.5rem   
}

.c-everseenmodal section.content {
    position: relative;
    height: 90vh;
    max-width: 90vw;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
    aspect-ratio: 16/9   
}

.c-everseenmodal iframe {
    height: 100%;
    max-width: 90vw;
    border-radius: 0.75rem;
    aspect-ratio: 16/9   
}

@media screen and (max-aspect-ratio: 16/9) {
    .c-everseenmodal section.content {
        position: relative;
        height: auto;
        max-height: 90vh;
        width: 90vw;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
        aspect-ratio: 16/9   
    }
    .c-everseenmodal iframe {
        height: auto;
        max-height: 90vh;
        width: 100%;
        aspect-ratio: 16/9   
    }   
}

.c-everseenmodal .c-iconbutton {
    border-width: 0px;
    background-color: transparent;
    padding: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))   
}

.c-everseenmodal .c-iconbutton svg {
    height: 15px;
    width: 15px   
}

.c-everseenmodal .c-iconbutton:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(170 170 170 / var(--tw-text-opacity, 1))   
}
/**
 * Swiper 11.2.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 12, 2025
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}.c-solutioncategoriesswipe :root{--swiper-theme-color:#007aff}.c-solutioncategoriesswipe :host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.c-solutioncategoriesswipe .swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.c-solutioncategoriesswipe .swiper-vertical>.swiper-wrapper{flex-direction:column}.c-solutioncategoriesswipe .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.c-solutioncategoriesswipe .swiper-android .swiper-slide, .c-solutioncategoriesswipe .swiper-ios .swiper-slide, .c-solutioncategoriesswipe .swiper-wrapper{transform:translate3d(0px,0,0)}.c-solutioncategoriesswipe .swiper-horizontal{touch-action:pan-y}.c-solutioncategoriesswipe .swiper-vertical{touch-action:pan-x}.c-solutioncategoriesswipe .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.c-solutioncategoriesswipe .swiper-slide-invisible-blank{visibility:hidden}.c-solutioncategoriesswipe .swiper-autoheight, .c-solutioncategoriesswipe .swiper-autoheight .swiper-slide{height:auto}.c-solutioncategoriesswipe .swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.c-solutioncategoriesswipe .swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.c-solutioncategoriesswipe .swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.c-solutioncategoriesswipe .swiper-3d .swiper-wrapper{transform-style:preserve-3d}.c-solutioncategoriesswipe .swiper-3d{perspective:1200px}.c-solutioncategoriesswipe .swiper-3d .swiper-cube-shadow, .c-solutioncategoriesswipe .swiper-3d .swiper-slide{transform-style:preserve-3d}.c-solutioncategoriesswipe .swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.c-solutioncategoriesswipe .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.c-solutioncategoriesswipe .swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.c-solutioncategoriesswipe .swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.c-solutioncategoriesswipe .swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.c-solutioncategoriesswipe .swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.c-solutioncategoriesswipe .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.c-solutioncategoriesswipe .swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.c-solutioncategoriesswipe .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.c-solutioncategoriesswipe .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.c-solutioncategoriesswipe .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.c-solutioncategoriesswipe .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.c-solutioncategoriesswipe .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.c-solutioncategoriesswipe .swiper-3d .swiper-slide-shadow, .c-solutioncategoriesswipe .swiper-3d .swiper-slide-shadow-bottom, .c-solutioncategoriesswipe .swiper-3d .swiper-slide-shadow-left, .c-solutioncategoriesswipe .swiper-3d .swiper-slide-shadow-right, .c-solutioncategoriesswipe .swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.c-solutioncategoriesswipe .swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.c-solutioncategoriesswipe .swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.c-solutioncategoriesswipe .swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.c-solutioncategoriesswipe .swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.c-solutioncategoriesswipe .swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.c-solutioncategoriesswipe .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.c-solutioncategoriesswipe .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .c-solutioncategoriesswipe .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.c-solutioncategoriesswipe .swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.c-solutioncategoriesswipe .swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.c-solutioncategoriesswipe .swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.c-solutioncategoriesswipe .swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.c-solutioncategoriesswipe .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.c-solutioncategoriesswipe .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}.c-solutioncategoriesswipe :root{--swiper-navigation-size:44px}.c-solutioncategoriesswipe .swiper-button-next, .c-solutioncategoriesswipe .swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.c-solutioncategoriesswipe .swiper-button-next.swiper-button-disabled, .c-solutioncategoriesswipe .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.c-solutioncategoriesswipe .swiper-button-next.swiper-button-hidden, .c-solutioncategoriesswipe .swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.c-solutioncategoriesswipe .swiper-navigation-disabled .swiper-button-next, .c-solutioncategoriesswipe .swiper-navigation-disabled .swiper-button-prev{display:none!important}.c-solutioncategoriesswipe .swiper-button-next svg, .c-solutioncategoriesswipe .swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.c-solutioncategoriesswipe .swiper-rtl .swiper-button-next svg, .c-solutioncategoriesswipe .swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.c-solutioncategoriesswipe .swiper-button-prev, .c-solutioncategoriesswipe .swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.c-solutioncategoriesswipe .swiper-button-next, .c-solutioncategoriesswipe .swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.c-solutioncategoriesswipe .swiper-button-lock{display:none}.c-solutioncategoriesswipe .swiper-button-next:after, .c-solutioncategoriesswipe .swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.c-solutioncategoriesswipe .swiper-button-prev:after, .c-solutioncategoriesswipe .swiper-rtl .swiper-button-next:after{content:'prev'}.c-solutioncategoriesswipe .swiper-button-next, .c-solutioncategoriesswipe .swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.c-solutioncategoriesswipe .swiper-button-next:after, .c-solutioncategoriesswipe .swiper-rtl .swiper-button-prev:after{content:'next'}.c-solutioncategoriesswipe .swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.c-solutioncategoriesswipe .swiper-pagination.swiper-pagination-hidden{opacity:0}.c-solutioncategoriesswipe .swiper-pagination-disabled>.swiper-pagination, .c-solutioncategoriesswipe .swiper-pagination.swiper-pagination-disabled{display:none!important}.c-solutioncategoriesswipe .swiper-horizontal>.swiper-pagination-bullets, .c-solutioncategoriesswipe .swiper-pagination-bullets.swiper-pagination-horizontal, .c-solutioncategoriesswipe .swiper-pagination-custom, .c-solutioncategoriesswipe .swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.c-solutioncategoriesswipe .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.c-solutioncategoriesswipe .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.c-solutioncategoriesswipe .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.c-solutioncategoriesswipe .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.c-solutioncategoriesswipe .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.c-solutioncategoriesswipe .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.c-solutioncategoriesswipe .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.c-solutioncategoriesswipe .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.c-solutioncategoriesswipe .swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}.c-solutioncategoriesswipe button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.c-solutioncategoriesswipe .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.c-solutioncategoriesswipe .swiper-pagination-bullet:only-child{display:none!important}.c-solutioncategoriesswipe .swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.c-solutioncategoriesswipe .swiper-pagination-vertical.swiper-pagination-bullets, .c-solutioncategoriesswipe .swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.c-solutioncategoriesswipe .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .c-solutioncategoriesswipe .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.c-solutioncategoriesswipe .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .c-solutioncategoriesswipe .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.c-solutioncategoriesswipe .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .c-solutioncategoriesswipe .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.c-solutioncategoriesswipe .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.c-solutioncategoriesswipe .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.c-solutioncategoriesswipe .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.c-solutioncategoriesswipe .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.c-solutioncategoriesswipe .swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.c-solutioncategoriesswipe .swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.c-solutioncategoriesswipe .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.c-solutioncategoriesswipe .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.c-solutioncategoriesswipe .swiper-horizontal>.swiper-pagination-progressbar, .c-solutioncategoriesswipe .swiper-pagination-progressbar.swiper-pagination-horizontal, .c-solutioncategoriesswipe .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .c-solutioncategoriesswipe .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.c-solutioncategoriesswipe .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .c-solutioncategoriesswipe .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .c-solutioncategoriesswipe .swiper-pagination-progressbar.swiper-pagination-vertical, .c-solutioncategoriesswipe .swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.c-solutioncategoriesswipe .swiper-pagination-lock{display:none}.c-solutioncategoriesswipe .swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.c-solutioncategoriesswipe .swiper-scrollbar-disabled>.swiper-scrollbar, .c-solutioncategoriesswipe .swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.c-solutioncategoriesswipe .swiper-horizontal>.swiper-scrollbar, .c-solutioncategoriesswipe .swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.c-solutioncategoriesswipe .swiper-scrollbar.swiper-scrollbar-vertical, .c-solutioncategoriesswipe .swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.c-solutioncategoriesswipe .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.c-solutioncategoriesswipe .swiper-scrollbar-cursor-drag{cursor:move}.c-solutioncategoriesswipe .swiper-scrollbar-lock{display:none}.c-solutioncategoriesswipe .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.c-solutioncategoriesswipe .swiper-zoom-container>canvas, .c-solutioncategoriesswipe .swiper-zoom-container>img, .c-solutioncategoriesswipe .swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.c-solutioncategoriesswipe .swiper-slide-zoomed{cursor:move;touch-action:none}.c-solutioncategoriesswipe .swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.c-solutioncategoriesswipe .swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.c-solutioncategoriesswipe .swiper-grid>.swiper-wrapper{flex-wrap:wrap}.c-solutioncategoriesswipe .swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.c-solutioncategoriesswipe .swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.c-solutioncategoriesswipe .swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.c-solutioncategoriesswipe .swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.c-solutioncategoriesswipe .swiper-fade .swiper-slide-active{pointer-events:auto}.c-solutioncategoriesswipe .swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.c-solutioncategoriesswipe .swiper.swiper-cube{overflow:visible}.c-solutioncategoriesswipe .swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.c-solutioncategoriesswipe .swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.c-solutioncategoriesswipe .swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.c-solutioncategoriesswipe .swiper-cube .swiper-slide-active, .c-solutioncategoriesswipe .swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.c-solutioncategoriesswipe .swiper-cube .swiper-slide-active, .c-solutioncategoriesswipe .swiper-cube .swiper-slide-next, .c-solutioncategoriesswipe .swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.c-solutioncategoriesswipe .swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.c-solutioncategoriesswipe .swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.c-solutioncategoriesswipe .swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.c-solutioncategoriesswipe .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .c-solutioncategoriesswipe .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .c-solutioncategoriesswipe .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .c-solutioncategoriesswipe .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.c-solutioncategoriesswipe .swiper.swiper-flip{overflow:visible}.c-solutioncategoriesswipe .swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.c-solutioncategoriesswipe .swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.c-solutioncategoriesswipe .swiper-flip .swiper-slide-active, .c-solutioncategoriesswipe .swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.c-solutioncategoriesswipe .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .c-solutioncategoriesswipe .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .c-solutioncategoriesswipe .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .c-solutioncategoriesswipe .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.c-solutioncategoriesswipe .swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.c-solutioncategoriesswipe .swiper.swiper-cards{overflow:visible}.c-solutioncategoriesswipe .swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-solutioncategoriesswipe {
   margin-top: 2rem;
   margin-bottom: 2rem;
   --tw-bg-opacity: 1;
   background-color: rgb(242 240 247 / var(--tw-bg-opacity, 1));
   padding-top: 4rem;
   padding-bottom: 4rem;
}

@media (min-width: 768px) {

   .c-solutioncategoriesswipe {
      margin-top: 4rem;
      margin-bottom: 4rem;
      padding-top: 6rem;
   }
}

@media (min-width: 1024px) {

   .c-solutioncategoriesswipe {
      padding-bottom: 4rem;
      padding-top: 8rem;
   }
}

.c-solutioncategoriesswipe {
   scroll-margin-top: 4rem;
}

.c-solutioncategoriesswipe .c-evcontent {
   margin-bottom: 2rem;
}

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .c-evcontent {
      margin-bottom: 4rem;
   }
}

.c-solutioncategoriesswipe .swiper-content-limit {
   position: relative;
   display: block;
   max-height: 50rem;
   width: 100%;
   max-width: 90rem;
   overflow-x: visible;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 2rem;
}

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .swiper-content-limit {
      height: 60vh;
      max-height: 35rem;
      min-height: 30rem;
      padding-left: 0px;
      padding-right: 0px;
   }
}

@media (min-width: 1024px) {

   .c-solutioncategoriesswipe .swiper-content-limit {
      margin-left: auto;
      margin-right: auto;
      width: 86vw;
   }
}

@media (min-width: 1280px) {

   .c-solutioncategoriesswipe .swiper-content-limit {
      max-height: 40rem;
   }
}

@media (min-width: 1536px) {

   .c-solutioncategoriesswipe .swiper-content-limit {
      max-height: 45rem;
   }
}

.c-solutioncategoriesswipe .swiper-pagination-wrap::-webkit-scrollbar {
   overflow-x: hidden;
}

.c-solutioncategoriesswipe .swiper {
   height: 100%;
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

@media (min-width: 1024px) {

   .c-solutioncategoriesswipe .swiper {
      border-radius: 0.75rem;
   }
}

.c-solutioncategoriesswipe .swiper-slide {
   display: flex;
   width: 100%;
   flex-direction: column;
   padding-left: 1.5rem;
   padding-right: 1.5rem;
   padding-bottom: 1rem;
}

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .swiper-slide {
      height: 100%;
      flex-direction: row;
   }
}

@media (min-width: 1024px) {

   .c-solutioncategoriesswipe .swiper-slide {
      padding-left: 0px;
      padding-right: 0px;
   }
}

.c-solutioncategoriesswipe .swiper-pagination-wrap {
   position: relative;
   margin-left: 1rem;
   height: 3.5rem;
   width: calc(100% - 1rem);
   overflow-x: hidden;
   overflow-y: hidden;
}

@media (min-width: 640px) {

   .c-solutioncategoriesswipe .swiper-pagination-wrap {
      height: 3rem;
   }
}

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .swiper-pagination-wrap {
      width: 95vw;
        --left-margin: max(5vw, calc((100% - 90rem)));
        width: calc(100% - var(--left-margin));
        margin-left: var(--left-margin);
   }
}

@media (min-width: 1024px){
    .c-solutioncategoriesswipe .swiper-pagination-wrap{
        --left-margin: max(7vw, calc((100% - 90rem) / 2));
        width: calc(100% - var(--left-margin));
        margin-left: var(--left-margin);
    }
}

.c-solutioncategoriesswipe .swiper-pagination-wrap.total-pages-1 {
   display: none;
}

.c-solutioncategoriesswipe .swiper-pagination {
   top: 0px;
   display: flex;
   flex-direction: row;
   column-gap: 1.5rem;
    user-select: none;
    white-space: nowrap;
}

.c-solutioncategoriesswipe .swiper-pagination-bullets.swiper-pagination-horizontal {
   top: 0px;
   margin-left: 0px;
   height: 3.5rem;
   width: auto;
}

@media (min-width: 640px) {

   .c-solutioncategoriesswipe .swiper-pagination-bullets.swiper-pagination-horizontal {
      height: 3rem;
   }
}

.c-solutioncategoriesswipe .swiper-pagination-bullets.swiper-pagination-horizontal{
    touch-action: none;
}

.c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.5;
    }

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      font-size: 1.25rem;
   }
}

@media (min-width: 1024px) {

   .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      font-size: 1.3125rem;
   }
}

@media (min-width: 1280px) {

   .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      font-size: 1.3125rem;
   }
}

@media (min-width: 1536px) {

   .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      font-size: 1.5rem;
   }
}

.c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
      font-family   : "Roboto";
      position: relative;
      display: block;
      height: auto;
      width: auto;
      background-color: transparent;
      padding-left: 0.25rem;
      padding-right: 0.25rem;
      padding-bottom: 2rem;
      opacity: 1;
    }

.c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet > span {
   display: block;
   text-align: left;
}

@media (min-width: 640px) {

   .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet > span {
      display: inline;
      text-align: center;
   }
}

.c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet > span:last-child {
   font-size: 0.8rem;
   font-weight: 300;
   line-height: 1.1rem;
}

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet > span:last-child {
      font-size: 0.9rem;
      line-height: 1.2rem;
   }
}

.c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet > span:last-child{
      font-family   : "Roboto";
    }

@media (min-width: 640px) {
    .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet > span:last-child{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.5;
    }
    @media (min-width: 768px) {

      .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet > span:last-child {
         font-size: 1.25rem;
      }
   }
    @media (min-width: 1024px) {

      .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet > span:last-child {
         font-size: 1.3125rem;
      }
   }
    @media (min-width: 1280px) {

      .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet > span:last-child {
         font-size: 1.3125rem;
      }
   }
    @media (min-width: 1536px) {

      .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet > span:last-child {
         font-size: 1.5rem;
      }
   }
    .c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet > span:last-child{
      font-family   : "Roboto";
    }
}

.c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {
   font-weight: 400;
   --tw-text-opacity: 1;
   color: rgb(71 43 157 / var(--tw-text-opacity, 1));
}

.c-solutioncategoriesswipe .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active::after{
    content: '';
    background: linear-gradient(90deg, #7828f0, #2478fc);
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 4px;
    width: 100%;
}

.c-solutioncategoriesswipe .usecasesmultipage {
   height: auto;
   width: 100%;
}

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .usecasesmultipage {
      height: 100%;
   }
}

.c-solutioncategoriesswipe .usecasepage {
   position: relative;
   display: flex;
   width: 100%;
   flex-direction: column;
   padding-bottom: 1rem;
}

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .usecasepage {
      height: 100%;
      width: 50%;
   }
}

.c-solutioncategoriesswipe .usecasepage.text {
   margin-bottom: 1.5rem;
   height: auto;
   max-height: 24rem;
}

@media (min-width: 640px) {

   .c-solutioncategoriesswipe .usecasepage.text {
      max-height: 20rem;
   }
}

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .usecasepage.text {
      margin-bottom: 0px;
      max-height: none;
   }
}

.c-solutioncategoriesswipe .usecasevideopic {
   position: relative;
   height: 16rem;
   border-radius: 0.75rem;
}

@media (min-width: 640px) {

   .c-solutioncategoriesswipe .usecasevideopic {
      height: 24rem;
   }
}

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .usecasevideopic {
      margin: 2rem;
      height: calc(100% - 4rem);
   }
}

.c-solutioncategoriesswipe .usecasevideopic{
    background-size: cover;
    background-repeat: no-repeat;
}

.c-solutioncategoriesswipe .usecasenext.d-none {
   display: none;
}

.c-solutioncategoriesswipe .usecaseprev.d-none {
   display: none;
}

.c-solutioncategoriesswipe .usecasepagenext.d-none {
   display: none;
}

/* .usecasevideopic:hover {
    filter              : saturate(100%);
} */

.c-solutioncategoriesswipe .usecasevideobutton {
   height: 6rem;
   width: 6rem;
    display             : block;
    position            : absolute;
    top                 : 50%;
    left                : 50%;
    transform           : translateX(-50%) translateY(-50%);
    background-color    : #ffffff33;
    background-image    : url(/public/solutions/playbutton.svg);
    background-repeat   : no-repeat;
    background-size     : auto 100%;
    background-position : center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter : blur(5px);
    transition          : background-color 0.3s;
    /* border              : 0.5vw solid #fff; */
    border-radius       : 50%;
    cursor              : pointer;
}

.c-solutioncategoriesswipe .usecasevideobutton.d-none {
   display: none;
}

.c-solutioncategoriesswipe .usecasevideobutton:hover {
    background-color: #563ba87d;
}

.c-solutioncategoriesswipe .usecasepagetitle{
      font-family: "Roboto";
      font-size: 2rem;
      font-weight: 300;
      line-height: 2.4rem;
    }

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .usecasepagetitle {
      font-size: 2rem;
      line-height: 2.4rem;
   }
}

@media (min-width: 1280px) {

   .c-solutioncategoriesswipe .usecasepagetitle {
      font-size: 2.5rem;
      line-height: 2.9rem;
   }
}

@media (min-width: 1536px) {

   .c-solutioncategoriesswipe .usecasepagetitle {
      font-size: 4rem;
      line-height: 4.4rem;
   }
}

.c-solutioncategoriesswipe .usecasepagetitle {
   padding-left: 2rem;
   padding-right: 2rem;
   padding-top: 2rem;
   text-align: center;
   font-weight: 700;
}

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .usecasepagetitle {
      text-align: left;
   }
}

.c-solutioncategoriesswipe .usecasepagetitle{
    display             : block;
    color               : #333;
    /* color               : #472b9d; */
}

.c-solutioncategoriesswipe .usecasepagesubtitle{
      font-family: "Roboto";
      font-size: 2rem;
      font-weight: 300;
      line-height: 2.4rem;
    }

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .usecasepagesubtitle {
      font-size: 2rem;
      line-height: 2.4rem;
   }
}

@media (min-width: 1280px) {

   .c-solutioncategoriesswipe .usecasepagesubtitle {
      font-size: 2.5rem;
      line-height: 2.9rem;
   }
}

@media (min-width: 1536px) {

   .c-solutioncategoriesswipe .usecasepagesubtitle {
      font-size: 4rem;
      line-height: 4.4rem;
   }
}

.c-solutioncategoriesswipe .usecasepagesubtitle {
   padding-left: 2rem;
   padding-right: 2rem;
   padding-top: 0px;
   padding-bottom: 0px;
   text-align: center;
   font-weight: 300;
}

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .usecasepagesubtitle {
      text-align: left;
   }
}

.c-solutioncategoriesswipe .usecasepagetext{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.5;
    }

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .usecasepagetext {
      font-size: 1.25rem;
   }
}

@media (min-width: 1024px) {

   .c-solutioncategoriesswipe .usecasepagetext {
      font-size: 1.3125rem;
   }
}

@media (min-width: 1280px) {

   .c-solutioncategoriesswipe .usecasepagetext {
      font-size: 1.3125rem;
   }
}

@media (min-width: 1536px) {

   .c-solutioncategoriesswipe .usecasepagetext {
      font-size: 1.5rem;
   }
}

.c-solutioncategoriesswipe .usecasepagetext{
      font-family   : "Roboto";
      margin-top: 2rem;
      max-height: 14rem;
      overflow-y: auto;
    }

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .usecasepagetext {
      max-height: none;
      padding-left: 2rem;
      padding-right: 2rem;
   }
}

.c-solutioncategoriesswipe .usecasepagetext p {
   margin-bottom: 0px;
}

.c-solutioncategoriesswipe .usecasepagecount {
    display             : block;
    position            : absolute;
    top                 : 2vw;
    left                : 4vw;
    font-family         : "Roboto";
    font-weight: normal;
    font-size           : 1.1vw;
    line-height         : 1.9vw;
    color               : #333;
}

.c-solutioncategoriesswipe .usecasenext, .c-solutioncategoriesswipe .usecaseprev {
    user-select: none; 
    -webkit-user-select: none;
    -ms-user-select: none;
}

.c-solutioncategoriesswipe .usecaseprev {
   position: absolute;
   left: 1rem;
   top: 5rem;
   display: block;
   height: 2rem;
   width: 2rem;
}

@media (min-width: 640px) {

   .c-solutioncategoriesswipe .usecaseprev {
      left: 1rem;
   }
}

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .usecaseprev {
      left: 1rem;
      top: 50%;
      --tw-translate-y: 50%;
      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));
   }
}

@media (min-width: 1024px) {

   .c-solutioncategoriesswipe .usecaseprev {
      left: -3rem;
   }
}

.c-solutioncategoriesswipe .usecaseprev {

    background-image    : url(/public/solutions/arrow-left.svg);
    background-repeat   : no-repeat;
    background-size     : auto 100%;
    background-position : center;
    cursor              : pointer;
    z-index             : 10;
}

.c-solutioncategoriesswipe .usecasenext {
   position: absolute;
   right: 1rem;
   top: 5rem;
   display: block;
   height: 2rem;
   width: 2rem;
}

@media (min-width: 640px) {

   .c-solutioncategoriesswipe .usecasenext {
      right: 1rem;
   }
}

@media (min-width: 768px) {

   .c-solutioncategoriesswipe .usecasenext {
      right: 1rem;
      top: 50%;
      --tw-translate-y: 50%;
      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));
   }
}

@media (min-width: 1024px) {

   .c-solutioncategoriesswipe .usecasenext {
      right: -3rem;
   }
}

.c-solutioncategoriesswipe .usecasenext {
    /* md:w-[4rem] md:h-[4rem] lg:w-[4rem] lg:h-[4rem] */
    position            : absolute;
    background-image    : url(/public/solutions/arrow-right.svg);
    background-repeat   : no-repeat;
    background-size     : auto 100%;
    background-position : center;
    cursor              : pointer;
    z-index             : 10;
}

.c-solutioncategoriesswipe .usecasepagenext{
    display             : block;
    position            : absolute;
    top                 : 2vw;
    right               : 4vw;
    font-family         : "Roboto";
    font-weight: normal;
    font-size           : 1.1vw;
    line-height         : 1.9vw;
    color               : #333;
    cursor              : pointer;
}

.c-solutioncategoriesswipe .usecasepagenext:hover {
    color               : #472b9d;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-solutionoutcomes {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 2rem;
    padding-bottom: 4rem;
}

@media (min-width: 1024px) {

    .c-solutionoutcomes {
        padding-top: 4rem;
    }
}

.c-solutionoutcomes {
    position: relative;
    color: #333;
    scroll-margin-top: 6rem;
}

.c-solutionoutcomes > .c-evcontent {
    margin-top: 2.5rem;
}

.c-solutionoutcomes > .c-evcontent .mb {
    margin-bottom: 2rem;
}

.c-solutionoutcomes .title-3 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px) {

    .c-solutionoutcomes .title-3 {
        margin-left: auto;
        margin-right: auto;
        width: 90vw;
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px) {

    .c-solutionoutcomes .title-3 {
        width: 86vw;
    }
}

.c-solutionoutcomes .title-3 {
    display: block;
    /* width: 100%; */
}

.c-solutionoutcomes .retailEntryMetrix {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.5rem;
    padding-top: 4rem;
}

@media (min-width: 640px) {

    .c-solutionoutcomes .retailEntryMetrix {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {

    .c-solutionoutcomes .retailEntryMetrix {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2rem;
    }
}

.c-solutionoutcomes .retailEntriMetrixClass{
      color: #2478FC;
      border-left-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
      padding-left: 1rem;
      padding-right: 1rem;
    display       : block;
    border-color: gray;
    }

.c-solutionoutcomes .rEM1{
      font-family: "Roboto";
      font-size: 2rem;
      font-weight: 300;
      line-height: 2.4rem;
    }

@media (min-width: 768px) {

    .c-solutionoutcomes .rEM1 {
        font-size: 2rem;
        line-height: 2.4rem;
    }
}

@media (min-width: 1280px) {

    .c-solutionoutcomes .rEM1 {
        font-size: 2.5rem;
        line-height: 2.9rem;
    }
}

@media (min-width: 1536px) {

    .c-solutionoutcomes .rEM1 {
        font-size: 4rem;
        line-height: 4.4rem;
    }
}

.c-solutionoutcomes .rEM1 {
    font-weight: 300;
    display       : inline;
}

.c-solutionoutcomes .rEM2{
      font-family: "Roboto";
      font-size: 2rem;
      font-weight: 300;
      line-height: 2.4rem;
    }

@media (min-width: 768px) {

    .c-solutionoutcomes .rEM2 {
        font-size: 2rem;
        line-height: 2.4rem;
    }
}

@media (min-width: 1280px) {

    .c-solutionoutcomes .rEM2 {
        font-size: 2.5rem;
        line-height: 2.9rem;
    }
}

@media (min-width: 1536px) {

    .c-solutionoutcomes .rEM2 {
        font-size: 4rem;
        line-height: 4.4rem;
    }
}

.c-solutionoutcomes .rEM2 {
    font-weight: 700;
    display       : inline;
    vertical-align: top;
}

.c-solutionoutcomes .rEM3 {
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.1rem;
}

@media (min-width: 768px) {

    .c-solutionoutcomes .rEM3 {
        font-size: 0.9rem;
        line-height: 1.2rem;
    }
}

.c-solutionoutcomes .rEM3{
      font-family   : "Roboto";
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
      --tw-text-opacity: 1;
      color: rgb(0 0 0 / var(--tw-text-opacity, 1));
    }

.c-solutionoutcomes .info {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px) {

    .c-solutionoutcomes .info {
        margin-left: auto;
        margin-right: auto;
        width: 90vw;
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px) {

    .c-solutionoutcomes .info {
        width: 86vw;
    }
}

.c-solutionoutcomes .info {
    margin-top: 2rem;
}

.c-solutionoutcomes .info p {
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.1rem;
}

@media (min-width: 768px) {

    .c-solutionoutcomes .info p {
        font-size: 0.9rem;
        line-height: 1.2rem;
    }
}

.c-solutionoutcomes .info p{
      font-family   : "Roboto";
    }
.c-ulv > :not([hidden]) ~ :not([hidden]) {--tw-divide-y-reverse: 0;border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width: calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity: 1;border-color: rgb(193 193 193 / var(--tw-divide-opacity, 1))
}.c-ulv:is(.dark *) > :not([hidden]) ~ :not([hidden]) {--tw-divide-opacity: 1;border-color: rgb(49 49 49 / var(--tw-divide-opacity, 1))
}.c-ulv {--tw-text-opacity: 1;color: rgb(33 33 33 / var(--tw-text-opacity, 1))
}.c-ulv:is(.dark *) {--tw-text-opacity: 1;color: rgb(225 225 225 / var(--tw-text-opacity, 1))
}
.c-ulv.no-divide > :not([hidden]) ~ :not([hidden]) {--tw-divide-y-reverse: 0;border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width: calc(0px * var(--tw-divide-y-reverse))
}
.c-ulv.round-border {border-radius: 0.25rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(193 193 193 / var(--tw-border-opacity, 1))
}
.c-ulv.round-border:is(.dark *) {--tw-border-opacity: 1;border-color: rgb(49 49 49 / var(--tw-border-opacity, 1))
}
.c-ulv li {padding-left: 0.5rem;padding-right: 0.5rem;padding-top: 0.5rem;padding-bottom: 0.5rem;font-size: 1rem;line-height: 1.5rem
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-everseenfollownav{
    min-height: 3.5rem;
}

.c-everseenfollownav .menu{
    position: relative;
    width: 100%;
    background-color: #ffffffcc;
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
    transition: top 0.3s ease;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 1000;
}

.c-everseenfollownav .menu::after{
    position: absolute;
    bottom: 0px;
    height: 1px;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(170 170 170 / var(--tw-bg-opacity, 1));
    content: '';
}

.c-everseenfollownav .menu ul{
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px){

    .c-everseenfollownav .menu ul{
        margin-left: auto;
        margin-right: auto;
        width: 90vw;
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px){

    .c-everseenfollownav .menu ul{
        width: 86vw;
    }
}

.c-everseenfollownav .menu ul{
    position: absolute;
    display: none;
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 768px){

    .c-everseenfollownav .menu ul{
        position: static;
        display: flex;
        flex-direction: row;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.c-everseenfollownav .menu ul{
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

@media (min-width: 768px){

    .c-everseenfollownav .menu ul{
        border-bottom-width: 0px;
        background-color: transparent;
    }
}

.c-everseenfollownav .menu ul{
    gap: 20px;
}

@media (min-width: 1024px){

    .c-everseenfollownav .menu ul{
        gap: 15px;
    }
}

@media (min-width: 1280px){

    .c-everseenfollownav .menu ul{
        gap: 20px;
    }
}

.c-everseenfollownav .menu ul{
    list-style-type: none;
}

.c-everseenfollownav .menu.items-5 ul{
    position: absolute;
    display: none;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 1024px){

    .c-everseenfollownav .menu.items-5 ul{
        position: static;
        display: flex;
        flex-direction: row;
        background-color: transparent;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.c-everseenfollownav .menu.items-5 ul{
    width: 100%;
    border-bottom-width: 1px;
    padding-left: 4vw;
    padding-right: 4vw;
}

@media (min-width: 1024px){

    .c-everseenfollownav .menu.items-5 ul{
        margin-left: auto;
        margin-right: auto;
        margin-left: 5vw;
        margin-right: 5vw;
        margin-left: auto;
        margin-right: auto;
        width: 86vw;
        max-width: 90rem;
        border-bottom-width: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.c-everseenfollownav .menu.active ul{
    display: flex;
}

.c-everseenfollownav .menu ul li a{
    position: relative;
    font-size: 1.15rem;
    font-weight: 300;
    line-height: 1.4rem;
}

@media (min-width: 768px){

    .c-everseenfollownav .menu ul li a{
        font-size: 1.15rem;
        line-height: 1.6rem;
    }
}

@media (min-width: 1024px){

    .c-everseenfollownav .menu ul li a{
        font-size: 1.35rem;
        line-height: 2rem;
    }
}

.c-everseenfollownav .menu ul li a{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.c-everseenfollownav .menu ul li a::after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 100;
    height: 4px;
    width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(120 40 240 / var(--tw-bg-opacity, 1));
    font-weight: 400;
    transition: width 0.5s;
}

.c-everseenfollownav .menu ul li a.active{
    position: relative;
    font-weight: 400;
}

.c-everseenfollownav .menu ul li a.active::after{
    width: 100%;
}

.c-everseenfollownav .menu ul li a:hover{
      color: #7828F0;
    }

.c-everseenfollownav .menu.sticky {
    position: fixed;
    top: 62px;
}

.c-everseenfollownav .active-link-content{
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px){

    .c-everseenfollownav .active-link-content{
        margin-left: auto;
        margin-right: auto;
        width: 90vw;
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px){

    .c-everseenfollownav .active-link-content{
        width: 86vw;
    }
}

.c-everseenfollownav .active-link{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.5;
    }

@media (min-width: 768px){

    .c-everseenfollownav .active-link{
        font-size: 1.25rem;
    }
}

@media (min-width: 1024px){

    .c-everseenfollownav .active-link{
        font-size: 1.3125rem;
    }
}

@media (min-width: 1280px){

    .c-everseenfollownav .active-link{
        font-size: 1.3125rem;
    }
}

@media (min-width: 1536px){

    .c-everseenfollownav .active-link{
        font-size: 1.5rem;
    }
}

.c-everseenfollownav .active-link{
      font-family   : "Roboto";
      position: relative;
      display: block;
      padding-left: 0.5rem;
      padding-right: 2rem;
    }

@media (min-width: 768px){

    .c-everseenfollownav .active-link{
        display: none;
    }
}

.c-everseenfollownav .menu.items-5 .active-link{
    display: block;
}

@media (min-width: 1024px){

    .c-everseenfollownav .menu.items-5 .active-link{
        display: none;
    }
}

.c-everseenfollownav .active-link::after{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    height: 100%;
    width: 1rem;
    background-image: url(/public/menu/angleDownSolid.svg);
    background-repeat: no-repeat;
    background-position: right center;
    transform-origin: 75% 50%;
    transition: transform 0.2s;
}

.c-everseenfollownav .active-link.active::after{
    transform: rotate(180deg);
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-solutionlanding {position : relative;margin-bottom : 1rem;display : flex;flex-direction : column;align-items : center;justify-content : flex-start;--tw-bg-opacity : 1;background-color : rgb(242 240 247 / var(--tw-bg-opacity, 1));padding-top : 4rem;padding-bottom : 3rem;
}

@media (min-width: 1024px) {

    .c-solutionlanding {padding-bottom : 0px;height : calc(100vh - 5rem);max-height : 35rem;min-height : 35rem;
    }
}

@media (min-width: 1280px) {

    .c-solutionlanding {max-height : 45rem;min-height : 40rem;
    }
}

@media (min-width: 1536px) {

    .c-solutionlanding {max-height : 50rem;min-height : 45rem;
    }
}

.c-solutionlanding .appIntroMainContainer {display : flex;flex-direction : column;column-gap : 3rem;row-gap : 2rem;
}

@media (min-width: 1024px) {

    .c-solutionlanding .appIntroMainContainer {flex-direction : row;align-items : center;
    }
}

.c-solutionlanding .appIntroMainContainer {margin-top : 4rem;
}

@media (min-width: 1024px) {

    .c-solutionlanding .appIntroMainContainer {margin-top : 5%;
    }
}

.c-solutionlanding .w-showcase .intro-text {width : 100%;
}

@media (min-width: 1024px) {

    .c-solutionlanding .w-showcase .intro-text {width : 50%;
    }
}

.c-solutionlanding .w-showcase .intro-showcase {width : 100%;
}

@media (min-width: 1024px) {

    .c-solutionlanding .w-showcase .intro-showcase {width : 50%;
    }
}

.c-solutionlanding .w-showcase .intro-showcase img {width : 100%;border-radius : 0.75rem;
}

@keyframes textChange {
    0%   {letter-spacing : 0.0vmin;}
    50%  {letter-spacing : 1.0vmin;}
    100% {letter-spacing : 0.0vmin;}
}

.c-solutionlanding .ammIntroMainSubText {margin-top : 1rem;
}

/* ________________________________________________________________________________________________
   ________________________________________________________________________________________________ */

.c-solutionlanding .animation {position : absolute;display : none;opacity : 0.3;
}

@media (min-width: 1280px) {

    .c-solutionlanding .animation {display : block;
    }
}

.c-solutionlanding .animation {

    --baseSize: 0.3rem;
    bottom: 10%;
    left: max(7vw, calc(50vw - 45rem));
    /* transform: translateY(0%) translateX(50%); */
    width: 10rem;
    height: 10rem;
    /* --baseSize : 2.6vmin;
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 90vmin;
    height: 90vmin;
    overflow: hidden; */
}

.c-solutionlanding .bp {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1;
    height: 1;
    animation: rotateright 12s linear infinite;
}

.c-solutionlanding .bp::after {
    display: block;
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    transform: translateX(-50%) translateY(-50%);
    width: calc(30 * var(--baseSize));
    height: calc(30 * var(--baseSize));
    border-radius: calc(16 * var(--baseSize));
    border: 1px solid #8074a6;
    /* background-color: #ffffff; */
    animation: upandown 4s linear infinite;
}

.c-solutionlanding .bp:nth-child(1)::after  {width: calc(24.8 * var(--baseSize)); height: calc(24.8 * var(--baseSize)); opacity: 1.0;}

.c-solutionlanding .bp:nth-child(2)::after  {width: calc(24.6 * var(--baseSize)); height: calc(24.6 * var(--baseSize)); opacity: 0.9;}

.c-solutionlanding .bp:nth-child(3)::after  {width: calc(24.4 * var(--baseSize)); height: calc(24.4 * var(--baseSize)); opacity: 0.8;}

.c-solutionlanding .bp:nth-child(4)::after  {width: calc(24.2 * var(--baseSize)); height: calc(24.2 * var(--baseSize)); opacity: 0.7;}

.c-solutionlanding .bp:nth-child(5)::after  {width: calc(24.0 * var(--baseSize)); height: calc(24.0 * var(--baseSize)); opacity: 0.6;}

.c-solutionlanding .bp:nth-child(6)::after  {width: calc(23.8 * var(--baseSize)); height: calc(23.8 * var(--baseSize)); opacity: 0.5;}

.c-solutionlanding .bp:nth-child(7)::after  {width: calc(23.6 * var(--baseSize)); height: calc(23.6 * var(--baseSize)); opacity: 0.4;}

.c-solutionlanding .bp:nth-child(8)::after  {width: calc(23.4 * var(--baseSize)); height: calc(23.4 * var(--baseSize)); opacity: 0.3;}

.c-solutionlanding .bp:nth-child(9)::after  {width: calc(23.2 * var(--baseSize)); height: calc(23.2 * var(--baseSize)); opacity: 0.2;}

.c-solutionlanding .bp:nth-child(10)::after {width: calc(23.0 * var(--baseSize)); height: calc(23.0 * var(--baseSize)); opacity: 0.2;}

.c-solutionlanding .bp:nth-child(11)::after {width: calc(22.8 * var(--baseSize)); height: calc(22.8 * var(--baseSize)); opacity: 0.2;}

.c-solutionlanding .bp:nth-child(12)::after {width: calc(22.6 * var(--baseSize)); height: calc(22.6 * var(--baseSize)); opacity: 0.2;}

.c-solutionlanding .bp:nth-child(13)::after {width: calc(22.4 * var(--baseSize)); height: calc(22.4 * var(--baseSize)); opacity: 0.2;}

.c-solutionlanding .bp:nth-child(14)::after {width: calc(22.2 * var(--baseSize)); height: calc(22.2 * var(--baseSize)); opacity: 0.2;}

.c-solutionlanding .bp:nth-child(15)::after {width: calc(22.0 * var(--baseSize)); height: calc(22.0 * var(--baseSize)); opacity: 0.2;}

.c-solutionlanding .bp:nth-child(16)::after {width: calc(21.8 * var(--baseSize)); height: calc(21.8 * var(--baseSize)); opacity: 0.2;}

.c-solutionlanding .bp:nth-child(17)::after {width: calc(21.6 * var(--baseSize)); height: calc(21.6 * var(--baseSize)); opacity: 0.3;}

.c-solutionlanding .bp:nth-child(18)::after {width: calc(21.4 * var(--baseSize)); height: calc(21.4 * var(--baseSize)); opacity: 0.4;}

.c-solutionlanding .bp:nth-child(19)::after {width: calc(21.2 * var(--baseSize)); height: calc(21.2 * var(--baseSize)); opacity: 0.5;}

.c-solutionlanding .bp:nth-child(20)::after {width: calc(21.0 * var(--baseSize)); height: calc(21.0 * var(--baseSize)); opacity: 0.6;}

.c-solutionlanding .bp:nth-child(21)::after {width: calc(20.8 * var(--baseSize)); height: calc(20.8 * var(--baseSize)); opacity: 0.7;}

.c-solutionlanding .bp:nth-child(22)::after {width: calc(20.6 * var(--baseSize)); height: calc(20.6 * var(--baseSize)); opacity: 0.8;}

.c-solutionlanding .bp:nth-child(23)::after {width: calc(20.4 * var(--baseSize)); height: calc(20.4 * var(--baseSize)); opacity: 0.9;}

.c-solutionlanding .bp:nth-child(24)::after {width: calc(20.2 * var(--baseSize)); height: calc(20.2 * var(--baseSize)); opacity: 1.0;}

.c-solutionlanding .bp:nth-child(1)  {  animation-delay: 0.0s; }

.c-solutionlanding .bp:nth-child(2)  {  animation-delay: 0.1s; }

.c-solutionlanding .bp:nth-child(3)  {  animation-delay: 0.2s; }

.c-solutionlanding .bp:nth-child(4)  {  animation-delay: 0.3s; }

.c-solutionlanding .bp:nth-child(5)  {  animation-delay: 0.4s; }

.c-solutionlanding .bp:nth-child(6)  {  animation-delay: 0.5s; }

.c-solutionlanding .bp:nth-child(7)  {  animation-delay: 0.6s; }

.c-solutionlanding .bp:nth-child(8)  {  animation-delay: 0.7s; }

.c-solutionlanding .bp:nth-child(9)  {  animation-delay: 0.8s; }

.c-solutionlanding .bp:nth-child(10) {  animation-delay: 0.9s; }

.c-solutionlanding .bp:nth-child(11) {  animation-delay: 1.0s; }

.c-solutionlanding .bp:nth-child(12) {  animation-delay: 1.1s; }

.c-solutionlanding .bp:nth-child(13) {  animation-delay: 1.2s; }

.c-solutionlanding .bp:nth-child(14) {  animation-delay: 1.3s; }

.c-solutionlanding .bp:nth-child(15) {  animation-delay: 1.4s; }

.c-solutionlanding .bp:nth-child(16) {  animation-delay: 1.5s; }

.c-solutionlanding .bp:nth-child(17) {  animation-delay: 1.6s; }

.c-solutionlanding .bp:nth-child(18) {  animation-delay: 1.7s; }

.c-solutionlanding .bp:nth-child(19) {  animation-delay: 1.8s; }

.c-solutionlanding .bp:nth-child(20) {  animation-delay: 1.9s; }

.c-solutionlanding .bp:nth-child(21) {  animation-delay: 2.0s; }

.c-solutionlanding .bp:nth-child(22) {  animation-delay: 2.1s; }

.c-solutionlanding .bp:nth-child(23) {  animation-delay: 2.2s; }

.c-solutionlanding .bp:nth-child(24) {  animation-delay: 2.3s; }

.c-solutionlanding .bp:nth-child(1)::after  {  animation-delay: 0.0s; }

.c-solutionlanding .bp:nth-child(2)::after  {  animation-delay: 0.1s; }

.c-solutionlanding .bp:nth-child(3)::after  {  animation-delay: 0.2s; }

.c-solutionlanding .bp:nth-child(4)::after  {  animation-delay: 0.3s; }

.c-solutionlanding .bp:nth-child(5)::after  {  animation-delay: 0.4s; }

.c-solutionlanding .bp:nth-child(6)::after  {  animation-delay: 0.5s; }

.c-solutionlanding .bp:nth-child(7)::after  {  animation-delay: 0.6s; }

.c-solutionlanding .bp:nth-child(8)::after  {  animation-delay: 0.7s; }

.c-solutionlanding .bp:nth-child(9)::after  {  animation-delay: 0.8s; }

.c-solutionlanding .bp:nth-child(10)::after {  animation-delay: 0.9s; }

.c-solutionlanding .bp:nth-child(11)::after {  animation-delay: 1.0s; }

.c-solutionlanding .bp:nth-child(12)::after {  animation-delay: 1.1s; }

.c-solutionlanding .bp:nth-child(13)::after {  animation-delay: 1.2s; }

.c-solutionlanding .bp:nth-child(14)::after {  animation-delay: 1.3s; }

.c-solutionlanding .bp:nth-child(15)::after {  animation-delay: 1.4s; }

.c-solutionlanding .bp:nth-child(16)::after {  animation-delay: 1.5s; }

.c-solutionlanding .bp:nth-child(17)::after {  animation-delay: 1.6s; }

.c-solutionlanding .bp:nth-child(18)::after {  animation-delay: 1.7s; }

.c-solutionlanding .bp:nth-child(19)::after {  animation-delay: 1.8s; }

.c-solutionlanding .bp:nth-child(20)::after {  animation-delay: 1.9s; }

.c-solutionlanding .bp:nth-child(21)::after {  animation-delay: 2.0s; }

.c-solutionlanding .bp:nth-child(22)::after {  animation-delay: 2.1s; }

.c-solutionlanding .bp:nth-child(23)::after {  animation-delay: 2.2s; }

.c-solutionlanding .bp:nth-child(24)::after {  animation-delay: 2.3s; }

@keyframes upandown {
      0%  { border-top-right-radius: calc(10 * var(--baseSize)); border-bottom-left-radius: calc(30 * var(--baseSize)); transform: scale(100%) translateX(-50%) translateY(-50%); border-color: #eeeeee; border-width: calc(0.40 * var(--baseSize));}
     40%  { border-top-right-radius: calc(30 * var(--baseSize)); border-bottom-left-radius: calc(10 * var(--baseSize)); transform: scale(100%) translateX(-50%) translateY(-50%); border-color: #8074a6; border-width: calc(0.03 * var(--baseSize));}
    100%  { border-top-right-radius: calc(10 * var(--baseSize)); border-bottom-left-radius: calc(30 * var(--baseSize)); transform: scale(100%) translateX(-50%) translateY(-50%); border-color: #eeeeee; border-width: calc(0.40 * var(--baseSize));}
}

@keyframes rotateright {
      0%  { transform: rotate(0); }
    100%  { transform: rotate(359deg); }
}

.c-solutionlanding .demo{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size : 1.25rem;
      font-weight : 300;
      line-height : 1.5;
    }

@media (min-width: 768px) {

    .c-solutionlanding .demo {font-size : 1.25rem;
    }
}

@media (min-width: 1024px) {

    .c-solutionlanding .demo {font-size : 1.3125rem;
    }
}

@media (min-width: 1280px) {

    .c-solutionlanding .demo {font-size : 1.3125rem;
    }
}

@media (min-width: 1536px) {

    .c-solutionlanding .demo {font-size : 1.5rem;
    }
}

.c-solutionlanding .demo{
      font-family   : "Roboto";
      margin-top : 1.5rem;
      display : inline-flex;
      border-width : 2px;
      --tw-border-opacity : 1;
      border-color : rgb(48 27 123 / var(--tw-border-opacity, 1));
      padding-left : 2rem;
      padding-right : 2rem;
      padding-top : 1rem;
      padding-bottom : 1rem;
      font-weight : 500;
      --tw-text-opacity : 1;
      color : rgb(48 27 123 / var(--tw-text-opacity, 1));
    }

.c-solutionlanding .demo:hover {--tw-border-opacity : 1;border-color : rgb(120 40 240 / var(--tw-border-opacity, 1));
}

.c-solutionlanding .demo:hover span {--tw-text-opacity : 1;color : rgb(120 40 240 / var(--tw-text-opacity, 1));
}

.c-solutionlanding .demo span.arrow {padding-left : 0.5rem;
    transition: transform .3s ease-out;
}

.c-solutionlanding .demo:hover .arrow{
    transform: translate(5px, 0);
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-solutionpresentation {
    margin-bottom: 4rem;
    margin-top: 2rem;
}

@media (min-width: 1024px) {

    .c-solutionpresentation {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }
}

.c-solutionpresentation {
    scroll-margin-top: 8rem;
}

.c-solutionpresentation .statement1Title {
    margin-bottom: 1rem;
}

@media (min-width: 768px) {

    .c-solutionpresentation .statement1Title {
        margin-bottom: 3rem;
    }
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-componentrelated {

    margin-top: 8rem;

    margin-bottom: 8rem
}

.c-componentrelated .c-collayout .c-col:last-child {

    display: flex;

    flex-direction: column;

    align-items: flex-end
}

@media (min-width: 768px) {

    .c-componentrelated .c-evcardgrid {

        max-width: 16rem
    }
}

.c-componentrelated .c-evcard {

    align-items: flex-start;

    padding-top: 1rem;

    padding-bottom: 1rem
}

.c-componentrelated .c-evcardcontent {

    align-items: flex-start;

    text-align: left
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-componentfeatures{
      margin-top   : 8rem;
      margin-bottom   : 8rem;
      padding-top   : 4rem;
      padding-bottom   : 4rem;
}

.c-componentfeatures .c-evcontent{
      padding-bottom   : 4rem;
}

.c-componentfeatures .threefactsMatrix{
      display   : grid;
      grid-template-columns   : repeat(1, minmax(0, 1fr));
      align-items   : stretch;
      justify-content   : stretch;
      column-gap   : 2.5rem;
}

@media (min-width: 640px){

      .c-componentfeatures .threefactsMatrix{
            grid-template-columns   : repeat(2, minmax(0, 1fr));
      }
}

@media (min-width: 768px){

      .c-componentfeatures .threefactsMatrix{
            grid-template-columns   : repeat(3, minmax(0, 1fr));
      }
}

.c-componentfeatures .threefactsCell{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size   : 1.25rem;
      font-weight   : 300;
      line-height   : 1.5;
    }

@media (min-width: 768px){

      .c-componentfeatures .threefactsCell{
            font-size   : 1.25rem;
      }
}

@media (min-width: 1024px){

      .c-componentfeatures .threefactsCell{
            font-size   : 1.3125rem;
      }
}

@media (min-width: 1280px){

      .c-componentfeatures .threefactsCell{
            font-size   : 1.3125rem;
      }
}

@media (min-width: 1536px){

      .c-componentfeatures .threefactsCell{
            font-size   : 1.5rem;
      }
}

.c-componentfeatures .threefactsCell{
      font-family   : "Roboto";
      position   : relative;
      display   : block;
      min-height   : 5rem;
      border-left-width   : 1px;
      --tw-border-opacity   : 1;
      border-color   : rgb(204 204 204 / var(--tw-border-opacity, 1));
      padding   : 2.5rem;
      text-align   : left;
    }

.c-componentfeatures .threefactsCell span{
    font-family           : "Roboto";
    font-weight: bold;
}

.c-componentfeatures .threefactsCellTitle span, .c-componentfeatures .threefactsCellTitle b{
    font-family           : "Roboto";
    font-weight: bold;
}


    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-componentcontent {
    margin-top: 8rem;
    margin-bottom: 8rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
}

@media (min-width: 1024px) {

    .c-componentcontent {
        flex-direction: row;
        align-items: center;
    }
}

@media (min-width: 1280px) {

    .c-componentcontent {
        column-gap: 5rem;
    }
}

.c-componentcontent {
    scroll-margin-top: 5rem;
}

.c-componentcontent .image {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1024px) {

    .c-componentcontent .image {
        height: 100%;
        width: 33.333333%;
    }
}

.c-componentcontent .image img {
    max-height: 30rem;
}

.c-componentcontent .c-evcontent {
    padding-top: 4rem;
}

@media (min-width: 1024px) {

    .c-componentcontent .c-evcontent {
        width: 66.666667%;
        padding-top: 0px;
    }
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-componentlanding {

    position: relative;

    margin-bottom: 1.25rem;

    display: flex;

    flex-direction: column;

    align-items: stretch;

    justify-content: stretch;

    gap: 1rem
}

.c-componentlanding .content {

    display: flex;

    height: 100%;

    flex-direction: column;

    justify-content: flex-start
}

@media (min-width: 768px) {

    .c-componentlanding .content {

        flex-direction: row
    }
}

.c-componentlanding .content > img {

    max-height: 15rem;

    padding-bottom: 1.5rem
}

@media (min-width: 768px) {

    .c-componentlanding .content > img {

        height: auto;

        max-height: 100rem;

        padding-top: 3rem;

        padding-bottom: 3rem
    }
}

.c-componentlanding .c-evcontent {

    display: flex;

    height: 100%;

    width: 100%;

    flex-direction: column;

    justify-content: center;

    padding-top: 8rem;

    padding-bottom: 2rem
}

@media (min-width: 768px) {

    .c-componentlanding .c-evcontent {

        width: 66.666667%;

        padding-top: 8rem;

        padding-bottom: 8rem
    }
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-pagedocument{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 4rem;
    padding-bottom: 5rem;
}

@media (min-width: 768px){

    .c-pagedocument{
        padding-top: 10rem;
    }
}

.c-pagedocument a{
    --tw-text-opacity: 1;
    color: rgb(120 40 240 / var(--tw-text-opacity, 1));
    text-decoration: underline;
    transition: color 0.4s;
}

.c-pagedocument a:hover{
    color: #7828f0aa;
}

@media (min-width: 1280px){

    .c-pagedocument p{
        max-width: 80%;
    }
}

.c-pagedocument h1{
    --tw-text-opacity: 1;
    color: rgb(120 40 240 / var(--tw-text-opacity, 1));
}

@media (min-width: 1280px){

    .c-pagedocument h1{
        max-width: 80%;
    }
}

.c-pagedocument h2{
    margin-bottom: 1.5rem;
    margin-top: 2.5rem;
}

@media (min-width: 1280px){

    .c-pagedocument h2{
        max-width: 80%;
    }
}

.c-pagedocument h2{
    scroll-margin-top: 6rem;
}

.c-pagedocument h3{
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 300;
}

@media (min-width: 1280px){

    .c-pagedocument h3{
        max-width: 80%;
    }
}

.c-pagedocument .table-scroll{
    width: 100%;
    overflow-x: scroll;
}

@media (min-width: 1280px){

    .c-pagedocument .table-scroll{
        max-width: 80%;
    }
}

.c-pagedocument table{
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.c-pagedocument table p{
    max-width: 100%;
}

.c-pagedocument table th{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.5;
    }

@media (min-width: 768px){

    .c-pagedocument table th{
        font-size: 1.25rem;
    }
}

@media (min-width: 1024px){

    .c-pagedocument table th{
        font-size: 1.3125rem;
    }
}

@media (min-width: 1280px){

    .c-pagedocument table th{
        font-size: 1.3125rem;
    }
}

@media (min-width: 1536px){

    .c-pagedocument table th{
        font-size: 1.5rem;
    }
}

.c-pagedocument table th{
      font-family   : "Roboto";
      padding: 0.5rem;
      text-align: left;
      font-weight: 700;
    }

.c-pagedocument table td{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.5;
    }

@media (min-width: 768px){

    .c-pagedocument table td{
        font-size: 1.25rem;
    }
}

@media (min-width: 1024px){

    .c-pagedocument table td{
        font-size: 1.3125rem;
    }
}

@media (min-width: 1280px){

    .c-pagedocument table td{
        font-size: 1.3125rem;
    }
}

@media (min-width: 1536px){

    .c-pagedocument table td{
        font-size: 1.5rem;
    }
}

.c-pagedocument table td{
      font-family   : "Roboto";
      padding: 0.5rem;
    vertical-align: top;
    }

@media (min-width: 1280px){

    .c-pagedocument ul{
        max-width: 80%;
    }
}

.c-pagedocument ul ul{
    max-width: 100%;
}

@media (min-width: 1280px){

    .c-pagedocument ol{
        max-width: 80%;
    }
}

.c-pagedocument ol ol{
    max-width: 100%;
}.c-newsgridrelated {
    margin-bottom: 0px;
    padding-bottom: 4rem
}
.c-newsgridrelated.ly-p {
    margin-bottom: 0px
}.c-ctamediabannerflat{
    background: #472B9D;
}
.c-ctamediabannerflat .lp-y{
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.c-ctamediabannerflat .c-evcontent a{
    font-weight: 700;
}.c-formcontainer {

    padding-left: 1.5rem;

    padding-right: 1.5rem;

    padding-top: 1rem;

    padding-bottom: 1rem
}

.c-formcontainer .c-formgroup {

    margin-top: 0.75rem;

    margin-bottom: 0.75rem;

    width: 100%
}

.c-formcontainer .c-textinput, .c-formcontainer textarea {

    margin-top: 0.5rem;

    display: block;

    width: 100%;

    border-radius: 0.25rem;

    border-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(209 209 209 / var(--tw-border-opacity, 1));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 0.375rem;

    padding-bottom: 0.375rem;

    font-size: 1rem;

    line-height: 1.5rem
}

.c-formcontainer .c-textinput:focus, .c-formcontainer textarea:focus {

    --tw-border-opacity: 1;

    border-color: rgb(33 33 33 / var(--tw-border-opacity, 1));

    outline: 2px solid transparent;

    outline-offset: 2px
}

.c-formcontainer .c-textinput:is(.dark *), .c-formcontainer textarea:is(.dark *) {

    --tw-border-opacity: 1;

    border-color: rgb(49 49 49 / var(--tw-border-opacity, 1));

    --tw-bg-opacity: 1;

    background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));

    --tw-text-opacity: 1;

    color: rgb(241 241 241 / var(--tw-text-opacity, 1))
}

.c-formcontainer .c-textinput:is(.dark *)::placeholder, .c-formcontainer textarea:is(.dark *)::placeholder {

    --tw-placeholder-opacity: 1;

    color: rgb(113 113 113 / var(--tw-placeholder-opacity, 1))
}

.c-formcontainer .c-textinput:focus:is(.dark *), .c-formcontainer textarea:focus:is(.dark *) {

    --tw-border-opacity: 1;

    border-color: rgb(145 145 145 / var(--tw-border-opacity, 1))
}

.c-formcontainer .text-color, .c-formcontainer .text-color-input, .c-formcontainer a {

    --tw-text-opacity: 1;

    color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.c-formcontainer .text-color:is(.dark *), .c-formcontainer .text-color-input:is(.dark *), .c-formcontainer a:is(.dark *) {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.c-formcontainer .c-formmessage {

    display: none;

    border-radius: 0.25rem;

    border-width: 2px;

    padding: 0.5rem
}

.c-formcontainer .c-formmessage:is(.dark *) {

    --tw-border-opacity: 1;

    border-color: rgb(65 65 65 / var(--tw-border-opacity, 1))
}

.c-formcontainer .c-formmessage.visible {

    display: block
}

.c-formcontainer .c-formmessage.form-message-error {

    border-left-width: 8px;

    border-color: rgb(162,32,40,0.80)
}

.c-formcontainer .c-submitbutton {

    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: 0.25rem;

    border-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(177 177 177 / var(--tw-border-opacity, 1));

    --tw-bg-opacity: 1;

    background-color: rgb(209 209 209 / var(--tw-bg-opacity, 1));

    padding-left: 1rem;

    padding-right: 1rem;

    padding-top: 0.25rem;

    padding-bottom: 0.25rem;

    font-size: 1rem;

    line-height: 1.5rem;

    --tw-text-opacity: 1;

    color: rgb(0 0 0 / var(--tw-text-opacity, 1));

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 300ms
}

.c-formcontainer .c-submitbutton:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(225 225 225 / var(--tw-bg-opacity, 1))
}

.c-formcontainer .c-submitbutton:is(.dark *) {

    --tw-border-opacity: 1;

    border-color: rgb(81 81 81 / var(--tw-border-opacity, 1));

    --tw-bg-opacity: 1;

    background-color: rgb(49 49 49 / var(--tw-bg-opacity, 1));

    --tw-text-opacity: 1;

    color: rgb(241 241 241 / var(--tw-text-opacity, 1))
}

.c-formcontainer .c-submitbutton:hover:is(.dark *) {

    --tw-bg-opacity: 1;

    background-color: rgb(81 81 81 / var(--tw-bg-opacity, 1))
}

.c-formcontainer .text-color-button {

    --tw-text-opacity: 1;

    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.c-formcontainer .text-color-button:is(.dark *) {

    --tw-text-opacity: 1;

    color: rgb(241 241 241 / var(--tw-text-opacity, 1))
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-evform{
    border-radius: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    box-shadow: 0 0 4px 1px #ccc;
}

.c-evform.no-border{
    padding-left: 0px;
    padding-right: 0px;
    box-shadow: none;
}

.c-evform input, .c-evform textarea{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.5;
    }

@media (min-width: 768px){

    .c-evform input, .c-evform textarea{
        font-size: 1.25rem;
    }
}

@media (min-width: 1024px){

    .c-evform input, .c-evform textarea{
        font-size: 1.3125rem;
    }
}

@media (min-width: 1280px){

    .c-evform input, .c-evform textarea{
        font-size: 1.3125rem;
    }
}

@media (min-width: 1536px){

    .c-evform input, .c-evform textarea{
        font-size: 1.5rem;
    }
}

.c-evform input, .c-evform textarea{
      font-family   : "Roboto";
      position: relative;
      display: block;
      width: 100%;
      border-radius: 0.25rem;
      border-width: 0px;
      --tw-bg-opacity: 1;
      background-color: rgb(242 240 246 / var(--tw-bg-opacity, 1));
      padding: 1rem;
      font-weight: 400;
    }

.c-evform .c-formgroup{
    position: relative;
    width: 100%;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-right: 2rem;
    padding-left: 3rem;
}

.c-evform.no-border .c-formgroup{
    position: relative;
    width: 100%;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0px;
    padding-right: 0px;
}

.c-evform .c-formgroup::after{
    content: '';
    transition: opacity 0.5s;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    height: 100%;
    width: 2rem;
    opacity: 0;
    background: transparent url(/public/contact/form-focus.svg) no-repeat center;
}

.c-evform.no-border .c-formgroup::after{
    display: none;
}

.c-evform .c-formgroup:focus-within::after{
    opacity: 1;
}

.c-evform input:focus, .c-evform textarea:focus{
    border-width: 0px;
    outline-width: 0px;
}

.c-evform textarea{
    min-height: 8rem;
}

.c-evform .c-submitbutton{
    font-size: 1rem;
    line-height: 1rem;
}

@media (min-width: 1024px){

    .c-evform .c-submitbutton{
        font-size: 1.125rem;
        line-height: 1.25rem;
    }
}

.c-evform .c-submitbutton{
    margin-top: 1rem;
    border-radius: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(48 24 123 / var(--tw-text-opacity, 1));
    display       : inline-flex;
    cursor        : pointer;
    border        : 2px solid #30187b;
}

.c-evform .c-submitbutton:hover{
    background-color: transparent;
    border-color    : #7828F0;
}

.c-evform .c-submitbutton:hover span{
      color: #7828F0;
    }

.c-evform .c-submitbutton span.arrow{
    font-family: "Roboto";
    padding-left: 0.5rem;
    transition: transform .3s ease-out;
}

.c-evform .c-submitbutton:hover span.arrow{
    transform: translate(5px, 0);
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-casestudy{
      --tw-bg-opacity: 1;
      background-color: rgb(242 240 246 / var(--tw-bg-opacity, 1));
      padding-bottom: 3rem;
}

.c-casestudy .c-collayout{
      flex-direction: column-reverse;
      gap: 2rem;
}

@media (min-width: 768px){

      .c-casestudy .c-collayout{
            flex-direction: row;
      }

      .c-casestudy .c-collayout .c-col:first-child{
            flex: 0.7;
      }

      .c-casestudy .c-collayout .c-col:last-child{
            flex: 0.3;
      }
}

.c-casestudy .c-collayout .c-col:last-child img{
      max-width: 100%;
}

.c-casestudy .pre-header p{
      color: #2478FC;
      margin-bottom: 1rem;
      font-weight: 700;
    }

.c-casestudy .header{
      margin-bottom: 4rem;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      padding-top: 5rem;
      padding-bottom: 3.5rem;
}

@media (min-width: 768px){

      .c-casestudy .header{
            padding-top: 8rem;
            padding-bottom: 6rem;
      }
}

.c-casestudy .toc-card{
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: space-between;
      gap: 1.25rem;
      border-radius: 7px;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
      padding-bottom: 1rem;
    box-shadow: 0 0 4px 1px #ccc;
    transition: box-shadow 0.2s;
}

.c-casestudy .toc-card::after{
      position: absolute;
      bottom: 0px;
      left: 0px;
      height: 7px;
      width: 100%;
      border-bottom-right-radius: 7px;
      border-bottom-left-radius: 7px;
    content: '';
    background: linear-gradient(90deg, #7828f0, #2478fc);
}

.c-casestudy .social-links{
      margin-left: 1.5rem;
      margin-right: 1.5rem;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      gap: 0.5rem;
      border-bottom-width: 1px;
      --tw-border-opacity: 1;
      border-bottom-color: rgb(170 170 170 / var(--tw-border-opacity, 1));
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
}

.c-casestudy .social-links li{
      font-size: .8rem;
      font-weight: 500;
}

.c-casestudy .social-links a{
}

.c-casestudy .social-links svg{
      height: 1.25rem;
      width: 0.75rem;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      --tw-text-opacity: 1;
      color: rgb(120 40 240 / var(--tw-text-opacity, 1));
}

.c-casestudy .c-evcardcontent li{
      margin-bottom: 0.5rem;
}

.c-casestudy .c-evcardcontent li header{
      color: #472b9d;
      font-family: "Roboto";
      font-size: 1.4rem;
      font-weight: 300;
      line-height: 1.7rem;
    }

@media (min-width: 1280px){

      .c-casestudy .c-evcardcontent li header{
            font-size: 1.5rem;
            line-height: 1.9rem;
      }
}

@media (min-width: 1536px){

      .c-casestudy .c-evcardcontent li header{
            font-size: 2.5rem;
            line-height: 2.9rem;
      }
}

.c-casestudy .c-evcardcontent li div{
      font-size: 0.8rem;
      font-weight: 300;
      line-height: 1.1rem;
}

@media (min-width: 768px){

      .c-casestudy .c-evcardcontent li div{
            font-size: 0.9rem;
            line-height: 1.2rem;
      }
}

.c-casestudy .c-evcardcontent li div{
      font-family   : "Roboto";
    }

.c-casestudy .quotes-container{
      position: relative;
      margin-top: 2.5rem;
      margin-bottom: 2.5rem;
      border-radius: 0.75rem;
    background: 
        url('/public/company/quotes-bg.png'),
        linear-gradient(to bottom right, #7828F0, #2478FC);
        
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.c-casestudy .quotes{
      padding-left: 3.5rem;
      padding-right: 3.5rem;
      padding-top: 2.5rem;
      color: #ffffffee;
    background-image: url(/public/home/quote-opaque.svg);
    background-repeat: no-repeat;
    background-position: 1.5rem 1rem;
    background-size: 5rem;
}

.c-casestudy .quotes-author p{
      padding-bottom: 3.5rem;
      font-weight: 700;
      padding-left: 3.5rem;
      padding-right: 3.5rem;
      color: #ffffffee;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-articlevariant1{
      margin-bottom: 1rem;
}

.c-articlevariant1 .pre-header{
      color: #2478FC;
      margin-bottom: 1rem;
      font-weight: 700;
    }

.c-articlevariant1 .header{
      margin-bottom: 4rem;
      border-bottom-width: 2px;
      --tw-border-opacity: 1;
      border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));
      padding-top: 5rem;
      padding-bottom: 3.5rem;
}

@media (min-width: 768px){

      .c-articlevariant1 .header{
            padding-top: 8rem;
            padding-bottom: 6rem;
      }
}

.c-articlevariant1 .image{
      margin-bottom: 3rem;
}

.c-articlevariant1 .author{
      margin-top: 2rem;
      margin-bottom: 1rem;
}

.c-articlevariant1 .author svg{
      margin-right: 1rem;
      display: inline;
      width: 2rem;
}

@media (min-width: 1024px){

      .c-articlevariant1 .author svg{
            width: 2rem;
      }
}

@media (min-width: 1536px){

      .c-articlevariant1 .author svg{
            width: 3rem;
      }
}

.c-articlevariant1 .image-container{
      margin-top: 2rem;
      margin-bottom: 2rem;
}

.c-articlevariant1 .date{
      font-weight: 400;
}

.c-articlevariant1 .author-info{
      margin-top: 4rem;
      margin-bottom: 4rem;
      padding-top: 4rem;
      padding-bottom: 4rem;
     background: 
        url('/public/news/author-bio-bg.jpg'),
        linear-gradient(to bottom right, #6A24D4, #2478FC);    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.c-articlevariant1 .author-info img{
      max-width: 8rem;
      border-radius: 9999px;
    height: auto;
    filter:grayscale();
}

.c-articlevariant1 .author-content{
      display: flex;
      flex-direction: column;
      align-items: center;
      column-gap: 4rem;
      row-gap: 2rem;
}

@media (min-width: 768px){

      .c-articlevariant1 .author-content{
            flex-direction: row;
      }
}

.c-articlevariant1 .author-content .c-evcontent{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-contactform{
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      gap: 1rem;
}

.c-contactform .c-evcontent h3 b{
      font-weight: 700;
}

.c-contactform .c-collayout{
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
}

@media (min-width: 768px){

      .c-contactform .c-collayout{
            row-gap: 2rem;
      }
}

@media (min-width: 1024px){

      .c-contactform .c-collayout{
            column-gap: 3rem;
      }
}

@media (min-width: 1280px){

      .c-contactform .c-collayout{
            column-gap: 5rem;
      }
}

.c-contactform .c-collayout .c-col{
      padding-left: 0px;
      padding-right: 0px;
}

.c-contactform .c-collayout .c-col .c-evcontent{
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
}

.c-contactform .c-collayout .c-col .c-evcontent h4 b{
      font-weight: 500;
}

@media (min-width: 1024px){

      .c-contactform .c-collayout.break-lg .c-col:first-child{
            flex: 0.6;
      }
}

@media (min-width: 1280px){

      .c-contactform .c-collayout.break-lg .c-col:first-child{
            flex: 1 1 0%;
      }
}

.c-contactform .c-evcardgrid{
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 1rem;
}

.c-contactform .c-evcard .card-row{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 1rem;
      padding-bottom: 0.5rem;
}

.c-contactform .c-evcard .card-col-link{
      color: #7828F0;
      font-weight: 300;
    }

.c-contactform .c-evcard .card-col-bold{
      font-weight: 700;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-pageheader {

    margin-bottom: 1rem;

    --tw-bg-opacity: 1;

    background-color: rgb(242 240 246 / var(--tw-bg-opacity, 1));

    padding-top: 6rem;

    padding-bottom: 6rem
}


.c-newsdetail {
    padding-bottom: 3rem
}
@media (min-width: 768px) {
    .c-newsdetail .c-collayout .c-col:first-child {
        flex: 0.7
    }
    .c-newsdetail .c-collayout .c-col:last-child {
        flex: 0.3
    }
}
.c-newsdetail .c-collayout .c-col:last-child img {
    max-width: 100%
}
.c-newsdetail .header {
    margin-bottom: 4rem;
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));
    padding-top: 5rem;
    padding-bottom: 3.5rem
}
@media (min-width: 768px) {
    .c-newsdetail .header {
        padding-top: 8rem;
        padding-bottom: 6rem
    }
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-marketperspective {

    padding-top: 4rem;

    padding-bottom: 6rem
}

@media (min-width: 1024px) {

    .c-marketperspective h2 {

        padding-bottom: 2rem
    }
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-resourcesfeatured {

    margin-bottom: 3rem
}

@media (min-width: 768px) {

    .c-resourcesfeatured .header {

        margin-bottom: 3rem
    }
}

.c-resourcesfeatured .feat {

    margin-top: 4rem;

    margin-bottom: 4rem;

    display: flex;

    flex-direction: column-reverse;

    column-gap: 2.5rem;

    row-gap: 3rem
}

@media (min-width: 768px) {

    .c-resourcesfeatured .feat {

        flex-direction: row
    }
}

.c-resourcesfeatured .feat .col-left {

    flex: 0.6
}

.c-resourcesfeatured .feat .col-right {

    flex: 0.4
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-resourcesheader{
    position: relative;
    margin-bottom: 1.25rem;
    display: flex;
    min-height: 35rem;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(242 240 247 / var(--tw-bg-opacity, 1));
    padding-top: 0px;
}

@media (min-width: 640px){

    .c-resourcesheader{
        max-height: 30rem;
    }
}

@media (min-width: 768px){

    .c-resourcesheader{
        height: calc(100vh - 80px);
    }
}

.c-resourcesheader{
    background-size: 100%;
    background-position: right bottom;
}

@media (min-width: 768px){

    .c-resourcesheader{
        background-image: url(/public/resources/resources-bg.jpg);
    }
}

@media (min-width: 1024px){

    .c-resourcesheader{
        background-size: 70%;
    }
}

@media (min-width: 1536px){

    .c-resourcesheader{
        background-size: 60%;
        background-position: right bottom;
    }
}

.c-resourcesheader{
    background-repeat: no-repeat;
}


    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-webinarvariant1 {

    margin-bottom: 1rem;

    padding-bottom: 6rem
}

.c-webinarvariant1 .c-collayout {

    column-gap: 4rem
}

.c-webinarvariant1 .c-collayout .c-col {

    margin: 0px
}

.c-webinarvariant1 .header {

    margin-bottom: 4rem;

    padding-top: 5rem;

    padding-bottom: 3.5rem
}

@media (min-width: 768px) {

    .c-webinarvariant1 .header {

        padding-top: 8rem;

        padding-bottom: 6rem
    }
}

.c-webinarvariant1 .image {

    margin-bottom: 3rem
}

.c-webinarvariant1 .sign-up-header h3 b {

    font-weight: 500;

    --tw-text-opacity: 1;

    color: rgb(77 78 76 / var(--tw-text-opacity, 1))
}

.c-webinarvariant1 .location {

    margin-top: 2rem
}

.c-webinarvariant1 .location svg {

    margin-right: 1rem;

    display: inline;

    width: 1rem
}

@media (min-width: 1024px) {

    .c-webinarvariant1 .location svg {

        width: 1.5rem
    }
}

@media (min-width: 1536px) {

    .c-webinarvariant1 .location svg {

        width: 2rem
    }
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-webinarvariant2{
    margin-bottom: 1rem;
    padding-bottom: 6rem;
}

.c-webinarvariant2 .c-collayout{
    column-gap: 4rem;
}

.c-webinarvariant2 .c-collayout .c-col{
    margin: 0px;
}

.c-webinarvariant2 .header{
    margin-bottom: 4rem;
    padding-top: 5rem;
    padding-bottom: 3.5rem;
}

@media (min-width: 768px){

    .c-webinarvariant2 .header{
        padding-top: 8rem;
        padding-bottom: 6rem;
    }
}

.c-webinarvariant2 .image{
    margin-bottom: 3rem;
}

.c-webinarvariant2 .sign-up-header h3 b{
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(77 78 76 / var(--tw-text-opacity, 1));
}

.c-webinarvariant2 .location{
    margin-top: 2rem;
}

.c-webinarvariant2 .location svg{
    margin-right: 1rem;
    display: inline;
    width: 1rem;
}

@media (min-width: 1024px){

    .c-webinarvariant2 .location svg{
        width: 1.5rem;
    }
}

@media (min-width: 1536px){

    .c-webinarvariant2 .location svg{
        width: 2rem;
    }
}

.c-webinarvariant2 .video-container{
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    min-height: 12rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}

@media (min-width: 768px){

    .c-webinarvariant2 .video-container{
        margin-top: 3rem;
        margin-bottom: 12rem;
    }
}

@media (min-width: 1024px){

    .c-webinarvariant2 .video-container{
        margin-bottom: 6rem;
    }
}

.c-webinarvariant2 .video-container{
    overflow: hidden;
}

.c-webinarvariant2 iframe{
    position: absolute;
    height: 100%;
    border-radius: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    aspect-ratio: 16/9;
}

.c-webinarvariant2 .video-image{
    width: 100%;
    border-radius: 20px;
}

.c-webinarvariant2 .overlay-content{
    position: absolute;
    top: calc(50% - 64px);
    display: flex;
    height: 128px;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

@media (min-width: 768px){

    .c-webinarvariant2 .overlay-content{
        padding-left: 0px;
        padding-right: 0px;
    }
}

.c-webinarvariant2 .overlay-content{
    z-index: 1000;
    aspect-ratio: 16/9;
}

.c-webinarvariant2 .overlay-content.scroll-sync{
    width: 100%;
    /* position: fixed;  */
}

.c-webinarvariant2 .overlay-content.drop-shadow{
    filter: drop-shadow(0 10px 8px rgba(36, 36, 36, 0.2)) drop-shadow(0 4px 3px rgb(36 120 252 / 0.2));
}

.c-webinarvariant2 .button-play{
    margin: 0px;
    width: 8rem;
    border-width: 0px;
    background-color: transparent;
    padding: 0px;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-webinarvariant3 {

    margin-bottom: 1rem;

    padding-bottom: 6rem
}

.c-webinarvariant3 .c-collayout {

    column-gap: 4rem
}

.c-webinarvariant3 .c-collayout .c-col {

    margin: 0px
}

.c-webinarvariant3 .header {

    margin-bottom: 4rem;

    padding-top: 5rem;

    padding-bottom: 3.5rem
}

@media (min-width: 768px) {

    .c-webinarvariant3 .header {

        padding-top: 8rem;

        padding-bottom: 6rem
    }
}

.c-webinarvariant3 .image {

    margin-bottom: 3rem
}

.c-webinarvariant3 .location {

    margin-top: 2rem
}

.c-webinarvariant3 .location svg {

    margin-right: 1rem;

    display: inline;

    width: 1rem
}

@media (min-width: 1024px) {

    .c-webinarvariant3 .location svg {

        width: 1.5rem
    }
}

@media (min-width: 1536px) {

    .c-webinarvariant3 .location svg {

        width: 2rem
    }
}

.c-webinarvariant3 .map-box {

    padding: 2rem
}

.c-webinarvariant3 .map-header {

    margin-bottom: 1rem
}

.c-webinarvariant3 .map-header h3 {

    margin-bottom: 1.5rem
}

.c-webinarvariant3 .map-header p {

    margin-top: 0px;

    margin-bottom: 0px
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-careers{
      z-index: 50;
      margin-top: 4rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
}

.c-careers h2{
      margin-bottom: 2rem;
}

@media (min-width: 768px){

      .c-careers h2{
            margin-bottom: 4rem;
      }
}

.c-careers .c-evcontent h3{
      color: #472b9d;
    }

.c-careers .content-wrapper{
      margin-top: 4rem;
      display: flex;
      height: max-content;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
}

@media (min-width: 768px){

      .c-careers .content-wrapper{
            flex-direction: row;
      }
}

.c-careers .select-container{
      margin-right: 2.5rem;
      margin-bottom: 2.5rem;
      display: flex;
      height: 100%;
      align-items: flex-start;
      justify-content: center;
}

@media (min-width: 768px){

      .c-careers .select-container{
            display: none;
      }
}

.c-careers .select-container {
    width: 250px;
}

.c-careers .loader{
      position: absolute;
      left: calc(50% - 3rem);
      height: 3rem;
      width: 3rem;
      border-radius: 9999px;
      border-width: 4px;
      --tw-border-opacity: 1;
      border-top-color: rgb(120 40 240 / var(--tw-border-opacity, 1));
    animation: careersSpin 1.2s linear infinite;
}

@keyframes careersSpin {
  to { transform: rotate(360deg); }
}

/* Control - the select element itself */

.c-careers .select-container select{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.5;
    }

@media (min-width: 768px){

      .c-careers .select-container select{
            font-size: 1.25rem;
      }
}

@media (min-width: 1024px){

      .c-careers .select-container select{
            font-size: 1.3125rem;
      }
}

@media (min-width: 1280px){

      .c-careers .select-container select{
            font-size: 1.3125rem;
      }
}

@media (min-width: 1536px){

      .c-careers .select-container select{
            font-size: 1.5rem;
      }
}

.c-careers .select-container select{
      font-family   : "Roboto";
      font-weight: 300;
    background: transparent;
    border: 1px solid #888;
    background: none;
    border-radius: 8px;
    cursor: pointer;
    background: white;
    width: 100%;
    }

/* Option - styles for individual options */

.c-careers .select-container select option{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.5;
    }

@media (min-width: 768px){

      .c-careers .select-container select option{
            font-size: 1.25rem;
      }
}

@media (min-width: 1024px){

      .c-careers .select-container select option{
            font-size: 1.3125rem;
      }
}

@media (min-width: 1280px){

      .c-careers .select-container select option{
            font-size: 1.3125rem;
      }
}

@media (min-width: 1536px){

      .c-careers .select-container select option{
            font-size: 1.5rem;
      }
}

.c-careers .select-container select option{
      font-family   : "Roboto";
      font-weight: 300;
    background: transparent;
    color: #fff;
    cursor: pointer;
    }

.c-careers .select-buttons{
      margin-right: 2.5rem;
      display: none;
      width: 33.333333%;
      flex-direction: column;
      border-radius: 0.75rem;
}

@media (min-width: 768px){

      .c-careers .select-buttons{
            display: flex;
      }
}

.c-careers .select-buttons button{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.5;
    }

@media (min-width: 768px){

      .c-careers .select-buttons button{
            font-size: 1.25rem;
      }
}

@media (min-width: 1024px){

      .c-careers .select-buttons button{
            font-size: 1.3125rem;
      }
}

@media (min-width: 1280px){

      .c-careers .select-buttons button{
            font-size: 1.3125rem;
      }
}

@media (min-width: 1536px){

      .c-careers .select-buttons button{
            font-size: 1.5rem;
      }
}

.c-careers .select-buttons button{
      font-family   : "Roboto";
      padding: 0.5rem;
      text-align: left;
      font-weight: 300;
      --tw-text-opacity: 1;
      color: rgb(0 0 0 / var(--tw-text-opacity, 1));
    }

.c-careers .select-buttons button:hover{
      color: #7828F0;
      background-color: transparent;
  border-radius: 0px;
    }

.c-careers .select-buttons button.active{
      border-bottom-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
      background-color: transparent;
      --tw-text-opacity: 1;
      color: rgb(103 66 189 / var(--tw-text-opacity, 1));
  border-radius: 0px;
}

.c-careers .jobs-container{
      display: flex;
      width: 100%;
      flex-direction: column;
      justify-content: center;
      gap: 1rem;
}

@media (min-width: 768px){

      .c-careers .jobs-container{
            width: 66.666667%;
      }
}

.c-careers .job-container{
      display: none;
      width: 100%;
      flex-direction: column;
      justify-content: center;
}

.c-careers .job-container.show{
      display: flex;
}

.c-careers .job-header{
      position: relative;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
}

.c-careers .job-info{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    flex: 1;
}

.c-careers .job-info p{
      margin-top: 0px;
      margin-bottom: 0px;
}

.c-careers .job-title{
      margin-bottom: 0px;
      padding-bottom: 0px;
      --tw-text-opacity: 1;
      color: rgb(48 24 123 / var(--tw-text-opacity, 1));
}

.c-careers .location-title{
      margin-bottom: 0px;
      padding-bottom: 0px;
      font-weight: 300;
}

.c-careers .job-header:hover .job-title{
      color: #7828F0;
    }

.c-careers .job-header:hover .location-title{
      color: #7828F0;
    }

.c-careers .arrow-button{
      margin-top: 0.375rem;
      display: block;
      width: 0.5rem;
}

.c-careers .job-description{
      overflow: hidden;
      transition-duration: 500ms;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.c-careers .text-truncate{
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-right: 1rem;
      font-weight: 400;
      --tw-text-opacity: 1;
      color: rgb(140 130 160 / var(--tw-text-opacity, 1));
}

.c-careers .full-text{
      padding-right: 1rem;
      font-weight: 400;
      --tw-text-opacity: 1;
      color: rgb(140 130 160 / var(--tw-text-opacity, 1));
}

@media screen and (max-aspect-ratio: 3/4) {
  .c-careers{
  }
  .c-careers &Title h1{
            margin-bottom: 0px;
            padding-bottom: 0.75rem;
            font-size: 6.0vw;
            line-height: 6.8vw;
      }
  .c-careers .description p{
            font-size: 4.5vw;
            line-height: 5.8vw;
      }
  .c-careers .job-title{
            font-size: 3.5vw;
            line-height: 4.3vw;
      }
  .c-careers .location-title{
            font-size: 3.5vw;
            line-height: 4.3vw;
      }
  
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-newsgrid .title-and-readmore {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: space-between
}

@media (min-width: 640px) {

    .c-newsgrid .title-and-readmore {

        flex-direction: row
    }
}

@media (min-width: 768px) {

    .c-newsgrid .c-arrowbuttonlink {

        margin-top: 0.5rem
    }
}

.c-newsgrid .c-evcardcontent {

    margin-bottom: 1.5rem
}

.c-newsgrid .c-evcardlink {

    margin-bottom: 1rem;

    font-size: 1rem;

    font-weight: 700
}
.c-modal{
    position: fixed;
    inset: 0px;
    z-index: 10000;
    overflow-y: auto;
    display: none;
}
.c-modal.visible{
    display: block;
}
.c-modal .modal-backdrop {
    background-color: #131313aa;
    position: fixed;
    inset: 0px;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.c-modal .modal-content{
    height: 100%;
    position: relative;
    z-index: 100001;
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 5rem;
    text-align: center;
}
@media (min-width: 640px){
    .c-modal .modal-content{
        padding: 0px;
    }
}
.c-modal .modal-box{
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(17 17 17 / var(--tw-text-opacity, 1));
}
.c-modal .modal-box:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(241 241 241 / var(--tw-text-opacity, 1));
}
.c-modal .modal-box{
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(193 193 193 / var(--tw-border-opacity, 1));
}
.c-modal .modal-box:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(49 49 49 / var(--tw-border-opacity, 1));
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-companyteam{
    flex-direction: column;
    align-items: center;
    justify-content: normal;
}

.c-companyteam .c-evcard{
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.c-companyteam .c-evcard .description{
    display: none;
}

.c-companyteam .c-evcard .click-for-info{
    position: absolute;
    top: 0px;
    z-index: 100;
    display: none;
    width: calc(100% + 2px);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 0.5rem;
    text-align: center;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(170 170 170 / var(--tw-text-opacity, 1));
    overflow-y: auto;
    opacity: 0;
    /* overflow: hidden; */
    transition: opacity 0.5s;
    border-radius: 2px;
}

.c-companyteam .c-evcard:hover .click-for-info{
    opacity: 1;
}

.c-companyteam .c-evcard:hover .image{
    clip-path: circle(100% at center);
}

.c-companyteam .c-evcard.active .description{
    height: auto;
    opacity: 1;
}

.c-companyteam .c-evcard.active .image{
    clip-path: circle(100% at center);
}

.c-companyteam .image{
    border-radius: 10px;
    transition: clip-path 0.5s;
    clip-path: circle(50% at 50% 50%);
    height: 130px;
    width: 130px;
}

@media (min-width: 640px){

    .c-companyteam .image{
        height: 180px;
        width: 180px;
    }
}

.c-companyteam .c-evcontent p{
    margin-top: 0px;
    margin-bottom: 0px;
}

.c-companyteam .name{
    margin-top: 1rem;
    text-align: center;
    color : #472b9d;
}

.c-companyteam .c-evcard:hover .name{
      color: #7828F0;
    }

.c-companyteam .role{
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.5;
}

@media (min-width: 1536px){

    .c-companyteam .role{
        font-size: 1.25rem;
    }
}

.c-companyteam .role{
    text-align: center;
    font-weight: 300;
}

.c-companyteam .expand-button .grid-item{
    border-width: 0px;
    box-shadow: none;
}

.c-companyteam .expand-button .grid-item::after{
    background: none;
}

.c-companyteam .expand-button{
    display: flex;
    display: none;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.c-companyteam .expand-button.show{
    display: block;
}

.c-companyteam .grid-expand.show{
    display: grid;
}

.c-companyteam .grid-expand{
    display: none;
}

.c-companyteam .expand-button button{
    margin-top: 5rem;
    display: none;
    cursor: pointer;
    border-radius: 9999px;
    padding: 1rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-weight: 300;
    transition: color 0.5s, border 0.5s, background 0.5s;
    border: 1px solid #333;
}

.c-companyteam .expand-button button.show{
    display: block;
}

.c-companyteam .expand-button button:hover{
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(71 43 157 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(71 43 157 / var(--tw-text-opacity, 1));
}

/** Modal */

.c-companyteam .modal-content{
    position: relative;
}

.c-companyteam .leadership-info{
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px){

    .c-companyteam .leadership-info{
        margin-left: auto;
        margin-right: auto;
        width: 90vw;
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px){

    .c-companyteam .leadership-info{
        width: 86vw;
    }
}

.c-companyteam .leadership-info{
    display: flex;
    max-height: 100%;
    max-width: 80rem;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

.c-companyteam .leadership-header{
    display: flex;
    height: 3rem;
    align-items: flex-end;
    justify-content: flex-end;
}

@media (min-width: 640px){

    .c-companyteam .leadership-header{
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

.c-companyteam .leadership-header button{
    display: block;
    border-width: 0;
    padding: 1rem;
    font-size: 1.4rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition: color 0.4s;
}

.c-companyteam .leadership-header button:hover{
    display: block;
    border-width: 0;
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(170 170 170 / var(--tw-text-opacity, 1));
}

.c-companyteam .leadership-with-nav{
    position: relative;
    display: flex;
    height: calc(100% - 3rem);
    flex-direction: column;
    overflow: hidden;
}

@media (min-width: 640px){

    .c-companyteam .leadership-with-nav{
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

.c-companyteam .leadership-with-nav .nav-left, .c-companyteam .leadership-with-nav .nav-right{
    position: absolute;
    top: 50%;
    display: none;
    --tw-translate-y: -50%;
    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: 9999px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    padding: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.c-companyteam .leadership-with-nav .nav-left:hover, .c-companyteam .leadership-with-nav .nav-right:hover{
    --tw-border-opacity: 1;
    border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(170 170 170 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px){

    .c-companyteam .leadership-with-nav .nav-left, .c-companyteam .leadership-with-nav .nav-right{
        display: block;
    }
}

.c-companyteam .leadership-with-nav .nav-left, .c-companyteam .leadership-with-nav .nav-right{
    transition: color 0.4s, border 0.4s;
}

.c-companyteam .leadership-with-nav .nav-left{
    left: 0px;
}

.c-companyteam .leadership-with-nav .nav-right{
    right: 0px;
}

.c-companyteam .leadership-with-nav .nav-left svg, .c-companyteam .leadership-with-nav .nav-right svg{
    height: 1rem;
    width: 1rem;
}

.c-companyteam .leadership-container{
    display: flex;
    height: 100%;
    flex-direction: column;
    row-gap: 2rem;
    overflow: hidden;
    border-radius: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px){

    .c-companyteam .leadership-container{
        flex-direction: row;
        column-gap: 4rem;
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

.c-companyteam .leadership-container{
    transition: height 0.4s;
    transition: transform 0.4s;
}

.c-companyteam .leadership-container.left{
    --tw-translate-x: 100vw%;
    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));
}

.c-companyteam .leadership-image{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 3rem;
}

@media (min-width: 768px){

    .c-companyteam .leadership-image{
        width: 33.333333%;
    }
}

.c-companyteam .leadership-image img{
    max-height: 8rem;
    border-radius: 9999px;
}

@media (min-width: 640px){

    .c-companyteam .leadership-image img{
        max-height: 12rem;
    }
}

.c-companyteam .leadership-image img{
    transition: transform 0.2s;
}

.c-companyteam .leadership-image img.left{
    --tw-translate-x: -100vw;
    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));
    transition: transform 0.2s;
}

.c-companyteam .leadership-image img.left-reverse{
    --tw-translate-x: 100vw;
    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));
    transition: transform 0s;
}

.c-companyteam .leadership-image img.right{
    --tw-translate-x: 100vw;
    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));
    transition: transform 0.2s;
}

.c-companyteam .leadership-image img.right-reverse{
    --tw-translate-x: -100vw;
    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));
    transition: transform 0s;
}

.c-companyteam .leadership-content{
    margin-bottom: 3rem;
    display: block;
    overflow-y: auto;
    text-align: left;
}

@media (min-width: 768px){

    .c-companyteam .leadership-content{
        margin-top: 2rem;
        width: 66.666667%;
    }
}

.c-companyteam .leadership-content{
    transition: transform 0.2s;
}

@media (max-width: 768px) and (max-height: 500px){
    .c-companyteam .leadership-image{
        padding-top: 1rem;
    }
    .c-companyteam .leadership-image img{
        max-height: 4rem;
    }
    .c-companyteam .leadership-content{
        margin-bottom: 1rem;
    }
}

.c-companyteam .leadership-content.left{
    --tw-translate-x: -100vw;
    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));
}

.c-companyteam .leadership-content.left-reverse{
    --tw-translate-x: 100vw;
    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));
    transition: transform 0s;
}

.c-companyteam .leadership-content.right{
    --tw-translate-x: 100vw;
    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));
}

.c-companyteam .leadership-content.right-reverse{
    --tw-translate-x: -100vw;
    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));
    transition: transform 0s;
}

.c-companyteam .leadership-content h3{
      color: #472b9d;
    }

.c-companyteam p.leadership-subtitle{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 1rem;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-companyvalues{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    padding-top: 2rem;
    scroll-margin-top: 5rem;
}

.c-companyvalues .c-collayout{
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px){

    .c-companyvalues .c-collayout{
        column-gap: 2.5rem;
        padding-top: 6rem;
        padding-bottom: 6rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px){

    .c-companyvalues .c-collayout{
        column-gap: 5rem;
    }
}

/* w-full px-4 md:px-0 md:w-[90vw] lg:w-[86vw] md:mx-auto md:max-w-[90rem] */

.c-companyvalues .c-collayout .c-col{
    padding-left: 0px;
    padding-right: 0px;
}

.c-companyvalues .c-collayout .c-col:first-child{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
}

.c-companyvalues .c-collayout .c-col:first-child .c-evcontent{
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 768px){

    .c-companyvalues .c-collayout .c-col:first-child .c-evcontent{
        padding-left: 5vw;
    }
}

@media (min-width: 1024px){

    .c-companyvalues .c-collayout .c-col:first-child .c-evcontent{
        padding-left: max(7vw,calc(50vw - 45rem));
    }
}

.c-companyvalues .c-collayout .c-col:last-child .c-evcontent{
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 768px){

    .c-companyvalues .c-collayout .c-col:last-child .c-evcontent{
        padding-right: 5vw;
    }
}

@media (min-width: 1024px){

    .c-companyvalues .c-collayout .c-col:last-child .c-evcontent{
        padding-right: max(7vw,calc(50vw - 45rem));
    }
}

.c-companyvalues .c-collayout .c-evcontent{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.c-companyvalues .c-collayout h2{
    margin-top: 0px;
    margin-bottom: 2.5rem;
}

.c-companyvalues .quotes-container{
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    border-radius: 0.75rem;
}

@media (min-width: 768px){

    .c-companyvalues .quotes-container{
        border-top-left-radius: 2rem;
        border-bottom-left-radius: 2rem;
        border-top-right-radius: 0rem;
        border-bottom-right-radius: 0rem;
    }
}

.c-companyvalues .quotes-container{;
    background: 
        url('/public/company/quotes-bg.png'),
        linear-gradient(to bottom right, #7828F0, #2478FC);
        
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.c-companyvalues .quotes{
    position: static;
    width: 100%;
    color: #ffffffee;
    background-image: url(/public/home/quote-opaque.svg);
    background-repeat: no-repeat;
    background-position: 1.5rem 1rem;
    background-size: 5rem;
}

.c-companyvalues .quotes ul{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 3.5rem;
    padding-right: 1rem;
}

@media (min-width: 768px){

    .c-companyvalues .quotes ul{
        padding-right: 0px;
    }
}

.c-companyvalues .quotes ul li{
    margin-left: 0px;
    list-style-type: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0px;
}

.c-companyvalues b{
    font-weight: 700;
}

.c-companyvalues .grey-pad{
    --tw-bg-opacity: 1;
    background-color: rgb(242 240 247 / var(--tw-bg-opacity, 1));
}

.c-companyvalues .c-col .image{
    height: 100%;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-awards{
    display: flex;
    flex-direction: column;
}

.c-awards .content-container{
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

@media (min-width: 768px){

    .c-awards .content-container{
        flex-direction: column;
    }
}

.c-awards .content-span-3{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-awards .content-span-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

@media (min-width: 768px){

    .c-awards .content-span-3{
        grid-column: span 3 / span 3;
        flex-direction: row;
    }

    .c-awards .content-span-3 > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }
}

.c-awards .details-container{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 2rem;
}

.c-awards .text-section{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.c-awards .image-section{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.5rem;
    border-left-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    padding-left: 1.25rem;
}

.c-awards .large-image{
    height: 100px;
    width: 200px;
}

.c-awards .large-image-offset{
    height: 100px;
    width: 170px;
    transform: translate(-2%);
}

.c-awards .additional-section{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.c-awards .small-logo{
    height: 30px;
    width: auto;
    align-self: center;
}

.c-awards .details-container{
    display: flex;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px){

    .c-awards .details-container{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px){

    .c-awards .details-container{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .c-awards .image-section{
        flex: 1;
        /* @apply pl-20; */
    }
    .c-awards .additional-section{
        flex: 1;
    }
    .c-awards .large-image-offset{
        margin-right: 1.25rem;
    }
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-partnersmarquee {
}

.c-partnersmarquee .logoScrolar {
    margin-left       : auto;
    margin-right       : auto;
    width       : 100%;
    max-width       : 100rem;
    display       : block;
    position      : relative;
    overflow-x    : hidden;
}

.c-partnersmarquee .logoScrolar::after {
    display       : block;
    content       : " ";
    position      : inherit;
    width         : 100%;
    height        : 10vmin;
    top           : 0px;
    left          : 0px;
    background    : linear-gradient(90deg, #fff 5%, rgba(247,247,247,0) 25%, rgba(247,247,247,0) 75%, #fff 95%);
}

.c-partnersmarquee .logoScrollarContainer {
    display       : flex;
    position      : absolute;
    top           : 0px;
    left          : 0px;
    animation     : scrolarLoop 15s linear infinite;
}

@keyframes scrolarLoop {
    0% {transform: translateX(0%);}
    100% {transform: translateX(-33.33%);}
}

.c-partnersmarquee .logoScrollarContainer img{
    height        : 8vmin;
    margin-left   : 5vmin;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-companystory{

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    gap: 1rem
}

.c-companystory .c-collayout{

    margin-left: 0px;

    margin-right: 0px;

    padding-top: 1.5rem;

    padding-bottom: 1.5rem;

    padding-left: 0px;

    padding-right: 0px
}

@media (min-width: 768px){

    .c-companystory .c-collayout{

        row-gap: 2rem
    }
}

@media (min-width: 1024px){

    .c-companystory .c-collayout{

        column-gap: 1rem;

        padding-top: 4rem
    }
}

@media (min-width: 1280px){

    .c-companystory .c-collayout{

        column-gap: 5rem
    }
}

@media (min-width: 1024px){

    .c-companystory .c-collayout.break-lg .c-col:first-child{

        flex: 0.6
    }
}

@media (min-width: 1280px){

    .c-companystory .c-collayout.break-lg .c-col:first-child{

        flex: 1 1 0%
    }
}

.c-companystory .c-collayout.break-lg .c-col:last-child{

}

.c-companystory .description ul{

    padding-left: 3.5rem;

    padding-top: 1.75rem
}

.c-companystory .description ul li{

    padding-top: 0px;

    padding-bottom: 0px
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-companyheader {
    display       : flex;
    height       : calc(100vh - 60px);
    max-height       : 50rem;
    min-height       : 35rem;
    flex-direction       : column;
    align-items       : stretch;
    justify-content       : flex-start;
    gap       : 1rem;
    padding-top       : 0.5rem;
}

@media (min-width: 768px) {

    .c-companyheader {
        min-height       : 30rem;
        flex-direction       : row;
        padding-top       : 5rem;
    }
}

.c-companyheader .introStatement {
    margin-top       : 6rem;
    width       : 100%;
}

@media (min-width: 768px) {

    .c-companyheader .introStatement {
        margin-top       : 8rem;
        width       : 50%;
    }
}

.c-companyheader .introStatement {
    display       : block;
}

.c-companyheader .video-container {
    position       : relative;
    margin-top       : 1rem;
    margin-bottom       : 1rem;
    display       : flex;
    height       : 100%;
    min-height       : 12rem;
    flex-direction       : column;
    align-items       : center;
    justify-content       : center;
    border-radius       : 20px;
}

@media (min-width: 768px) {

    .c-companyheader .video-container {
        margin-top       : 3rem;
        margin-bottom       : 12rem;
        height       : 75%;
        width       : 50%;
    }
}

@media (min-width: 1024px) {

    .c-companyheader .video-container {
        margin-bottom       : 6rem;
    }
}

.c-companyheader .video-container{
    overflow: hidden;
}

.c-companyheader iframe {
    position       : absolute;
    height       : 100%;
    border-radius       : 20px;
    --tw-bg-opacity       : 1;
    background-color       : rgb(0 0 0 / var(--tw-bg-opacity, 1));
    aspect-ratio: 16/9;
}

.c-companyheader .video-image {
    position       : absolute;
    height       : 100%;
    width       : 100%;
    border-radius       : 20px;
    --tw-bg-opacity       : 1;
    background-color       : rgb(0 0 0 / var(--tw-bg-opacity, 1));
    object-fit       : none;
}

.c-companyheader .overlay-content {
    position       : absolute;
    top       : calc(50% - 64px);
    display       : flex;
    height       : 128px;
    width       : 100%;
    align-items       : center;
    justify-content       : center;
    padding-left       : 0.75rem;
    padding-right       : 0.75rem;
}

@media (min-width: 768px) {

    .c-companyheader .overlay-content {
        padding-left       : 0px;
        padding-right       : 0px;
    }
}

.c-companyheader .overlay-content{
    z-index: 1000;
    aspect-ratio: 16/9;
}

.c-companyheader .overlay-content.scroll-sync {
    width       : 100%;
    /* position: fixed;  */
}

.c-companyheader .overlay-content.drop-shadow{
    filter: drop-shadow(0 10px 8px rgba(36, 36, 36, 0.2)) drop-shadow(0 4px 3px rgb(36 120 252 / 0.2));
}

.c-companyheader .about-us-play {
    margin       : 0px;
    width       : 8rem;
    border-width       : 0px;
    background-color       : transparent;
    padding       : 0px;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-title {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left
}

.c-title h1 {
    text-align: left;
    font-family: "Roboto";
    font-weight: 300;
    font-size: 7vmin;
    line-height: 8vmin;
    margin-bottom: 8vmin
}

.c-title.mt-x {
    margin-top: 4rem
}

.c-title.main-colored {
    margin-left: auto;
    margin-right: auto;
    width: 80vw;
    font-size: 8vmin;
    color: #472b9d
}

.c-title.main-colored h1 {
    margin: 0px;
    padding: 0px
}

.c-title.main-colored.pt-x {
    padding-top: 10rem
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-contactbuttons {

    margin-top: 8rem;

    margin-bottom: 8rem;

    display: flex;

    flex-direction: column
}

.c-contactbuttons .button-container {

    margin-top: 2rem;

    display: flex;

    width: 100%;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    gap: 1rem
}

@media (min-width: 768px) {

    .c-contactbuttons .button-container {

        flex-direction: row;

        gap: 1.25rem
    }
}

.c-contactbuttons .c-arrowbuttonlink {

    padding-left: 5rem;

    padding-right: 5rem
}

.c-contactbuttons h2 {

    margin-bottom: 1rem
}

@media (min-width: 768px) {

    .c-contactbuttons h2 {

        margin-bottom: 4rem
    }
}
  

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-officeaddresses{
    margin-top   : 5rem;
}

.c-officeaddresses .content-grid{
    display   : grid;
    grid-template-columns   : repeat(1, minmax(0, 1fr));
    column-gap   : 3rem;
    row-gap   : 0.5rem;
}

@media (min-width: 768px){

    .c-officeaddresses .content-grid{
        grid-template-columns   : repeat(2, minmax(0, 1fr));
    }
}

.c-officeaddresses .info-card{
    display   : flex;
    flex-direction   : column;
    align-items   : flex-start;
    justify-content   : flex-start;
    gap   : 0.25rem;
    border-top-width   : 1px;
    --tw-border-opacity   : 1;
    border-color   : rgb(204 204 204 / var(--tw-border-opacity, 1));
    padding-left   : 0.5rem;
    padding-right   : 0.5rem;
    padding-top   : 1rem;
    padding-bottom   : 1rem;
    /* padding: 20px; */
}

.c-officeaddresses .info-card .country{
    font-weight   : 400;
}

.c-officeaddresses .info-card .office-name{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size   : 1.25rem;
      font-weight   : 300;
      line-height   : 1.5;
    }

@media (min-width: 768px){

    .c-officeaddresses .info-card .office-name{
        font-size   : 1.25rem;
    }
}

@media (min-width: 1024px){

    .c-officeaddresses .info-card .office-name{
        font-size   : 1.3125rem;
    }
}

@media (min-width: 1280px){

    .c-officeaddresses .info-card .office-name{
        font-size   : 1.3125rem;
    }
}

@media (min-width: 1536px){

    .c-officeaddresses .info-card .office-name{
        font-size   : 1.5rem;
    }
}

.c-officeaddresses .info-card .office-name{
      font-family   : "Roboto";
      margin-bottom   : 1rem;
      font-weight   : 300;
    }

.c-officeaddresses .info-card .office-address{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size   : 1.25rem;
      font-weight   : 300;
      line-height   : 1.5;
    }

@media (min-width: 768px){

    .c-officeaddresses .info-card .office-address{
        font-size   : 1.25rem;
    }
}

@media (min-width: 1024px){

    .c-officeaddresses .info-card .office-address{
        font-size   : 1.3125rem;
    }
}

@media (min-width: 1280px){

    .c-officeaddresses .info-card .office-address{
        font-size   : 1.3125rem;
    }
}

@media (min-width: 1536px){

    .c-officeaddresses .info-card .office-address{
        font-size   : 1.5rem;
    }
}

.c-officeaddresses .info-card .office-address{
      font-family   : "Roboto";
      margin-top   : 0px;
      margin-bottom   : 0px;
      padding-right   : 0.25rem;
    }

.c-officeaddresses .info-card .office-phone{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size   : 1.25rem;
      font-weight   : 300;
      line-height   : 1.5;
    }

@media (min-width: 768px){

    .c-officeaddresses .info-card .office-phone{
        font-size   : 1.25rem;
    }
}

@media (min-width: 1024px){

    .c-officeaddresses .info-card .office-phone{
        font-size   : 1.3125rem;
    }
}

@media (min-width: 1280px){

    .c-officeaddresses .info-card .office-phone{
        font-size   : 1.3125rem;
    }
}

@media (min-width: 1536px){

    .c-officeaddresses .info-card .office-phone{
        font-size   : 1.5rem;
    }
}

.c-officeaddresses .info-card .office-phone{
      font-family   : "Roboto";
      margin-top   : 0px;
      margin-bottom   : 0px;
      padding-right   : 0.25rem;
    }

.c-officeaddresses .info-card .office-email{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size   : 1.25rem;
      font-weight   : 300;
      line-height   : 1.5;
    }

@media (min-width: 768px){

    .c-officeaddresses .info-card .office-email{
        font-size   : 1.25rem;
    }
}

@media (min-width: 1024px){

    .c-officeaddresses .info-card .office-email{
        font-size   : 1.3125rem;
    }
}

@media (min-width: 1280px){

    .c-officeaddresses .info-card .office-email{
        font-size   : 1.3125rem;
    }
}

@media (min-width: 1536px){

    .c-officeaddresses .info-card .office-email{
        font-size   : 1.5rem;
    }
}

.c-officeaddresses .info-card .office-email{
      font-family   : "Roboto";
      margin-top   : 0px;
      margin-bottom   : 0px;
    }

.c-officeaddresses .info-card a:hover{
      color: #7828F0;
    }

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-officelocationsmap{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    --tw-bg-opacity: 1;
    background-color: rgb(242 240 247 / var(--tw-bg-opacity, 1));
    padding-top: 5rem;
}

@media (min-width: 768px){

    .c-officelocationsmap{
        min-height: 40rem;
    }
}

@media (min-width: 1024px){

    .c-officelocationsmap{
        height: calc(100vh - 0px);
        max-height: 50rem;
    }
}

.c-officelocationsmap h1{
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.c-officelocationsmap .content{
    flex: 1;
      border-bottom: 1px solid #e5e7eb;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      justify-content: stretch;
      padding-top: 0px;
}

@media (min-width: 768px){

    .c-officelocationsmap .content{
        padding-top: 3rem;
    }
}

.c-officelocationsmap .list{
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
}

@media (min-width: 768px){

    .c-officelocationsmap .list{
        margin-top: 3.5rem;
        flex-direction: row;
    }
}

.c-officelocationsmap .list li{
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1rem;
}

@media (min-width: 1024px){

    .c-officelocationsmap .list li{
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
}

.c-officelocationsmap .list li{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.c-officelocationsmap .list li:hover{
    color: #472b9d;
    border-bottom: 1px solid 472b9d;
}

.c-officelocationsmap .list li.active{
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(71 43 157 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(71 43 157 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px){

    .c-officelocationsmap .list li.active{
        border-bottom-width: 4px;
    }
}

.c-officelocationsmap .office-map{
    position: relative;
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 1024px){

    .c-officelocationsmap .office-map{
        margin-bottom: 0px;
    }
}

.c-officelocationsmap .office-map{
    flex: 1;
}

.c-officelocationsmap .office-map svg{
    height: auto;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px){

    .c-officelocationsmap .office-map svg{
        height: 100%;
        width: auto;
    }
}

@media (min-width: 1024px){

    .c-officelocationsmap .office-map svg{
        position: absolute;
    }
}

.c-officelocationsmap .map-point-select.point-hidden{
    display: none;
}

.c-officelocationsmap .list-item{
    cursor: pointer;
    text-transform: uppercase;
}

@media (min-width: 768px){

    .c-officelocationsmap .list-item{
        text-align: center;
    }
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-webinarlist {
    margin-top: 8rem;
    margin-bottom: 8rem;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {

    .c-webinarlist {
        align-items: flex-start;
        justify-content: center;
    }
}

.c-webinarlist {
    scroll-margin-top: 8rem;
}

.c-webinarlist .c-evcard {
    position: relative;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 768px) {

    .c-webinarlist .c-evcard {
        flex-direction: row;
    }
}

.c-webinarlist .c-evcardlink {
    font-weight: 700;
}

.c-webinarlist .c-evcardcontent {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.c-webinarlist .content-area {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.c-webinarlist .post-image {
    height: 120px;
    width: 120px;
}

@media (min-width: 768px) {

    .c-webinarlist .post-image {
        height: 120px;
        width: 220px;
    }
}

.c-webinarlist .post-details {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.c-webinarlist .post-title {
    margin-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.c-webinarlist .post-subtitle {
    margin-bottom: 0px;
    font-weight: 300;
}

.c-webinarlist .post-description {
    margin-top: 0px;
    margin-bottom: 0px;
}

.c-webinarlist .learn-more {
    display: flex;
    align-items: center;
}

.c-webinarlist .date {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 1.25rem;
    margin-left: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {

    .c-webinarlist .date {
        margin-right: 1.25rem;
    }
}

.c-webinarlist .c-evcontent .day {
    margin-bottom: 0.5rem;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 100%;
}

.c-webinarlist .c-evcontent .month {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 100%;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-eventgrid {
    margin-left: auto;
    margin-right: auto;
    margin-top: 4rem;
    margin-bottom: 4rem;
    scroll-margin-top: 10rem
}

.c-eventgrid .c-evcontent h2 {
    margin-bottom: 4rem
}

.c-eventgrid header {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    border-width: 0px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    --tw-text-opacity: 1;
    color: rgb(71 43 157 / var(--tw-text-opacity, 1))
}

.c-eventgrid .date {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.5rem
}

.c-eventgrid .event-subtitle {
    font-weight: 400
}

.c-eventgrid .event-image {
    width: 100%;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    padding-bottom: 1rem
}

.c-eventgrid .details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  flex: 1
}

.c-eventgrid .event-title {
    padding-bottom: 2.5rem
}

.c-eventgrid .c-evcardlink {
    margin-bottom: 0.5rem;
    font-weight: 700
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-pagelanding {

    margin-bottom: 1rem;

    padding-top: 10rem;

    padding-bottom: 6rem
}


    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-successfulapplications {
}

.c-successfulapplications iframe {
    width: 100%;
    border-radius: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    aspect-ratio: 16/9
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-downloadreportbanner {

    --tw-bg-opacity: 1;

    background-color: rgb(49 24 123 / var(--tw-bg-opacity, 1));

    padding-top: 4rem;

    padding-bottom: 4rem
}

@media (min-width: 768px) {

    .c-downloadreportbanner {

        margin-top: 4rem;

        margin-bottom: 4rem
    }
}

.c-downloadreportbanner .c-collayout {

    column-gap: 2.5rem
}

@media (min-width: 768px) {

    .c-downloadreportbanner .c-collayout {

        align-items: center
    }
}

.c-downloadreportbanner .c-collayout .c-col:first-child {

    width: 100%
}

@media (min-width: 768px) {

    .c-downloadreportbanner .c-collayout .c-col:first-child {

        width: 66%;

        flex: 0.6;

        padding-right: 0.5rem
    }
}

.c-downloadreportbanner .c-collayout .c-col:last-child {

    width: 100%;

    flex-direction: column
}

@media (min-width: 768px) {

    .c-downloadreportbanner .c-collayout .c-col:last-child {

        display: flex;

        width: 33%;

        flex: 0.4;

        align-items: center
    }
}

.c-downloadreportbanner .c-evcontent {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}


    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-platformsuccessstories{
}

.c-platformsuccessstories .c-collayout{

    flex-direction: column;

    column-gap: 2.5rem
}

@media (min-width: 1024px){

    .c-platformsuccessstories .c-collayout{

        flex-direction: row
    }
}

.c-platformsuccessstories .c-collayout .c-col:first-child{

    flex: 0.6
}

@media (min-width: 1536px){

    .c-platformsuccessstories .c-collayout .c-col:first-child{

        flex: 1 1 0%
    }
}

.c-platformsuccessstories .c-collayout .c-col:last-child{

    flex: 0.4
}

@media (min-width: 1536px){

    .c-platformsuccessstories .c-collayout .c-col:last-child{

        flex: 1 1 0%
    }
}

.c-platformsuccessstories .c-evcontent h2{

    margin-bottom: 2.5rem;

    margin-top: 1rem
}

@media (min-width: 1024px){

    .c-platformsuccessstories .c-evcontent h2{

        margin-top: 0px
    }
}

.c-platformsuccessstories .content-right img{

    border-radius: 0.75rem
}

@media (min-width: 768px){

    .c-platformsuccessstories .content-right img{

        margin-top: 1rem;

        max-width: min(640px,100%)
    }
}

@media (min-width: 1280px){

    .c-platformsuccessstories .content-right img{

        max-width: 100%
    }
}
.c-platformanimation {

    --usefulHeight : 100vh;
    --dotBase      : 1vw;
    --baseColor    : #555;
    --animHeight   : calc(var(--dotBase) * 11.7);
    --animWidth    : calc(var(--dotBase) * 78);
    --animPad      : 0px;
    --heightBase   : calc(var(--usefulHeight) - var(--animHeight));
    margin-left : -7vw;
}
@media (min-width: 640px) {
    .c-platformanimation {

        margin-left : -5vw;
    }
}
@media (min-width: 768px) {
    .c-platformanimation {

        margin-left : 0px;
    }
}
.c-platformanimation {
    display: block;
    position: relative;
    width: 100%;
    /* bottom: calc(var(--triZoneBase) + var(--animPad)); */
    /* bottom: calc(var(--heightBase) * 0.28); */
    /* left: calc((100vw - var(--animWidth))/2); */
    height: var(--animHeight);
}

@media (min-width: 768px){
    .c-platformanimation{
        --dotBase: min(1rem, 0.9vw);
    }
}

.c-platformanimation #pillar1{
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(var(--dotBase) * 19.6);
}

.c-platformanimation .dotsPillar1{
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
}

.c-platformanimation #dotsPillar1Row1 {top: calc(var(--dotBase) * -2.55)}

.c-platformanimation #dotsPillar1Row2 {top: calc(var(--dotBase) * -1.7)}

.c-platformanimation #dotsPillar1Row3 {top: calc(var(--dotBase) * -0.85)}

.c-platformanimation #dotsPillar1Row4 {top: 0px;}

.c-platformanimation #dotsPillar1Row5 {top: calc(var(--dotBase) * 0.85)}

.c-platformanimation #dotsPillar1Row6 {top: calc(var(--dotBase) * 1.7)}

.c-platformanimation #dotsPillar1Row7 {top: calc(var(--dotBase) * 2.55)}

.c-platformanimation .dotsPillar1 p {
    display: block;
    position: absolute;
    padding: 0;
    margin: 0;
    background-color: var(--baseColor);
    top: 0px;
    border-radius: var(--dotBase);
    animation-name: particleLeftRight;
    animation-iteration-count: infinite;
    /* animation-timing-function: ease-in-out; */
    animation-timing-function: ease-out;
    transform: translateX(-50%) translateY(-50%) scale(1.0);
    visibility: hidden;  /* see opacity - may be faster */
    will-change: transform;
}

@keyframes particleLeftRight{
    0%   {left: 0%; transform: translateX(-50%) translateY(-50%) scale(0.3); visibility: visible;}
    50%  {transform: translateX(-50%) translateY(-50%) scale(1.0);}
    100% {left: 100%;;}
}

/* ______________________________________________
   ______________________________________________ */

.c-platformanimation #pillar2{
    display: block;
    position: absolute;
    top: 50%;
    left: calc(var(--dotBase) * 32.16);
}

.c-platformanimation .dotsPillar2{
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
}

.c-platformanimation #dotsPillar2Row1 {top: calc(var(--dotBase) * -2.55)}

.c-platformanimation #dotsPillar2Row2 {top: calc(var(--dotBase) * -1.7)}

.c-platformanimation #dotsPillar2Row3 {top: calc(var(--dotBase) * -0.85)}

.c-platformanimation #dotsPillar2Row4 {top: 0px;}

.c-platformanimation #dotsPillar2Row5 {top: calc(var(--dotBase) * 0.85)}

.c-platformanimation #dotsPillar2Row6 {top: calc(var(--dotBase) * 1.7)}

.c-platformanimation #dotsPillar2Row7 {top: calc(var(--dotBase) * 2.55)}

.c-platformanimation .dotsPillar2 p{
    display: block;
    position: absolute;
    padding: 0;
    margin: 0;
    background-color: var(--baseColor);
    top: 0px;
    width: calc(0.6 * var(--dotBase));
    height: calc(0.6 * var(--dotBase));
    border-radius: var(--dotBase);
    animation-name: particleBigSmall;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-duration: 6s;
    transform: translateX(-50%) translateY(-50%) scale(1.0);
    will-change: transform;
}

@keyframes particleBigSmall{
    5%   {transform: translateX(-50%) translateY(-50%) scale(1.0);}
    10%  {transform: translateX(-50%) translateY(-50%) scale(0.0);}
    15%  {transform: translateX(-50%) translateY(-50%) scale(0.0);}
    18%  {transform: translateX(-50%) translateY(-50%) scale(1.3);}
    20%  {transform: translateX(-50%) translateY(-50%) scale(1.0);}
}

/* ______________________________________________
   ______________________________________________ */

.c-platformanimation #pillar3{
    display: block;
    position: absolute;
    top: 50%;
    left: calc(var(--dotBase) * 49.04);
}

.c-platformanimation .pillar3Col{
    display: block;
    position: absolute;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out; /* ease-out */
    will-change: transform;
}

.c-platformanimation .pillar3Col p{
    display: block;
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    background: #472b9d;
    /* background: #000; */
    width: calc(0.6 * var(--dotBase));
    height: calc(0.6 * var(--dotBase));
    border-radius: var(--dotBase);
    transform: translateX(-50%) translateY(-50%);
}

.c-platformanimation .pillar3Col p:nth-child(1) {top: calc(var(--dotBase) * -0.85);}

.c-platformanimation .pillar3Col p:nth-child(2) {top: 0;}

.c-platformanimation .pillar3Col p:nth-child(3) {top: calc(var(--dotBase) * 0.85);}

.c-platformanimation #pillar3Col1 {top: calc(var(--dotBase) * -1.70); left: calc(var(--dotBase) *  1.46); animation-name: colSwitch1; animation-duration: 4s;}

.c-platformanimation #pillar3Col2 {top: calc(var(--dotBase) * -0.85); left: calc(var(--dotBase) *  0.73); animation-name: colSwitch2; animation-duration: 4s;}

.c-platformanimation #pillar3Col3 {top: 0px; left: 0px;}

.c-platformanimation #pillar3Col4 {top: calc(var(--dotBase) *  0.85); left: calc(var(--dotBase) * -0.73); animation-name: colSwitch4; animation-duration: 4s; animation-delay: 1.00s;}

.c-platformanimation #pillar3Col5 {top: calc(var(--dotBase) *  1.70); left: calc(var(--dotBase) * -1.46); animation-name: colSwitch5; animation-duration: 4s; animation-delay: 1.00s;}

@keyframes colSwitch1{5%   {top: calc(var(--dotBase) * -1.70);} 15%  {top: calc(var(--dotBase) * +1.70);} 55%  {top: calc(var(--dotBase) * +1.70);} 65%  {top: calc(var(--dotBase) * -1.70);}}

@keyframes colSwitch2{5%   {top: calc(var(--dotBase) * -0.85);} 15%  {top: calc(var(--dotBase) * +0.85);} 55%  {top: calc(var(--dotBase) * +0.85);} 65%  {top: calc(var(--dotBase) * -0.85);}}

@keyframes colSwitch4{5%   {top: calc(var(--dotBase) *  0.85);} 15%  {top: calc(var(--dotBase) * -0.85);} 55%  {top: calc(var(--dotBase) * -0.85);} 65%  {top: calc(var(--dotBase) *  0.85);}}

@keyframes colSwitch5{5%   {top: calc(var(--dotBase) *  1.70);} 15%  {top: calc(var(--dotBase) * -1.70);} 55%  {top: calc(var(--dotBase) * -1.70);} 65%  {top: calc(var(--dotBase) *  1.70);}}

/* ______________________________________________
   ______________________________________________ */

.c-platformanimation #pillar4{
    display: block;
    position: absolute;
    top: 50%;
    left: calc(var(--dotBase) * 64.67);
}

.c-platformanimation .pillar4Col{
    display: block;
    position: absolute;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    will-change: transform;
}

.c-platformanimation .pillar4Col p{
    display: block;
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    background-color: var(--baseColor);
    width: calc(0.6 * var(--dotBase));
    height: calc(0.6 * var(--dotBase));
    border-radius: var(--dotBase);
    transform: translateX(-50%) translateY(-50%);
    animation-name: particleWave;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    animation-duration: 3s;
}

.c-platformanimation .pillar4Col p:nth-child(1) {top: calc(var(--dotBase) * -2.55); left: calc(var(--dotBase) * -2.19);}

.c-platformanimation .pillar4Col p:nth-child(2) {top: calc(var(--dotBase) * -1.70); left: calc(var(--dotBase) * -1.46);}

.c-platformanimation .pillar4Col p:nth-child(3) {top: calc(var(--dotBase) * -0.85); left: calc(var(--dotBase) * -0.73);}

.c-platformanimation .pillar4Col p:nth-child(4) {top: 0;}

.c-platformanimation .pillar4Col p:nth-child(5) {top: calc(var(--dotBase) *  0.85); left: calc(var(--dotBase) * -0.73);}

.c-platformanimation .pillar4Col p:nth-child(6) {top: calc(var(--dotBase) *  1.70); left: calc(var(--dotBase) * -1.46);}

.c-platformanimation .pillar4Col p:nth-child(7) {top: calc(var(--dotBase) *  2.55); left: calc(var(--dotBase) * -2.19);}

.c-platformanimation #pillar4Col1 {left: 0px;}

.c-platformanimation #pillar4Col2 {left: calc(var(--dotBase) * 0.73);}

.c-platformanimation #pillar4Col3 {left: calc(var(--dotBase) * 1.46);}

.c-platformanimation #pillar4Col1 p{animation-delay: 0.0s;}

.c-platformanimation #pillar4Col2 p{animation-delay: 0.1s;}

.c-platformanimation #pillar4Col3 p{animation-delay: 0.2s;}

@keyframes particleWave{
    5%   {transform: translateX(-50%) translateY(-50%) scale(1.0);}
    14%  {transform: translateX(-50%) translateY(-50%) scale(0.6);}
    22%  {transform: translateX(-50%) translateY(-50%) scale(1.3);}
    27%  {transform: translateX(-50%) translateY(-50%) scale(1.0);}
}

.c-platformanimation #overcast {
    display: block;
    position: absolute;
    --dotBaseX : calc(var(--dotBase) * 0.58);
    /* top: calc(var(--dot) * -2.0);
    left: calc(var(--pillar) * 3.0); */
    left: calc(var(--dotBaseX) * 134.2);
    top: calc(50% - var(--dotBaseX) * 7);
    width: calc(var(--dotBaseX) * 12);
    height: calc(var(--dotBaseX) * 13.6);
    overflow: hidden;
}

.c-platformanimation .p4dot {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(var(--dotBaseX) * 4.2);
    height: calc(var(--dotBaseX) * 4.2);
    background: var(--baseColor);
    border-radius: calc(var(--dotBaseX) * 10);
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;    
    animation-duration: 3s;
}

.c-platformanimation #p4d01 {animation-name: anp4d01;}

.c-platformanimation #p4d02 {animation-name: anp4d02;}

.c-platformanimation #p4d03 {animation-name: anp4d03;}

.c-platformanimation #p4d04 {animation-name: anp4d04;}

.c-platformanimation #p4d05 {animation-name: anp4d05;}

.c-platformanimation #p4d06 {animation-name: anp4d06;}

@keyframes anp4d01{
    0%, 36%   { transform: translateX(calc(var(--dotBaseX) * -2.1 )) translateY(calc(var(--dotBaseX) * 2.0)) }
    40%       { transform: translateX(calc(var(--dotBaseX) * 3.8 ))  translateY(calc(var(--dotBaseX) * 2.0)) }
    44%, 100% { transform: translateX(calc(var(--dotBaseX) * 2.8 ))  translateY(calc(var(--dotBaseX) * 2.0)) }
}

@keyframes anp4d02{
    0%, 36%   { transform: translateX(calc(var(--dotBaseX) * -2.1 )) translateY(calc(var(--dotBaseX) * 7.8)) }
    40%       { transform: translateX(calc(var(--dotBaseX) * 3.8 ))  translateY(calc(var(--dotBaseX) * 7.8)) }
    44%, 100% { transform: translateX(calc(var(--dotBaseX) * 2.8 ))  translateY(calc(var(--dotBaseX) * 7.8)) }
}

@keyframes anp4d05{
    0%, 36%   { transform: translateX(calc(var(--dotBaseX) * -4.2 )) translateY(calc(var(--dotBaseX) * 2.0)) scale(0.4) }
    40%       { transform: translateX(calc(var(--dotBaseX) * -1.1 )) translateY(calc(var(--dotBaseX) * 2.0)) scale(1.0) }
    44%, 100% { transform: translateX(calc(var(--dotBaseX) * -2.1 )) translateY(calc(var(--dotBaseX) * 2.0)) scale(1.0) }
}

@keyframes anp4d06{
    0%, 36%   { transform: translateX(calc(var(--dotBaseX) * -4.2 )) translateY(calc(var(--dotBaseX) * 7.8)) scale(0.4) }
    40%       { transform: translateX(calc(var(--dotBaseX) * -1.1 )) translateY(calc(var(--dotBaseX) * 7.8)) scale(1.0) }
    44%, 100% { transform: translateX(calc(var(--dotBaseX) * -2.1 )) translateY(calc(var(--dotBaseX) * 7.8)) scale(1.0) }
}

@keyframes anp4d03{
    0%, 36%   { opacity: 1.0; transform: translateX(calc(var(--dotBaseX) * 2.8 )) translateY(calc(var(--dotBaseX) * 2.0)) scale(1.0)}
    50%, 100% { opacity: 0.0; transform: translateX(calc(var(--dotBaseX) * 5.8 )) translateY(calc(var(--dotBaseX) * 2.0)) scale(1.6)}
}

@keyframes anp4d04{
    0%, 36%   { opacity: 1.0; transform: translateX(calc(var(--dotBaseX) * 2.8 )) translateY(calc(var(--dotBaseX) * 7.8)) scale(1.0)}
    50%, 100% { opacity: 0.0; transform: translateX(calc(var(--dotBaseX) * 5.8 )) translateY(calc(var(--dotBaseX) * 7.8)) scale(1.6)}
}

/* ______________________________________________
   ______________________________________________ */

.c-platformanimation #pillarY{
    display: block;
    position: absolute;
    top: 50%;
    left: calc(var(--dotBase) * 49.04);
    transform: translateX(calc(-0.3 * var(--dotBase))) translateY(calc(-0.3 * var(--dotBase)));
}

.c-platformanimation .pillarY{
    display: block;
    position: absolute;
    padding: 0;
    margin: 0;
    background-color: var(--baseColor);
    width: calc(0.6 * var(--dotBase));
    height: calc(0.6 * var(--dotBase));
    border-radius: var(--dotBase);
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    animation-duration: 5s;
}

.c-platformanimation #pY01 {top: calc(var(--dotBase) * -2.55); left: calc(var(--dotBase) * -1.46);animation-name: pY01Move;}

.c-platformanimation #pY02 {top: calc(var(--dotBase) * -1.70); left: calc(var(--dotBase) * -1.46);animation-name: pY02Move;}

.c-platformanimation #pY03 {top: calc(var(--dotBase) * -1.70); left: calc(var(--dotBase) * -0.73);animation-name: pY03Move;}

.c-platformanimation #pY04 {top: calc(var(--dotBase) * -0.85); left: calc(var(--dotBase) * -1.46);animation-name: pY04Move;}

.c-platformanimation #pY05 {top: calc(var(--dotBase) * -0.85); left: calc(var(--dotBase) * -0.73);animation-name: pY05Move;}

.c-platformanimation #pY06 {top: calc(var(--dotBase) * -0.85); left: calc(var(--dotBase) *  0.00);animation-name: pY06Move;}

.c-platformanimation #pY07 {top: calc(var(--dotBase) * -0.00); left: calc(var(--dotBase) * -0.73);animation-name: pY07Move;}

.c-platformanimation #pY08 {top: calc(var(--dotBase) * -0.00); left: calc(var(--dotBase) *  0.00);animation-name: pY08Move;}

.c-platformanimation #pY09 {top: calc(var(--dotBase) * -0.00); left: calc(var(--dotBase) *  0.73);animation-name: pY09Move;}

.c-platformanimation #pY10 {top: calc(var(--dotBase) *  0.85); left: calc(var(--dotBase) *  0.00);animation-name: pY10Move;}

.c-platformanimation #pY11 {top: calc(var(--dotBase) *  0.85); left: calc(var(--dotBase) *  0.73);animation-name: pY11Move;}

.c-platformanimation #pY12 {top: calc(var(--dotBase) *  0.85); left: calc(var(--dotBase) *  1.46);animation-name: pY12Move;}

.c-platformanimation #pY13 {top: calc(var(--dotBase) *  1.70); left: calc(var(--dotBase) *  0.73);animation-name: pY13Move;}

.c-platformanimation #pY14 {top: calc(var(--dotBase) *  1.70); left: calc(var(--dotBase) *  1.46);animation-name: pY14Move;}

.c-platformanimation #pY15 {top: calc(var(--dotBase) *  2.55); left: calc(var(--dotBase) *  1.46);animation-name: pY15Move;}

@keyframes pY01Move{ 
    0%       {transform: translateX(0) translateY(0);} 
    5%,50%   {transform: translateX(calc(var(--dotBase) * 2.92)) translateY(0);} 
    55%,100% {transform: translateX(calc(var(--dotBase) * 2.92)) translateY(calc(var(--dotBase) *  3.4));} }

@keyframes pY02Move{ 
    0%       {transform: translateX(0) translateY(0); } 
    5%,50%   {transform: translateX(calc(var(--dotBase) * 2.19)) translateY(0);} 
    55%,100% {transform: translateX(calc(var(--dotBase) * 2.19)) translateY(calc(var(--dotBase) *  1.7))} }

@keyframes pY03Move{ 
    0%       {transform: translateX(0) translateY(0); } 
    5%,50%   {transform: translateX(calc(var(--dotBase) * 2.19)) translateY(0); } 
    55%,100% {transform: translateX(calc(var(--dotBase) * 2.19)) translateY(calc(var(--dotBase) *  3.4)); } }

@keyframes pY04Move{ 
    0%       {transform: translateX(0) translateY(0);} 
    5%,50%   {transform: translateX(calc(var(--dotBase) * 1.46)) translateY(0); } 
    55%,100% {transform: translateX(calc(var(--dotBase) * 1.46)) translateY(0); } }

@keyframes pY05Move{ 
    0%       {transform: translateX(0) translateY(0); } 
    5%,50%   {transform: translateX(calc(var(--dotBase) * 1.46)) translateY(0);} 
    55%,100% {transform: translateX(calc(var(--dotBase) * 1.46)) translateY(calc(var(--dotBase) *  1.7)); } }

@keyframes pY06Move{ 
    0%       {transform: translateX(0) translateY(0); } 
    5%,50%   {transform: translateX(calc(var(--dotBase) * 1.46)) translateY(0); } 
    55%,100% {transform: translateX(calc(var(--dotBase) * 1.46)) translateY(calc(var(--dotBase) *  3.4)); } }

@keyframes pY07Move{ 
    0%       {transform: translateX(0) translateY(0); } 
    5%,50%   {transform: translateX(0) translateY(0); } 
    55%,100% {transform: translateX(0) translateY(calc(var(--dotBase) *  -1.7)); } }

@keyframes pY08Move{ 
    0%       {transform: translateX(0) translateY(0); } 
    5%,50%   {transform: translateX(0) translateY(0); } 
    55%,100% {transform: translateX(0) translateY(0); } }

@keyframes pY09Move{ 
    0%       {transform: translateX(0) translateY(0); } 
    5%,50%   {transform: translateX(0) translateY(0); } 
    55%,100% {transform: translateX(0) translateY(calc(var(--dotBase) * 1.7)); } }

@keyframes pY10Move{ 
    0%       {transform: translateX(0) translateY(0);} 
    5%,50%   {transform: translateX(calc(var(--dotBase) * -1.46)) translateY(0); } 
    55%,100% {transform: translateX(calc(var(--dotBase) * -1.46)) translateY(calc(var(--dotBase) *  -3.4)); } }

@keyframes pY11Move{ 
    0%       {transform: translateX(0) translateY(0);} 
    5%,50%   {transform: translateX(calc(var(--dotBase) * -1.46)) translateY(0); } 
    55%,100% {transform: translateX(calc(var(--dotBase) * -1.46)) translateY(calc(var(--dotBase) * -1.7));} }

@keyframes pY12Move{ 
    0%       {transform: translateX(0) translateY(0); } 
    5%,50%   {transform: translateX(calc(var(--dotBase) * -1.46)) translateY(0); } 
    55%,100% {transform: translateX(calc(var(--dotBase) * -1.46)) translateY(calc(var(--dotBase) * -0.0)); } }

@keyframes pY13Move{ 
    0%       {transform: translateX(0) translateY(0); } 
    5%,50%   {transform: translateX(calc(var(--dotBase) * -2.19)) translateY(0);} 
    55%,100% {transform: translateX(calc(var(--dotBase) * -2.19)) translateY(calc(var(--dotBase) *  -3.4));} }

@keyframes pY14Move{ 
    0%       {transform: translateX(0) translateY(0);} 
    5%,50%   {transform: translateX(calc(var(--dotBase) * -2.19)) translateY(0); } 
    55%,100% {transform: translateX(calc(var(--dotBase) * -2.19)) translateY(calc(var(--dotBase) *  -1.7)); } }

@keyframes pY15Move{ 
    0%       {transform: translateX(0) translateY(0); } 
    5%,50%   {transform: translateX(calc(var(--dotBase) * -2.92)) translateY(0); } 
    55%,100% {transform: translateX(calc(var(--dotBase) * -2.92)) translateY(calc(var(--dotBase) *  -3.4));} }

/* ______________________________________________
   ______________________________________________ */

.c-platformanimation .pillarCircle{
    display: block;
    position: absolute;
    width: calc(var(--dotBase) * 11.1);
    height: calc(var(--dotBase) * 11.1);
    border-radius: calc(var(--dotBase) * 11.1);
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0.9);
    background-color: #f4f4f4;
    color: #fff;
    box-shadow: rgba(255, 255, 255, 1.0) -1.0vmin -1.0vmin 2vmin,  rgba(0, 0, 0, 0.15) 0.4vmin 0.4vmin 4.0vmin;

    animation-name: upDown;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    animation-duration: 8s;
}

.c-platformanimation.darker .pillarCircle{
    background-color: #E7E6EB;
    box-shadow: rgba(200, 200, 200, 0.0) -0.5vmin -0.5vmin 1vmin,  rgba(0, 0, 0, 0.15) 0.4vmin 0.4vmin 4.0vmin;
}

@keyframes upDown{
    0%  {transform:translateX(-50%) translateY(-50%) scaleX(1.0) scaleY(1.0);}
    2%  {transform:translateX(-50%) translateY(-50%) scaleX(0.9) scaleY(0.9);}
    4%  {transform:translateX(-50%) translateY(-50%) scaleX(1.0) scaleY(1.0);}
}

.c-platformanimation #pillarCircle1 {left: calc(var(--dotBase) * 25.9);}

.c-platformanimation #pillarCircle2 {left: calc(var(--dotBase) * 41.34);}

.c-platformanimation #pillarCircle3 {left: calc(var(--dotBase) * 56.78);}

.c-platformanimation #pillarCircle4 {left: calc(var(--dotBase) * 72.24);}

.c-platformanimation #pillarCircle5 {left: calc(var(--dotBase) * 87.7);}

.c-platformanimation .pillarCircleText{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    white-space: nowrap;
    transform: translateX(-50%) translateY(-50%);
    font-family: "PTSansNarrow";
    font-weight: bold;
    font-size: calc(var(--dotBase) * 1.5);
    line-height: calc(var(--dotBase) * 2);
    color: #333;
}

@media (min-width: 768px){
    .c-platformanimation .pillarCircleText{
        font-size: calc(var(--dotBase) * 1.2);
        line-height: calc(var(--dotBase) * 1.4);
    }
}

.c-platformanimation #pillarCircle1 {animation-delay: 0s;}

.c-platformanimation #pillarCircle2 {animation-delay: 2s;}

.c-platformanimation #pillarCircle3 {animation-delay: 4s;}

.c-platformanimation #pillarCircle4 {animation-delay: 6s;}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-homeplatformintro {

    position: relative;

    display: flex;

    width: 100%;

    flex-direction: column
}

@media (min-width: 768px) {

    .c-homeplatformintro {

        margin-bottom: 6rem;

        display: grid
    }
}

@media (min-width: 1024px) {

    .c-homeplatformintro {

        margin-top: 2.5rem
    }
}

@media (min-width: 1280px) {

    .c-homeplatformintro {

        margin-top: 3rem
    }
}

.c-homeplatformintro .c-collayout {

    margin-bottom: 4rem;

    column-gap: 2.5rem
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-visionagent {

    margin-top: 2.5rem;

    margin-bottom: 2.5rem;

    width: 100%
}

@media (min-width: 768px) {

    .c-visionagent {

        margin-top: 8rem
    }

    .c-visionagent .c-collayout {

        column-gap: 2.5rem
    }
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-homelanding {
    display: flex;
    height: 100vh;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    max-height: 50rem;
    min-height: 50rem;
}

@media (min-width: 640px) {

    .c-homelanding {
        max-height: 55rem;
        min-height: 47rem;
    }
}

@media (min-width: 768px) {

    .c-homelanding {
        max-height: 55rem;
        min-height: 50rem;
    }
}

@media (min-width: 1024px) {

    .c-homelanding {
        max-height: 50rem;
        min-height: 45rem;
    }
}

@media (min-width: 1280px) {

    .c-homelanding {
        max-height: 54rem;
        min-height: 50rem;
    }
}

@media (min-width: 1536px) {

    .c-homelanding {
        max-height: 60rem;
        min-height: 50rem;
    }
}

.c-homelanding {
    position: relative;
    background: #fff;
    color: #333;
}

@media (min-width: 768px){
    .c-homelanding {
        background: linear-gradient(to bottom, #fff 0%, #EDE7FE 100%);
    }
}

.c-homelanding .pre-title-3 {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
}

.c-homelanding .banner {
    margin-top: 5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.c-homelanding .banner p {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.c-homelanding .banner p > span {
    margin-right: 0.5rem;
}

.c-homelanding .c-arrowbuttonlink{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.5;
    }

@media (min-width: 768px) {

    .c-homelanding .c-arrowbuttonlink {
        font-size: 1.25rem;
    }
}

@media (min-width: 1024px) {

    .c-homelanding .c-arrowbuttonlink {
        font-size: 1.3125rem;
    }
}

@media (min-width: 1280px) {

    .c-homelanding .c-arrowbuttonlink {
        font-size: 1.3125rem;
    }
}

@media (min-width: 1536px) {

    .c-homelanding .c-arrowbuttonlink {
        font-size: 1.5rem;
    }
}

.c-homelanding .c-arrowbuttonlink{
      font-family   : "Roboto";
      margin-top: 0px;
      margin-bottom: 0px;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      font-weight: 400;
    }

.c-homelanding .title-3 {
    position: relative;
    padding-top: 3rem;
    display: block;
}

.c-homelanding .video-bg {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.c-homelanding .video-bg iframe {
    left: 20%;
}

@media (min-width: 640px) {

    .c-homelanding .video-bg iframe {
        left: 20%;
    }
}

@media (min-width: 768px) {

    .c-homelanding .video-bg iframe {
        left: 50%;
    }
}

.c-homelanding .video-bg iframe {
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 0);
    min-width: 100vw; /* Ensures it covers horizontally */
    min-height: 100vh; /* Ensures it covers vertically */
    width: auto; /* Keeps the aspect ratio intact */
    height: auto; /* Keeps the aspect ratio intact */
  }

@media (min-aspect-ratio: 16/9) {
    .c-homelanding .video-bg iframe {
        width: 100vw;
        height: 56.25vw;
    }
}

@media (max-aspect-ratio: 16/9) {
    .c-homelanding .video-bg iframe {
        height: 100vh;
        width: 177.78vh;
    }
}

.c-homelanding .landingText1, .c-homelanding .landingText2, .c-homelanding .landingText3 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3rem;
}

@media (min-width: 640px) {

    .c-homelanding .landingText1, .c-homelanding .landingText2, .c-homelanding .landingText3 {
        font-size: 3.5rem;
        line-height: 3.9rem;
    }
}

@media (min-width: 1024px) {

    .c-homelanding .landingText1, .c-homelanding .landingText2, .c-homelanding .landingText3 {
        font-size: 3.5rem;
        line-height: 3.9rem;
    }
}

@media (min-width: 1280px) {

    .c-homelanding .landingText1, .c-homelanding .landingText2, .c-homelanding .landingText3 {
        font-size: 5rem;
        line-height: 5.5rem;
    }
}

@media (min-width: 1536px) {

    .c-homelanding .landingText1, .c-homelanding .landingText2, .c-homelanding .landingText3 {
        font-size: 6.5rem;
        line-height: 6.9rem;
    }
}

.c-homelanding .landingText1, .c-homelanding .landingText2, .c-homelanding .landingText3 {
    display: block;
    position: relative;
    white-space: nowrap;
}

.c-homelanding .landingText3{
      color: #7828F0;
    }

.c-homelanding .extraBox {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2rem;
}

@media (min-width: 768px) {

    .c-homelanding .extraBox {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}

@media (min-width: 1024px) {

    .c-homelanding .extraBox {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}

.c-homelanding .extraBox {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px) {

    .c-homelanding .extraBox {
        margin-left: auto;
        margin-right: auto;
        width: 90vw;
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px) {

    .c-homelanding .extraBox {
        width: 86vw;
    }
}

.c-homelanding .extraBox {
    position: relative;
    margin-top: 4rem;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {

    .c-homelanding .extraBox {
        margin-top: min(20vh,14rem);
    }
}

.c-homelanding .extraBox {
    color: #333;
    /* letter-spacing: 0.01em; */
}

.c-homelanding .extraBox span {
    font-family: "Roboto";
    font-weight: normal;
    /* font-family: "RobotoCondensBold";
    color:#472b9d; */
}

.c-homelanding .content-right {
    margin-left: auto;
    margin-right: auto;
    margin-top: -1rem;
    width: 100%;
}

@media (min-width: 640px) {

    .c-homelanding .content-right {
        position: absolute;
        bottom: 3rem;
        margin-top: 0px;
    }
}

@media (min-width: 768px) {

    .c-homelanding .content-right {
        margin-top: 1rem;
    }
}

.c-homelanding .retailEntryMetrix {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px) {

    .c-homelanding .retailEntryMetrix {
        margin-left: auto;
        margin-right: auto;
        width: 90vw;
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px) {

    .c-homelanding .retailEntryMetrix {
        width: 86vw;
    }
}

.c-homelanding .retailEntryMetrix {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.5rem;
}

@media (min-width: 1024px) {

    .c-homelanding .retailEntryMetrix {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2rem;
    }
}

.c-homelanding .retailEntriMetrixClass{
      color: #2478FC;
      border-left-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
      padding-left: 1rem;
      padding-right: 1rem;
    display       : block;
    border-color: gray;
    }

.c-homelanding .rEM1{
      color: #2478FC;
      font-weight: 300;
    display       : inline;
    }

.c-homelanding .rEM2{
      color: #2478FC;
      font-weight: 700;
    display       : inline;
    vertical-align: top;
    }

.c-homelanding .rEM3 {
    margin-top: 0px;
    margin-bottom: 0px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-newsarchive .c-evcardgrid {

    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.c-newsarchive .c-evcard {

    display: flex;

    flex-direction: row;

    align-items: center;

    padding-top: 2rem;

    padding-bottom: 2rem
}

.c-newsarchive .c-evcardcontent {

    margin-bottom: 0px;

    padding-bottom: 0px
}

.c-newsarchive .c-evcardlink {

    margin-bottom: 1rem;

    font-size: 1rem;

    font-weight: 700
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-platformfacts {

    margin-top: 4rem;

    padding-bottom: 4rem
}

@media (min-width: 768px) {

    .c-platformfacts {

        margin-top: 8rem;

        padding-bottom: 8rem
    }
}

.c-platformfacts .ninefactsStory {

    margin-bottom: 2rem;

    margin-top: 4rem
}

.c-platformfacts .ninefactsMatrix {

    display: grid;

    grid-template-columns: repeat(1, minmax(0, 1fr));

    column-gap: 2.5rem;

    row-gap: 2.5rem;

    padding-top: 4rem
}

@media (min-width: 768px) {

    .c-platformfacts .ninefactsMatrix {

        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.c-platformfacts .ninefactsCell {

    border-left-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));

    padding-left: 1rem
}

.c-platformfacts .c-evcontent p {

    font-size: 1.125rem;

    font-weight: 300;

    line-height: 1.5
}

@media (min-width: 1536px) {

    .c-platformfacts .c-evcontent p {

        font-size: 1.25rem
    }
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-intelligencehierarchies{
    width           : 100%;
    --tw-bg-opacity           : 1;
    background-color           : rgb(48 46 45 / var(--tw-bg-opacity, 1));
    display           : block;
    position          : relative;
    scroll-margin-top: 7rem;
    /* background: #; */
}

.c-intelligencehierarchies .right-bg{
    /* width: min(calc(50vw + 50rem), 100vw); */
    margin-left: max(calc(50vw - 50rem), 0px);
    background: linear-gradient(0deg, #D8CDFC 0%, #FAF8FF 100%);
}

.c-intelligencehierarchies .limit{
    display           : flex;
    flex-direction           : column;
}

@media (min-width: 768px){

    .c-intelligencehierarchies .limit{
        flex-direction           : row;
        align-items           : stretch;
        justify-content           : space-between;
    }
}

.c-intelligencehierarchies .limit{
    width: min(100rem, 100%);
    /* margin-left: ; */
}

.c-intelligencehierarchies .background-split{
    position           : relative;
    height           : 24rem;
    width           : 100%;
}

@media (min-width: 768px){

    .c-intelligencehierarchies .background-split{
        height           : auto;
        width           : 30%;
        flex           : 0.4;
    }
}

.c-intelligencehierarchies .dark-background{
    position           : absolute;
    height           : 100%;
    width           : 50%;
    --tw-bg-opacity           : 1;
    background-color           : rgb(48 46 45 / var(--tw-bg-opacity, 1));
}

.c-intelligencehierarchies .image{
    position           : absolute;
    height           : 100%;
    width           : 100%;
    /* transform : translateX(-50%) rotate(90deg); */
    /* left: 50%; */
    background-image    : url('/public/platform/edgegen2.svg'); 
    background-repeat   : no-repeat, no-repeat;
    background-size     : 100% 100%;
    background-position : center center;
}

@media (min-width: 768px){
    .c-intelligencehierarchies .image{
        left: 0;
        transform: none;
    }
}

.c-intelligencehierarchies .c-evcontent{
    padding-top           : 6rem;
    padding-bottom           : 6rem;
    padding-left           : 1rem;
    padding-right           : 1rem;
}

@media (min-width: 768px){

    .c-intelligencehierarchies .c-evcontent{
        flex           : 0.56;
        padding-right           : 0.5rem;
        padding-left           : 1.5rem;
        padding-right           : 5%;
    }
}

@media (min-width: 1024px){

    .c-intelligencehierarchies .c-evcontent{
        flex           : 0.55;
        padding-right           : 7%;
    }
}

@media (min-width: 1280px){

    .c-intelligencehierarchies .c-evcontent{
        flex           : 0.56;
        padding-right           : 4rem;
    }
}

@media (min-width: 1536px){

    .c-intelligencehierarchies .c-evcontent{
        flex           : 0.58;
    }
}

.c-intelligencehierarchies .c-evcontent h2{
    margin-bottom           : 2.5rem;
}


    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-platformconnectors {
    padding-top             : 8rem;
    padding-bottom             : 8rem;
    display             : block;
    box-sizing: content-box;
    /* background          : url(../assets/img/hands.jpg); */
    background-position : right center;
    background-size     : auto 100%;
    background-repeat   : no-repeat
}

.c-platformconnectors .c-collayout {
    row-gap             : 2.5rem
}

@media (min-width: 768px) {

    .c-platformconnectors .c-collayout {
        row-gap             : 0px
    }
}

.c-platformconnectors .c-collayout .c-col:first-child {
    width             : 100%
}

@media (min-width: 768px) {

    .c-platformconnectors .c-collayout .c-col:first-child {
        width             : 40%;
        flex             : none;
        padding-right             : 1.25rem
    }
}

.c-platformconnectors .c-collayout .c-col:last-child {
    width             : 100%
}

@media (min-width: 768px) {

    .c-platformconnectors .c-collayout .c-col:last-child {
        width             : 60%;
        flex             : none;
        padding-left             : 1.25rem
    }
}

.c-platformconnectors .connectText > *:first-child {
    margin-top             : 0px
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-platformcomponents{
    --tw-bg-opacity: 1;
    background-color: rgb(242 240 247 / var(--tw-bg-opacity, 1));
    padding-top: 4rem;
    padding-bottom: 4rem;
    scroll-margin-top: 7rem;
}

.c-platformcomponents h2{
    margin-top: 4rem;
}

.c-platformcomponents .platformComponent{
    margin-bottom: 4rem;
    margin-top: 2.5rem;
}

@media (min-width: 1024px){

    .c-platformcomponents .platformComponent .c-evcontent p{
        width: 70%;
    }
}

.c-platformcomponents .c-evcontent{
    margin-bottom: 2rem;
    font-weight: 300;
}

.c-platformcomponents .c-evcard{
    scroll-margin-top: 8rem;
}

.c-platformcomponents .c-evcard h5{
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.c-platformcomponents .c-evcard h5 span{
    display: inline-block;
    font-weight: 300;
    font-family   : "Roboto";
}


    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-platformblueprint {
    position   : relative;
    display   : flex;
    flex-direction   : column;
    align-items   : flex-start;
    padding-top   : 8rem;
    padding-bottom   : 4rem;
}

@media screen and (max-aspect-ratio: 3/4) {
    .c-platformblueprint{
        /* @apply h-[100vh]; */
    }
}

.c-platformblueprint .bluprint-wrap {
    display   : flex;
    width   : 100%;
    flex-direction   : column;
    align-items   : center;
    padding-top   : 4rem;
}

@media (min-width: 1024px) {

    .c-platformblueprint p {
        width   : 80%;
    }
}

.c-platformblueprint .bluprint span:first-child, .c-platformblueprint .bluprint span:last-child {
    font-family   : "Roboto";
    font-weight: bold;
}

.c-platformblueprint .platArchImg {
    display        : block;
    /* width          : 90vw; */
    /* max-width: 90vw; */
    /* height: 70vh; */
    /* margin-left    : calc((100vmax - 100vmin)*0.2); */
}

@media screen and (max-aspect-ratio: 3/4) {
    .c-platformblueprint .platArchImg {
        /* @apply w-[100vh] max-w-[100vh] absolute top-[50%] left-[50%] mt-10; */
        /* transform: translateY(-50%) translateX(-50%) rotate(270deg); */
    }
}

.c-platformblueprint .diagram-cols {
    display   : flex;
    max-width   : 1124px;
    flex-direction   : column;
    align-items   : center;
    row-gap   : 2rem;
}

@media (min-width: 768px) {

    .c-platformblueprint .diagram-cols {
        flex-direction   : row;
        column-gap   : 1rem;
        row-gap   : 0px;
    }
}

@media (min-width: 1024px) {

    .c-platformblueprint .diagram-cols {
        column-gap   : 2rem;
    }
}

@media (min-width: 1280px) {

    .c-platformblueprint .diagram-cols {
        column-gap   : 2.5rem;
    }
}

.c-platformblueprint .diagram {
    max-width   : 35rem;
}

.c-platformblueprint .diagram p, .c-platformblueprint .diagram-annotations li p{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size   : 1.25rem;
      font-weight   : 300;
      line-height   : 1.5;
    }

@media (min-width: 768px) {

    .c-platformblueprint .diagram p, .c-platformblueprint .diagram-annotations li p {
        font-size   : 1.25rem;
    }
}

@media (min-width: 1024px) {

    .c-platformblueprint .diagram p, .c-platformblueprint .diagram-annotations li p {
        font-size   : 1.3125rem;
    }
}

@media (min-width: 1280px) {

    .c-platformblueprint .diagram p, .c-platformblueprint .diagram-annotations li p {
        font-size   : 1.3125rem;
    }
}

@media (min-width: 1536px) {

    .c-platformblueprint .diagram p, .c-platformblueprint .diagram-annotations li p {
        font-size   : 1.5rem;
    }
}

.c-platformblueprint .diagram p, .c-platformblueprint .diagram-annotations li p{
      font-family   : "Roboto";
    }

.c-platformblueprint .diagram-annotations li {
    display   : flex;
    flex-direction   : column;
    align-items   : center;
    row-gap   : 0.5rem;
    padding-top   : 0.25rem;
    padding-bottom   : 0.25rem;
}

@media (min-width: 768px) {

    .c-platformblueprint .diagram-annotations li {
        padding-top   : 3rem;
        padding-bottom   : 3rem;
    }
}

@media (min-width: 1024px) {

    .c-platformblueprint .diagram-annotations li {
        padding-top   : 5rem;
        padding-bottom   : 5rem;
    }
}

@media (min-width: 1280px) {

    .c-platformblueprint .diagram-annotations li {
        padding-top   : 6rem;
        padding-bottom   : 6rem;
    }
}

.c-platformblueprint .diagram-annotations li img {
    max-width   : 1.25rem;
}

@media (min-width: 640px) {

    .c-platformblueprint .diagram-annotations li img {
        max-width   : 1.5rem;
    }
}

@media (min-width: 768px) {

    .c-platformblueprint .diagram-annotations li img {
        max-width   : 2.25rem;
    }
}

@media (min-width: 1024px) {

    .c-platformblueprint .diagram-annotations li img {
        max-width   : 2.5rem;
    }
}

@media (min-width: 1280px) {

    .c-platformblueprint .diagram-annotations li img {
        max-width   : 3rem;
    }
}

.c-platformblueprint .diagram-annotations li p{
      color: #472b9d;
      text-align   : center;
    }

@media (min-width: 768px) {

    .c-platformblueprint .diagram-annotations li p {
        font-weight   : 700;
    }
}

@media (min-width: 1024px) {

    .c-platformblueprint .diagram-annotations li p {
        padding-top   : 1rem;
    }
}

.c-platformblueprint ul li, .c-platformblueprint .verticals li span, .c-platformblueprint .list-style {
    font-size   : 1rem;
    line-height   : 1rem;
}

@media (min-width: 1024px) {

    .c-platformblueprint ul li, .c-platformblueprint .verticals li span, .c-platformblueprint .list-style {
        font-size   : 1.125rem;
        line-height   : 1.25rem;
    }
}

.c-platformblueprint .verticals {
    display   : flex;
    flex-direction   : row;
    column-gap   : 0.5rem;
    justify-content: space-between;
}

.c-platformblueprint .verticals li {
    height   : 12rem;
    width   : 12vw;
}

@media (min-width: 640px) {

    .c-platformblueprint .verticals li {
        height   : 12rem;
        width   : 4rem;
    }
}

@media (min-width: 768px) {

    .c-platformblueprint .verticals li {
        height   : 12rem;
        width   : 4.3rem;
    }
}

.c-platformblueprint .verticals li span{
    transform: rotate(270deg) translate(-80px); /* Optional: Flip to start from bottom to top */
    text-align: left; /* Center-align the text */
    display: flex;
    white-space: nowrap;
}

.c-platformblueprint .verticals li:nth-child(5) span{
    transform: rotate(270deg) translate(-70px);
}

.c-platformblueprint .bgpurple {
    border-radius   : 0.25rem;
    --tw-bg-opacity   : 1;
    background-color   : rgb(117 53 240 / var(--tw-bg-opacity, 1));
    padding   : 0.5rem;
    --tw-text-opacity   : 1;
    color   : rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.c-platformblueprint .bgpurpledark {
    border-radius   : 0.25rem;
    --tw-bg-opacity   : 1;
    background-color   : rgb(47 29 123 / var(--tw-bg-opacity, 1));
    padding   : 0.5rem;
    --tw-text-opacity   : 1;
    color   : rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.c-platformblueprint .bgdarkpurple {
    border-radius   : 0.25rem;
    --tw-bg-opacity   : 1;
    background-color   : rgb(47 29 123 / var(--tw-bg-opacity, 1));
    padding   : 0.5rem;
    padding-top   : 0.75rem;
    padding-bottom   : 0.75rem;
    --tw-text-opacity   : 1;
    color   : rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.c-platformblueprint .tcenter {
    text-align   : center;
}

.c-platformblueprint .mv {
    margin-top   : 0.5rem;
    margin-bottom   : 0.5rem;
}

.c-platformblueprint .bgpink {
    border-radius   : 0.25rem;
    --tw-bg-opacity   : 1;
    background-color   : rgb(216 200 255 / var(--tw-bg-opacity, 1));
    padding   : 0.5rem;
}

.c-platformblueprint .bgdark {
    border-radius   : 0.25rem;
    --tw-bg-opacity   : 1;
    background-color   : rgb(12 2 46 / var(--tw-bg-opacity, 1));
    padding   : 0.5rem;
    --tw-text-opacity   : 1;
    color   : rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.c-platformblueprint .borderdarkpurple {
    border-radius   : 0.25rem;
    border-width   : 1px;
    --tw-border-opacity   : 1;
    border-color   : rgb(47 29 123 / var(--tw-border-opacity, 1));
    padding   : 0.5rem;
    --tw-text-opacity   : 1;
    color   : rgb(47 29 123 / var(--tw-text-opacity, 1));
    flex: 1;
}

.c-platformblueprint .split {
    display   : flex;
    flex-direction   : column;
    row-gap   : 1rem;
}

@media (min-width: 768px) {

    .c-platformblueprint .split {
        flex-direction   : row;
        column-gap   : 1rem;
        row-gap   : 0px;
    }
}

.c-platformblueprint .split > ul {
    display   : flex;
    flex-direction   : column;
    align-items   : stretch;
    justify-content   : space-between;
}

@media (min-width: 1024px) {

    .c-platformblueprint .split > ul:first-child {
        padding-right   : 1.75rem;
    }
}

.c-platformblueprint .split > ul:first-child{
    flex: 1;
}

@media (min-width: 1024px) {

    .c-platformblueprint .split > ul:last-child {
        padding-left   : 1.75rem;
    }
}

.c-platformblueprint .split > ul:last-child{
    flex: 1;
}

@media (min-width: 1024px) {

    .c-platformblueprint .arrow-left {
        background-image   : url(/public/platform/arrow-right.svg);
    }
}

.c-platformblueprint .arrow-left{
    background-repeat: no-repeat;
    background-position: top left 4px;
}

@media (min-width: 1024px) {

    .c-platformblueprint .arrow-right {
        background-image   : url(/public/platform/arrow-left.svg);
    }
}

.c-platformblueprint .arrow-right{
    background-repeat: no-repeat;
    background-position: top right 4px;
}

.c-platformblueprint .arrow-left, .c-platformblueprint .arrow-right {
    padding-top   : 0.5rem;
}

.c-platformblueprint .list-style {
    list-style-type   : disc;
    padding-left   : 1rem;
}

.c-platformblueprint .tbold {
    font-weight   : 700;
    --tw-text-opacity   : 1;
    color   : rgb(47 29 123 / var(--tw-text-opacity, 1));
}

.c-platformblueprint .bgbluetopink {
    display   : flex;
    flex-direction   : column;
    align-items   : center;
    justify-content   : center;
    border-radius   : 0.25rem;
    --tw-text-opacity   : 1;
    color   : rgb(255 255 255 / var(--tw-text-opacity, 1));
    background: linear-gradient(to bottom right, #2D7DFB, #F141F0);
}

.c-platformblueprint .bgbluetopink > ul {
    display   : flex;
    flex-direction   : row;
    align-items   : center;
    column-gap   : 1rem;
}

.c-platformblueprint .fl-1 {
    flex   : 1 1 0%;
}

.c-platformblueprint .stretch {
    display   : flex;
    flex-direction   : column;
    align-items   : stretch;
    justify-content   : space-between;
}

.c-platformblueprint .pad {
    padding   : 1rem;
}

.c-platformblueprint .pad-y-small {
    padding-top   : 0.5rem;
    padding-bottom   : 0.5rem;
}

.c-platformblueprint .diagram p {
    width   : 100%;
}

.c-platformblueprint .verticals li{
}

.c-platformblueprint .bgbluetopink p {
    --tw-text-opacity   : 1;
    color   : rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.c-platformblueprint .small li {
    font-size   : 1rem;
}

.c-platformblueprint .diagram p.small {
    font-size   : 0.8rem;
    font-weight   : 300;
    line-height   : 1.1rem;
}

@media (min-width: 768px) {

    .c-platformblueprint .diagram p.small {
        font-size   : 0.9rem;
        line-height   : 1.2rem;
    }
}

.c-platformblueprint .diagram p.small{
      font-family   : "Roboto";
    }

.c-platformblueprint .bgbluetopink img {
    max-width   : 2rem;
}

.c-platformblueprint .diagram p.image {
    height   : 2.5rem;
    width   : 100%;
    padding   : 0.5rem;
}

.c-platformblueprint .diagram p.imagex2 {
    display   : flex;
    flex-direction   : row;
    column-gap   : 0.25rem;
}

.c-platformblueprint .diagram p.imagex2 img {
    display   : block;
}

.c-platformblueprint .twhite {
    --tw-text-opacity   : 1;
    color   : rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.c-platformblueprint .fcenter {
    display   : flex;
    flex-direction   : column;
    align-items   : center;
}

.c-platformblueprint .bgevs{
    background-image: url(/public/platform/platform-diagram-e.svg);
    background-repeat: no-repeat;
    background-size: 70%;;
    background-position: bottom 10px center;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-platformintro{
    position: relative;
    margin-bottom: 1.25rem;
    display: flex;
    min-height: 45rem;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    gap: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(242 240 247 / var(--tw-bg-opacity, 1));
    padding-top: 5rem;
}

@media (min-width: 640px){

    .c-platformintro{
        max-height: 50rem;
    }
}

@media (min-width: 768px){

    .c-platformintro{
        height: calc(100vh - 80px);
    }
}

.c-platformintro{
    background-size: 100%;
    background-position: right top;
}

@media (min-width: 768px){

    .c-platformintro{
        background-image: url(/public/platform/platform-wave.png);
    }
}

@media (min-width: 1536px){

    .c-platformintro{
        background-size: 80%;
        background-position: right top;
    }
}

.c-platformintro{
    background-repeat: no-repeat;
}

@media screen and (min-width: 2160px) {
    .c-platformintro{
        background-size: auto 90%;
    }
}

/* @media screen and (min-width: 2500px) {
    &PlatformIntro{
        @apply bg-[length:60%];
    }
} */

.c-platformintro .introRebootRight{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.5;
    }

@media (min-width: 768px){

    .c-platformintro .introRebootRight{
        font-size: 1.25rem;
    }
}

@media (min-width: 1024px){

    .c-platformintro .introRebootRight{
        font-size: 1.3125rem;
    }
}

@media (min-width: 1280px){

    .c-platformintro .introRebootRight{
        font-size: 1.3125rem;
    }
}

@media (min-width: 1536px){

    .c-platformintro .introRebootRight{
        font-size: 1.5rem;
    }
}

.c-platformintro .introRebootRight{
      font-family   : "Roboto";
      width: 100%;
      padding-left: 1rem;
      padding-right: 1rem;
    }

@media (min-width: 768px){

    .c-platformintro .introRebootRight{
        margin-left: auto;
        margin-right: auto;
        width: 90vw;
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px){

    .c-platformintro .introRebootRight{
        width: 86vw;
    }
}

.c-platformintro .introRebootRight{
    font-weight: 300;
    line-height: 130%;
    flex: 1;
}

.c-platformintro .introRebootRight .introRebootRightTitle{
      font-family: "Roboto";
      margin-bottom: 1.25rem;
      font-size: 3.5rem;
      font-weight: 400;
      line-height: 3.9rem;
    }

@media (min-width: 768px){

    .c-platformintro .introRebootRight .introRebootRightTitle{
        font-size: 3.5rem;
        line-height: 3.9rem;
    }
}

@media (min-width: 1024px){

    .c-platformintro .introRebootRight .introRebootRightTitle{
        font-size: 5rem;
        line-height: 5.5rem;
    }
}

@media (min-width: 1536px){

    .c-platformintro .introRebootRight .introRebootRightTitle{
        font-size: 6.5rem;
        line-height: 6.9rem;
    }
}

.c-platformintro .introRebootRight .introRebootRightTitle{
    margin-bottom: 0.5rem;
    padding-bottom: 0px;
    padding-top: 4rem;
}

@media (min-width: 768px){

    .c-platformintro .introRebootRight .introRebootRightTitle{
        padding-top: 4rem;
    }
}

.c-platformintro .introRebootRight .introRebootRightTitle .subtitle{
      color: #7828F0;
    }

.c-platformintro .introRebootRight .introRebootRightSubText{
      /* @apply font-[300] 
          text-[1.25rem] leading-[1.9rem] 
          md:text-[1.3rem] md:leading-[1.9rem] 
          lg:text-[1.35rem] lg:leading-[2rem]; */
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.5;
    }

@media (min-width: 768px){

    .c-platformintro .introRebootRight .introRebootRightSubText{
        font-size: 1.25rem;
    }
}

@media (min-width: 1024px){

    .c-platformintro .introRebootRight .introRebootRightSubText{
        font-size: 1.3125rem;
    }
}

@media (min-width: 1280px){

    .c-platformintro .introRebootRight .introRebootRightSubText{
        font-size: 1.3125rem;
    }
}

@media (min-width: 1536px){

    .c-platformintro .introRebootRight .introRebootRightSubText{
        font-size: 1.5rem;
    }
}

.c-platformintro .introRebootRight .introRebootRightSubText{
      font-family   : "Roboto";
      padding-top: 1.5rem;
    }

@media (min-width: 768px){

    .c-platformintro .introRebootRight .introRebootRightSubText{
        max-width: 80vw;
        padding-top: 1rem;
    }
}

@media (min-width: 1024px){

    .c-platformintro .introRebootRight .introRebootRightSubText{
        max-width: 60vw;
    }
}

@media (min-width: 1536px){

    .c-platformintro .introRebootRight .introRebootRightSubText{
        max-width: 40vw;
    }
}

.c-platformintro .bottom-three{
    margin-top: 4rem;
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media (min-width: 768px){

    .c-platformintro .bottom-three{
        margin-top: 0px;
    }
}

@media (min-width: 1024px){

    .c-platformintro .bottom-three{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.c-platformintro .bottom-three{
    background: #EEEAF3;
}

.c-platformintro .bottom-three-align{
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 768px){

    .c-platformintro .bottom-three-align{
        margin-left: auto;
        margin-right: auto;
        width: 90vw;
        max-width: 90rem;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1024px){

    .c-platformintro .bottom-three-align{
        width: 86vw;
    }
}

.c-platformintro .bottom-three-align{
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}

@media (min-width: 768px){

    .c-platformintro .bottom-three-align{
        flex-direction: row;
        column-gap: 2.5rem;
        row-gap: 0px;
    }
}

.c-platformintro .bottom-item{
    border-left-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    padding-left: 1rem;
    flex: 1;
}

.c-platformintro .bottom-item h2{
      color: #2478FC;
      font-family: "Roboto";
      font-size: 1.5rem;
      font-weight: 300;
      line-height: 110%;
    }

@media (min-width: 1024px){

    .c-platformintro .bottom-item h2{
        font-size: 2rem;
    }
}

@media (min-width: 1280px){

    .c-platformintro .bottom-item h2{
        font-size: 2.5rem;
    }
}

@media (min-width: 1536px){

    .c-platformintro .bottom-item h2{
        font-size: 3rem;
    }
}

.c-platformintro .bottom-item h2{
    padding-bottom: 0.5rem;
    font-weight: 500;
}

.c-platformintro .bottom-item p{
    font-size: 1.1rem;
    font-weight: 100;
    line-height: 1.4rem;
}

@media (min-width: 768px){

    .c-platformintro .bottom-item p{
        font-size: 1.15rem;
        line-height: 1.5rem;
    }
}

@media (min-width: 1024px){

    .c-platformintro .bottom-item p{
        font-size: 1.15rem;
        line-height: 1.5rem;
    }
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-securitymanifesto{
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.c-securitymanifesto h2{
  margin-bottom: 1.5rem;
}

.c-securitymanifesto .description{
  margin-top: 0.5rem;
}

.c-securitymanifesto .content{
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
}

@media (min-width: 768px){

  .c-securitymanifesto .content{
    flex-direction: row;
    align-items: center;
  }
}

.c-securitymanifesto .image-grid{
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px){

  .c-securitymanifesto .image-grid{
    width: 50%;
  }
}

.c-securitymanifesto .image{
  display: none;
  justify-content: center;
}

@media (min-width: 768px){

  .c-securitymanifesto .image{
    display: flex;
    width: 50%;
  }
}

.c-securitymanifesto .item-container{
  position: relative;
  display: flex;
  cursor: pointer;
  flex-direction: column;
  border-left-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(242 240 246 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2.5rem;
  transition: border 0.5s;
  box-sizing: border-box;
}

.c-securitymanifesto .item-container::after{
  content: '';
  position: absolute;
  left: -3px;
  top: 0;
  display: block;
  height: 100%;
  width: 3px;
  opacity: 0;
  background: linear-gradient(180deg, #7828f0, #2478fc);
  transition: opacity 0.5s;
}

.c-securitymanifesto .item-container:hover h5{
      color: #7828F0;
    }

.c-securitymanifesto .active.item-container:hover h5{
      color: #472b9d;
    }

.c-securitymanifesto .active.item-container::after{
  opacity: 1;
}

.c-securitymanifesto .section-title{
  padding-bottom: 1.25rem;
  font-weight: 300;
}

.c-securitymanifesto .active .section-title{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(71 43 157 / var(--tw-text-opacity, 1));
}

.c-securitymanifesto .section-description{
  margin-top: 0.5rem;
  max-height: 0px;
  overflow-y: hidden;
  transition: max-height 0.4s;
}

.c-securitymanifesto .active .section-description{
  max-height: 8rem;
}

.c-securitymanifesto img{
  width: 66.666667%;
  border-color: transparent;
}

.c-securitymanifesto .image-grid-section{
  display: flex;
  width: 100%;
  flex-direction: column;
}

.c-securitymanifesto .image-grid .item-container .item-description h5{
  padding: 0px;
  padding-top: 0.5rem;
}

.c-securitymanifesto .image-grid .item-container.active .item-description h5{
  font-weight: 700;
}

.c-securitymanifesto .navigation-section{
  margin-top: 2.5rem;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-principles{
      margin-top: 2rem;
      margin-bottom: 2rem;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
}

@media (min-width: 1024px){

      .c-principles{
            margin-top: 4rem;
            margin-bottom: 4rem;
      }
}

.c-principles .content-container{
      display: flex;
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      align-items: flex-start;
      justify-content: flex-start;
      gap: 2rem;
      padding-top: 2.5rem;
}

@media (min-width: 768px){

      .c-principles .content-container{
            grid-template-columns: repeat(2, minmax(0, 1fr));
      }
}

.c-principles .item{
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      border-top-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
}

.c-principles .item:last-child{
      border-bottom-width: 1px;
}

.c-principles .number-display{
      color: #2478FC;
      margin-top: 0px;
      margin-bottom: 0px;
      padding-right: 2rem;
    }

.c-principles .text-container{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
}

@media (min-width: 768px){

      .c-principles .text-container{
            padding-left: 0.25rem;
            padding-right: 0.25rem;
            padding-bottom: 1rem;
      }
}

.c-principles .item-title{
      font-weight: 300;
}

    /* Color */

    /* Text */

    /* Border */

    /* Layout */

.c-trustlanding {

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    padding-top: 2rem;

    padding-bottom: 2rem
}

@media (min-width: 1024px) {

    .c-trustlanding {

        padding-top: 4rem;

        padding-bottom: 4rem
    }
}

.c-trustlanding h1 {

    margin-bottom: 1.25rem;

    margin-top: 4rem
}

.c-trustlanding .description {

    margin-top: 4rem;

    border-top-width: 1px;

    border-bottom-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));

    padding-top: 2rem;

    padding-bottom: 2rem
}

@media (min-width: 1024px) {

    .c-trustlanding .description {

        margin-top: 8rem
    }
}