/* [project]/src/components/shared/heading/Heading.scss.css [app-client] (css) */
.heading h1, .heading h2 {
  letter-spacing: -.1rem;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.2;
}

@media (width <= 1400px) {
  .heading h1, .heading h2 {
    font-size: 3rem;
  }
}

@media (width <= 1200px) {
  .heading h1, .heading h2 {
    font-size: 2.625rem;
  }
}

@media (width <= 992px) {
  .heading h1, .heading h2 {
    font-size: 2.5rem;
  }
}

@media (width <= 768px) {
  .heading h1, .heading h2 {
    font-size: 2.1875rem;
  }
}

.heading h1 span, .heading h2 span {
  -webkit-text-fill-color: #0000;
  background-image: linear-gradient(90.22deg, #fff9e0 .19%, #f6eb0f 101.84%);
  background-size: 200%;
  background-clip: text;
  font-weight: 700;
  transition: all .4s ease-in-out;
  animation: 2s linear infinite gradient-move;
}

@keyframes gradient-move {
  0% {
    background-position: 0;
  }

  50% {
    background-position: 100%;
  }

  100% {
    background-position: 0;
  }
}


/* [project]/src/components/home/analogy-explained/analogy-card/AnalogyCard.scss.css [app-client] (css) */
.analogy__card {
  backdrop-filter: blur(100px);
  background: url("../media/card-bg.123eff8d.png") 0 0 no-repeat;
}

.analogy__card .title {
  -webkit-text-fill-color: #0000;
  background-image: linear-gradient(90.22deg, #fff9e0 .19%, #f6eb0f 101.84%);
  background-size: 100%;
  background-clip: text;
}


/* [project]/src/components/home/choose-path/path-card/PathCard.scss.css [app-client] (css) */
.path__card {
  backdrop-filter: blur(100px);
  background: url("../media/card-bg.123eff8d.png") 0 0 no-repeat;
}

.path__card .title {
  -webkit-text-fill-color: #0000;
  background-image: linear-gradient(90.22deg, #fff9e0 .19%, #f6eb0f 101.84%);
  background-size: 100%;
  background-clip: text;
}


/* [project]/src/components/home/how-works/how-card/HowCard.scss.css [app-client] (css) */
.how__card {
  backdrop-filter: blur(100px);
  background: url("../media/card-bg.123eff8d.png") 0 0 no-repeat;
}

.how__card .title {
  -webkit-text-fill-color: #0000;
  background-image: linear-gradient(90.22deg, #fff9e0 .19%, #f6eb0f 101.84%);
  background-size: 100%;
  background-clip: text;
}

.how__card .number {
  color: #060a0d;
  -webkit-text-stroke-color: #0000;
  -webkit-text-stroke: .1875rem #0000;
  background-image: linear-gradient(90.22deg, #fff9e0 .19%, #f6eb0f 101.84%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  transition: all .4s ease-in-out;
  animation: 2s linear infinite gradient-move;
}

@keyframes gradient-move {
  0% {
    background-position: 0;
  }

  50% {
    background-position: 100%;
  }

  100% {
    background-position: 0;
  }
}


/* [project]/src/components/home/more-product/MoreProduct.scss.css [app-client] (css) */
.more__product .content:after {
  content: "";
  opacity: .8;
  background: radial-gradient(#000);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


/* [project]/src/components/home/more-product/product-card/ProductCard.scss.css [app-client] (css) */
.product__card {
  backdrop-filter: blur(100px);
  background: url("../media/card-bg.123eff8d.png") 0 0 no-repeat;
}

.product__card .title {
  -webkit-text-fill-color: #0000;
  background-image: linear-gradient(90.22deg, #fff9e0 .19%, #f6eb0f 101.84%);
  background-size: 100%;
  background-clip: text;
}


/* [project]/src/components/shared/logos-scrolling/LogoScrolling.scss.css [app-client] (css) */
.logos__scrolling {
  direction: ltr;
  background-image: linear-gradient(90.22deg, #fff9e0 .19%, #f6eb0f 101.84%);
  width: 110%;
  padding: 1.875rem 0;
  transform: translateX(-.3125rem)rotate(5deg);
}

.logos__scrolling .box {
  user-select: none;
  align-items: center;
  gap: 1.875rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logos__scrolling .box .content {
  flex-shrink: 0;
  gap: 1.875rem;
  min-width: 100%;
  animation: 50s linear infinite scroll;
  display: flex;
}

.logos__scrolling .box .content img {
  width: 100%;
  max-width: 176px;
  height: 2.5rem;
}

.logos__scrolling.logos__scrolling--reverse {
  transform: translateX(-.625rem)rotate(5deg)scale(-1, 1);
}

.logos__scrolling.logos__scrolling--reverse .box .content {
  animation: 50s linear infinite scroll;
}

.logos__scrolling.logos__scrolling--reverse .box .content img {
  transform: scale(-1, 1);
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% - 1.875rem));
  }
}

body[dir="rtl"] .logos__scrolling {
  transform: translateX(.3125rem)rotate(5deg);
}

body[dir="rtl"] .logos__scrolling.logos__scrolling--reverse {
  transform: translateX(.625rem)rotate(5deg)scale(-1, 1);
}


/*# sourceMappingURL=src_components_683c29ec._.css.map*/