:root {
    --blur-lg: 8px;
  }

  .body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background: linear-gradient(135deg, rgba(34, 0, 51, 1) 0%, rgba(60, 0, 90, 1) 30%, rgba(0, 0, 0, 1) 100%);
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    /* overflow: hidden; */
  }

  .pyramid {
    position: fixed;
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 200px solid #ffcc00;
    filter: blur(var(--blur-lg));
    opacity: 0.2;
    z-index: -1;
  }

  .pyramid.left {
    top: 40%;
    left: 10%;
  }
  
  .pyramid.left-top {
    top: 20%;
    left: 15%;
    border-bottom: 200px solid #1836bb;
  }
  
  .pyramid.right {
    top: 40%;
    right: 10%;
  }
  
  .pyramid.right-top {
    top: 20%;
    right: 15%;
    border-bottom: 200px solid #1836bb;
  }

/* story paragraph  */

  .html-embed-15,
  .html-embed-16,
  .html-embed-17,
  .html-embed-18,
  .html-embed-19,
  .html-embed-20 {
    z-index: 1 !important;
    position: relative !important;
  }
  .section.is--timeline {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }
  .container {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }
  .story__overlay-fade.is--bottom {
    background-image: linear-gradient(
      to top,
      #000012,
      rgba(0, 0, 18, 0)
    );
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }
  .story__overlay-fade {
    background-image: linear-gradient(
      to bottom,
      #000012,
      rgba(0, 0, 18, 0) 99%
    );
    height: 5rem;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }
  .c-story {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }
  .c-story__progress {
    z-index: -3;
    background-color: rgba(255, 255, 255, 0.1);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 0.35rem;
    height: 100%;
    display: flex;
    position: absolute;
  }
  .c-story__progress-line {
    background-image: linear-gradient(#976cf2, #5a36ec);
    border-radius: 100rem;
    width: 0.35rem;
    height: 50vh;
    position: fixed;
    top: 0;
  }
  .story__collection {
    width: 100%;
  }
  .story-first__up {
    background-color: #000012;
    flex-direction: column;
    align-items: center;
    display: flex;
  }
  .story-card__c-img {
    background-image: linear-gradient(#000bff, #ad00ff);
    border-radius: 1.09375rem;
    padding: 1px;
  }
  .story-card__inner {
    background-color: var(--dark-blue);
    border-radius: 1.03125rem;
    padding: 0.375rem;
  }
  img {
    max-width: 100%;
    display: inline-block;
  }
  .story-card__img {
    object-fit: cover;
    border-radius: 0.725rem;
    width: 25.75rem;
    height: 17.9375rem;
    background-color: #fff;
  }
  .story-first__c-text {
    flex-direction: column;
    align-items: center;
    max-width: 50rem;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    display: flex;
  }
  .story__date {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#fc5bff, #bc2dff);
    -webkit-background-clip: text;
    background-clip: text;
    margin-bottom: 0;
    font-size: 1.375rem;
    font-weight: 500;
  }
  .story__title.is--first-last {
    text-align: center;
    max-width: 39.625rem;
    font-size: 2.25rem;
    margin-top: 45px;
  }
  .story__title {
    color: #fff;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    font-size: 1.375rem;
  }
  .story-first__down {
    flex-direction: column;
    align-items: center;
    margin-bottom: 11.1875rem;
    display: flex;
  }
  .story__dot {
    background-image: linear-gradient(to bottom, #fc5bff, #bc2dff);
    box-shadow: 0 0 1rem 1rem #000012;
    border-radius: 100rem;
    justify-content: center;
    align-items: center;
    width: 1rem;
    min-width: 1rem;
    max-width: 1rem;
    height: 1rem;
    min-height: 1rem;
    max-height: 1rem;
    display: flex;
    position: relative;
    overflow: hidden;
  }
  .w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  .story__grid {
    grid-column-gap: 0rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 6rem 1fr;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .story__left {
    justify-content: flex-end;
    display: flex;
  }
  .story-card {
    display: flex;
    position: relative;
  }
  .story-card__c-img {
    background-image: linear-gradient(#000bff, #ad00ff);
    border-radius: 1.09375rem;
    padding: 1px;
  }
  .story-card__inner {
    background-color: #000012;
    border-radius: 1.03125rem;
    padding: 0.375rem;
  }
  .w-dyn-hide,
  .w-dyn-bind-empty,
  .w-condition-invisible {
    display: none !important;
  }
  .story-card__inc5000-sticker {
    width: 9.375rem;
    height: 9.375rem;
    position: absolute;
    top: -2.1875rem;
    bottom: auto;
    left: -2.8875rem;
    right: auto;
    transform: rotate(-35deg);
  }
  .story__center {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .story-dot__color.is--gradient {
    z-index: 1;
    background-image: linear-gradient(#fc5bff, #bc2dff);
  }

  .story-dot__color {
    border-radius: 100rem;
    width: 1rem;
    min-width: 1rem;
    max-width: 1rem;
    height: 1rem;
    min-height: 1rem;
    max-height: 1rem;
    position: absolute;
  }
  .story-dot__color.is--grey {
    background-color: #767f97;
  }
  .story__right {
    display: flex;
  }

  .story-grid__c-text {
    color: #d4dce5;
    flex-direction: column;
    justify-content: center;
    max-width: 30rem;
    display: flex;
  }
  .story__date {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#fc5bff, #bc2dff);
    -webkit-background-clip: text;
    background-clip: text;
    margin-bottom: 0;
    font-size: 1.375rem;
    font-weight: 500;
  }
  .story__title {
    color: #fff;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    font-size: 1.375rem;
  }
  .story__paragraph {
    color: #a7b7df;
    font-size: 1rem;
    line-height: 1.5;
  }

  @media screen and (max-width: 991px) {
    .container {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
    .c-story__progress {
      left: 0.07rem;
    }
    .story__c-first {
      flex-direction: row;
      align-items: stretch;
      padding-bottom: 5rem;
      display: flex;
    }
    .story-first__up {
      padding-left: 1.5rem;
    }
    .story-card__img {
      width: 100rem;
    }
    .story-first__c-text {
      align-items: flex-start;
      margin-top: 2rem;
      margin-bottom: 0;
    }
    .story__date {
      text-align: left;
      font-size: 26px;
    }
    .story__title.is--first-last {
      text-align: left;
      font-size: 1.375rem;
    }
    .story-first__down {
      order: -1;
      justify-content: flex-start;
      align-items: flex-start;
      margin-bottom: 0;
    }
    .story__dot {
      width: 0.5rem;
      min-width: 0.5rem;
      max-width: 0.5rem;
      height: 0.5rem;
      min-height: 0.5rem;
      max-height: 0.5rem;
    }
    .story__grid {
      grid-template-columns: 1.5rem 1fr;
    }
    .story__left {
      flex-direction: column;
    }
    #w-node-_7bc2019d-db85-8525-9d61-467225166275-1a698aa1 {
      order: -9999;
    }
    .story__dot {
      width: 0.5rem;
      min-width: 0.5rem;
      max-width: 0.5rem;
      height: 0.5rem;
      min-height: 0.5rem;
      max-height: 0.5rem;
    }
    #w-node-_7bc2019d-db85-8525-9d61-467225166277-1a698aa1 {
      grid-area: span 1 / span 2 / span 1 / span 2;
    }
    .story__right {
      padding-left: 1.85rem;
    }
    .story__date {
      text-align: left;
      font-size: 1.675rem;
    }
    .story__paragraph {
      font-size: 1.25rem;
    }
    .story__center {
      justify-content: flex-start;
    }
  }

  
  .section-7 {
    background-image: linear-gradient(
      180deg,
      #000000,
      #07071c,
      #3b021c
    );
  }
  .footer__gradient-line {
    background-image: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0)
    );
    height: 1px;
  }
  .section-7 .columns-38.w-row:before,
  .section-7 .columns-38.w-row:after {
    display: none;
  }

 /* Product section  */
  .product__c-icon-2 {
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    display: flex;
    position: relative;
  }
  .product__c-icon-2.is--big.is--linkedin-2 {
    margin-bottom: 2rem;
  }
  .product-icon__blur-2 {
    opacity: 0.3;
    position: absolute;
    border-radius: 100rem;
  }
  .product-icon__blur-2.is--big {
    background-image: radial-gradient(
      circle closest-side,
      #c15bff,
      rgba(100, 45, 255, 0)
    );
    width: 30rem;
    height: 30rem;
  }
  .product__icon-2.is--icon {
    z-index: 1;
    width: 4rem;
    height: 4rem;
    position: absolute;
  }
  .product__icon-2.is--icon.is--big {
    width: 13.9375rem;
    height: 13.9375rem;
  }
  .product__icon-2 {
    position: relative;
  }
  .product__icon-2.is--bg.is--big {
    object-fit: contain;
    width: 37.9375rem;
    height: 30.5625rem;
  }

  .section-2.is--linkedin-2 {
    z-index: 1;
    padding-top: 4rem;
    position: relative;
  }
  .section-2.is--before-footer-2 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .title-container-2.is--align-center,
  .title-container-2.is--legal {
    align-items: center;
  }
  .title-container-2 {
    flex-direction: column;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  .section-2.is--linkedin-2 .container-2 {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }

  .product__line-loop-2 {
    width: 21.0625rem;
    min-width: 21.0625rem;
    height: 21.0625rem;
    min-height: 21.0625rem;
    position: absolute;
  }

  @media (max-width: 768px) {
    .heading-106 {
      font-size: 30px !important;
      line-height: 36px !important;
    }
    h1.heading-106 > .italic-text-3 {
      font-size: 30px !important;
      line-height: 8px !important;
    }
    .paragraph-14,
    .paragraph-13 {
      font-size: 18px !important;
    }
    .section-9 {
      padding-top: 25% !important;
      padding-bottom: 0px !important;
    }
    .section-10 {
      padding-bottom: 1% !important;
    }
    .heading-61 {
      font-size: 22px !important;
      line-height: 35px !important;
    }
    .heading-61 {
      margin-bottom: 5% !important;
    }
    .heading-62 {
      font-size: 30px !important;
      line-height: 32px !important;
    }
    section.section-12 > a {
      font-size: 22px !important;
      width: 80% !important;
      line-height: 36px !important;
    }
    .heading-105 {
      font-size: 30px !important;
    }
    #bullet-title > div {
      display: flex !important;
      justify-content: space-around !important;
      align-items: center !important;
      gap: 8px !important;
    }
  }

  /* About Us tags  */
  .about-us-tags__container {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 3.75rem;
    display: flex;
  }
  .about-us__tag {
    background-image: linear-gradient(#5b4eb4, #2e2fb7);
    border-radius: 100rem;
    margin: 0.625rem;
    padding: 0.125rem;
    box-shadow: 0 7px 6.25rem rgba(35, 0, 248, 0.7);
  }
  .about-us__tag-inner {
    background-image: linear-gradient(126deg, #4a3bac, #2e2fb7);
    border-radius: 100rem;
    padding: 0.625rem 1.25rem;
  }
  .about-us__tag-text {
    color: #fff;
    text-align: center;
    font-weight: 500;
  }

  .about-us__tag {
    opacity: 0;
    animation: fadeIn 1s forwards;
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }