.section-hero {
  background: linear-gradient(101deg, #9B50B9, #047EC6, #9B50B9, #047EC6);
  font-family: "Instrument Sans", sans-serif;
  color: #FFF;
  padding: 0 1%;
  background-size: 400% 400%;
  animation: backgroundGradientAnimation 15s ease infinite;
}
.section-hero .inner {
  max-width: 2480px;
  width: 100%;
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-hero .dots-animation-box-sc-hero {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  z-index: 1;
  direction: ltr;
  opacity: 0.2;
}
.section-hero .dots-animation-box-sc-hero.dots-left-animation-box-sc-hero {
  left: 0;
  top: clamp(196px, 12.421875vw, 318px);
}
.section-hero .dots-animation-box-sc-hero.dots-mobile-left-animation-box-sc-hero {
  display: none;
}
.section-hero .dots-animation-box-sc-hero.dots-right-animation-box-sc-hero {
  right: 0;
  top: clamp(196px, 12.421875vw, 318px);
}
.section-hero .dots-animation-box-sc-hero.dots-mobile-right-animation-box-sc-hero {
  display: none;
}
.section-hero .dots-animation-sc-hero {
  display: grid;
  grid-template-columns: repeat(17, clamp(7.475px, 0.4739453125vw, 12.133px));
  gap: clamp(7.475px, 0.4739453125vw, 12.133px);
}
.section-hero .cell {
  text-align: center;
  width: clamp(7.475px, 0.4739453125vw, 12.133px);
  height: clamp(7.475px, 0.4739453125vw, 12.133px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
}
.section-hero .cell-content {
  width: clamp(7.475px, 0.4739453125vw, 12.133px);
  height: clamp(7.475px, 0.4739453125vw, 12.133px);
  display: inline-block;
  transition: background-color 0.2s;
  border-radius: 100%;
}
.section-hero .cell-content.black {
  background-color: black;
}
.section-hero .cell-content.white {
  background-color: transparent;
}
.section-hero .sc-hero-content {
  margin-top: clamp(247px, 14.6484375vw, 375px);
  margin-bottom: clamp(156px, 9.296875vw, 238px);
  direction: ltr;
}
.section-hero .sc-hero-title {
  text-align: center;
  max-width: clamp(990px, 53.3203125vw, 1365px);
  font-size: clamp(64px, 3.515625vw, 90px);
  font-weight: 500;
  line-height: 134.375%;
  position: relative;
}
.section-hero .sc-hero-title.sc-hero-title-mobile {
  display: none;
}
.section-hero .sc-hero-title .border {
  padding: 0 clamp(16px, 0.9375vw, 24px);
  border: none;
  position: relative;
  display: inline-block;
  z-index: 1;
}
.section-hero .sc-hero-title .border::after {
  content: "";
  display: block;
  position: absolute;
  top: 10%;
  left: -1%;
  width: 102%;
  height: 90%;
  border: 1px solid #fff;
  border-radius: 57.5px;
  z-index: -1;
}
.section-hero.section-hero-about .abstract-image-box-left-sc-hero {
  left: -1.6796875vw;
  width: clamp(216.81px, 12.9687890625vw, 332.001px);
  top: 8.2421875vw;
}
.section-hero.section-hero-about .abstract-image-box-right-sc-hero {
  right: -1.5234375vw;
  width: clamp(201.137px, 12.03125vw, 308px);
  top: auto;
  bottom: 1.875vw;
}
.section-hero.section-hero-about .dots-animation-box-sc-hero.dots-left-animation-box-sc-hero {
  top: 318px;
}
.section-hero.section-hero-about .dots-animation-box-sc-hero.dots-right-animation-box-sc-hero {
  top: 318px;
}
.section-hero.section-hero-about .sc-hero-content {
  margin-top: 330px;
  margin-bottom: 194px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 26px;
}
.section-hero.section-hero-about .sc-hero-subtitle {
  font-size: clamp(24px, 1.25vw, 32px);
  font-weight: 400;
  line-height: normal;
  padding: 12px 37px;
  border-radius: 57.5px;
  border: 1px solid #FFF;
}
.section-hero.section-hero-about .sc-hero-title {
  max-width: clamp(1067px, 67.6171875vw, 1731px);
  font-size: clamp(62px, 3.75vw, 96px);
}
.section-hero.section-hero-about .sc-hero-title .border {
  padding: 0 clamp(24px, 1.25vw, 32px);
}
.section-hero.section-hero-about .sc-hero-title .border::after {
  top: 5%;
}
.section-hero.section-hero-matrix-ot {
  min-height: unset;
}
.section-hero.section-hero-matrix-ot .logo-image-box-sc-hero {
  width: clamp(150px, 9.765625vw, 250px);
  height: auto;
}
.section-hero.section-hero-matrix-ot .sc-hero-content {
  margin-top: clamp(223px, 15.6640625vw, 401px);
  margin-bottom: 10.3515625vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: clamp(27px, 1.6015625vw, 41px);
}
.section-hero.section-hero-matrix-ot .sc-hero-title {
  max-width: clamp(1091px, 58.5546875vw, 1499px);
  line-height: 104.167%;
  font-size: clamp(62px, 3.75vw, 96px);
}
.section-hero.section-hero-matrix-ot .abstract-image-box-left-sc-hero {
  left: -12.34375vw;
  width: clamp(264.131px, 14.692734375vw, 376.134px);
  top: clamp(157px, 10.3125vw, 264px);
}
.section-hero.section-hero-matrix-ot .abstract-image-box-right-sc-hero {
  right: -10.3125vw;
  width: clamp(220.131px, 17.895859375vw, 458.134px);
  top: clamp(100px, 6.796875vw, 174px);
}
.section-hero.section-hero-blog {
  min-height: unset;
}
.section-hero.section-hero-blog .abstract-image-box-left-sc-hero {
  left: -1.6015625vw;
  width: 12.9687890625vw;
  top: 19.2578125vw;
}
.section-hero.section-hero-blog .abstract-image-box-right-sc-hero {
  right: -1.3671875vw;
  width: 15.54578125vw;
  top: 19.8046875vw;
}
.section-hero.section-hero-blog .sc-hero-content {
  margin-top: clamp(230px, 16.40625vw, 420px);
  margin-bottom: clamp(231px, 11.0546875vw, 283px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 14px;
}
.section-hero.section-hero-blog .sc-hero-subtitle {
  font-size: clamp(24px, 1.25vw, 32px);
  font-weight: 400;
  line-height: normal;
  padding: clamp(10px, 0.46875vw, 12px) clamp(35px, 1.4453125vw, 37px);
  border-radius: 150px;
  border: 1px solid #FFF;
}
.section-hero.section-hero-blog .sc-hero-title {
  max-width: clamp(1087px, 57.3828125vw, 1469px);
  line-height: 114.583%;
}
.section-hero.section-hero-blog .sc-hero-title .border {
  display: none;
}
.section-hero.section-hero-blog.section-hero-blog-item {
  min-height: unset;
}
.section-hero.section-hero-blog.section-hero-blog-item .inner {
  max-width: clamp(1312px, 78.125vw, 2000px);
  justify-content: flex-start;
}
.section-hero.section-hero-blog.section-hero-blog-item .sc-hero-content {
  margin: clamp(171px, 11.25vw, 288px) 5.2734375vw clamp(81px, 5.9375vw, 152px) 5.2734375vw;
}
.section-hero.section-hero-blog.section-hero-blog-item .sc-hero-title {
  font-family: "Heebo", sans-serif;
  text-align: right;
  max-width: unset;
  font-size: clamp(45px, 2.5vw, 64px);
  font-weight: 700;
  line-height: 122.765%;
  direction: rtl;
}
.section-hero.section-hero-services {
  position: relative;
  background: linear-gradient(101deg, #802F99, #23244E, #802F99, #23244E);
  background-size: 400% 400%;
  min-height: unset;
  overflow: hidden;
}
.section-hero.section-hero-services .shape-image-box-sc-hero {
  position: absolute;
  width: clamp(292px, 20.1953125vw, 517px);
  height: auto;
  right: 0;
  bottom: 0;
  mix-blend-mode: plus-lighter;
}
.section-hero.section-hero-services .dots-image-box-sc-hero {
  position: absolute;
  width: clamp(158px, 7.2265625vw, 185px);
  height: auto;
  left: 0;
  top: clamp(136px, 6.796875vw, 174px);
}
.section-hero.section-hero-services .sc-hero-content {
  margin-top: clamp(239px, 16.9921875vw, 435px);
  margin-bottom: clamp(242px, 11.6796875vw, 299px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.section-hero.section-hero-services .sc-hero-subtitle {
  font-size: clamp(18px, 0.78125vw, 20px);
  font-weight: 400;
  line-height: normal;
}
.section-hero.section-hero-services .sc-hero-title {
  max-width: 80%;
  line-height: 139.583%;
  margin-top: -5px;
  font-size: clamp(64px, 3.75vw, 96px);
}
.section-hero.section-hero-services .sc-hero-desc {
  font-size: clamp(26px, 1.171875vw, 30px);
  font-weight: 400;
  line-height: 139.583%;
  margin-bottom: clamp(16px, 1.328125vw, 34px);
  max-width: 80%;
}
.section-hero.section-hero-services .sc-hero-badges {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.section-hero.section-hero-services .sc-hero-badge {
  padding: 8px 16px;
  border-radius: 16px;
  border: 1px solid rgba(251, 251, 251, 0.2);
  background: rgba(251, 251, 251, 0.05);
  backdrop-filter: blur(5px);
  font-size: 16px;
  font-weight: 400;
  line-height: 137.5%;
  letter-spacing: -0.01em;
}
.section-hero.section-hero-solutions {
  position: relative;
  background: linear-gradient(101deg, #802F99, #4D3796, #0060C7);
  background-size: 400% 400%;
  min-height: unset;
  overflow: hidden;
}
.section-hero.section-hero-solutions .abstract-image-box-left-sc-hero {
  left: -1.6015625vw;
  width: clamp(207.769px, 12.9687109375vw, 331.999px);
  top: clamp(137px, 7.9296875vw, 203px);
}
.section-hero.section-hero-solutions .abstract-image-box-right-sc-hero {
  right: -0.9765625vw;
  width: clamp(169.513px, 12.9687109375vw, 331.999px);
  top: auto;
  bottom: clamp(54px, 5.625vw, 144px);
}
.section-hero.section-hero-solutions .sc-hero-content {
  margin-top: clamp(193px, 13.3984375vw, 343px);
  margin-bottom: clamp(196px, 8.046875vw, 206px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: clamp(28px, 1.71875vw, 44px);
}
.section-hero.section-hero-solutions .sc-hero-subtitle {
  font-size: clamp(18px, 1.25vw, 32px);
  font-weight: 400;
  line-height: normal;
  padding: clamp(6px, 0.46875vw, 12px) clamp(18px, 1.171875vw, 30px);
  border-radius: 150px;
  border: 1px solid #FFF;
}
.section-hero.section-hero-solutions .sc-hero-title {
  line-height: 114.583%;
  font-size: clamp(58px, 3.75vw, 96px);
  max-width: clamp(1139px, 61.0546875vw, 1563px);
}
.section-hero.section-hero-solutions .sc-hero-desc {
  font-size: clamp(26px, 1.171875vw, 30px);
  font-weight: 400;
  line-height: 133.333%;
  max-width: 941px;
}

@keyframes backgroundGradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media all and (max-width: 1920px) {
  .section-hero.section-hero-blog .abstract-image-box-left-sc-hero {
    left: 1.09375vw;
    top: 21.2109375vw;
  }
  .section-hero.section-hero-blog .abstract-image-box-right-sc-hero {
    right: -1.3671875vw;
    top: 21.3671875vw;
  }
}
@media all and (max-width: 1512px) {
  .section-hero {
    padding: 0;
  }
  .section-hero .sc-hero-title {
    max-width: clamp(683px, 65.4761904762vw, 990px);
    font-size: clamp(42px, 4.2328042328vw, 64px);
    line-height: 141.429%;
  }
  .section-hero .sc-hero-title .border {
    padding: 0 clamp(4px, 1.0582010582vw, 16px);
  }
  .section-hero .sc-hero-content {
    margin-top: clamp(147px, 16.335978836vw, 247px);
    margin-bottom: clamp(97px, 10.3174603175vw, 156px);
    margin-left: 36px;
  }
  .section-hero .dots-animation-box-sc-hero.dots-left-animation-box-sc-hero {
    top: clamp(121px, 12.962962963vw, 196px);
  }
  .section-hero .dots-animation-box-sc-hero.dots-right-animation-box-sc-hero {
    top: clamp(121px, 12.962962963vw, 196px);
  }
  .section-hero .dots-animation-sc-hero {
    grid-template-columns: repeat(17, 0.4943783069vw);
    gap: 0.4943783069vw;
  }
  .section-hero .cell {
    width: 0.4943783069vw;
    height: 0.4943783069vw;
  }
  .section-hero .cell-content {
    width: 0.4943783069vw;
    height: 0.4943783069vw;
  }
  .section-hero.section-hero-about .sc-hero-subtitle {
    display: none;
  }
  .section-hero.section-hero-about .abstract-image-box-left-sc-hero {
    left: 0.0661375661vw;
    width: 14.3392857143vw;
    top: 9.9206349206vw;
  }
  .section-hero.section-hero-about .abstract-image-box-right-sc-hero {
    right: 0.1984126984vw;
    width: 13.3027116402vw;
    bottom: 5.8201058201vw;
  }
  .section-hero.section-hero-about .dots-animation-box-sc-hero.dots-left-animation-box-sc-hero {
    top: 12.962962963vw;
  }
  .section-hero.section-hero-about .dots-animation-box-sc-hero.dots-right-animation-box-sc-hero {
    top: 12.962962963vw;
  }
  .section-hero.section-hero-about .sc-hero-title {
    max-width: 71.8915343915vw;
    font-size: clamp(48px, 4.6296296296vw, 70px);
  }
  .section-hero.section-hero-about .sc-hero-title .border {
    padding: 0 clamp(4px, 1.5873015873vw, 24px);
  }
  .section-hero.section-hero-about .sc-hero-content {
    margin-top: clamp(147px, 16.335978836vw, 247px);
    margin-bottom: clamp(76px, 10.3174603175vw, 156px);
    margin-left: 44px;
  }
  .section-hero.section-hero-matrix-ot {
    min-height: unset;
  }
  .section-hero.section-hero-matrix-ot .sc-hero-title {
    line-height: 121.429%;
    max-width: 72.1560846561vw;
    font-size: clamp(46px, 4.6296296296vw, 70px);
  }
  .section-hero.section-hero-matrix-ot .sc-hero-content {
    margin-top: 14.7486772487vw;
    margin-bottom: 14.8148148148vw;
    margin-left: 12px;
  }
  .section-hero.section-hero-matrix-ot .abstract-image-box-left-sc-hero {
    left: -6.5476190476vw;
    width: 14.5589285714vw;
    top: auto;
    bottom: 1.1243386243vw;
  }
  .section-hero.section-hero-matrix-ot .abstract-image-box-right-sc-hero {
    right: -4.4973544974vw;
    width: 17.8986772487vw;
    top: clamp(93px, 6.6137566138vw, 100px);
  }
  .section-hero.section-hero-matrix-ot .logo-image-box-sc-hero {
    width: clamp(130px, 9.9206349206vw, 150px);
  }
  .section-hero.section-hero-blog {
    min-height: unset;
  }
  .section-hero.section-hero-blog .sc-hero-title {
    line-height: 114.286%;
    max-width: 71.8915343915vw;
  }
  .section-hero.section-hero-blog .sc-hero-content {
    row-gap: clamp(16px, 2.0502645503vw, 31px);
    margin-top: 15.2116402116vw;
    margin-bottom: 15.2777777778vw;
    margin-left: 0;
  }
  .section-hero.section-hero-blog .abstract-image-box-left-sc-hero {
    left: -6.5476190476vw;
    width: 14.5589285714vw;
    top: auto;
    bottom: 1.1243386243vw;
  }
  .section-hero.section-hero-blog .abstract-image-box-right-sc-hero {
    right: -4.4973544974vw;
    width: 17.8986772487vw;
    top: clamp(97px, 6.8121693122vw, 103px);
  }
  .section-hero.section-hero-blog .sc-hero-subtitle {
    font-size: clamp(20px, 1.5873015873vw, 24px);
  }
  .section-hero.section-hero-blog.section-hero-blog-item {
    padding: 0 4%;
  }
  .section-hero.section-hero-blog.section-hero-blog-item .sc-hero-content {
    margin: 171px 0 81px 0;
  }
  .section-hero.section-hero-blog.section-hero-blog-item .sc-hero-title {
    max-width: unset;
    font-size: clamp(38px, 2.9761904762vw, 45px);
  }
  .section-hero.section-hero-services .sc-hero-subtitle {
    font-size: clamp(16px, 1.1904761905vw, 18px);
    margin-bottom: clamp(14px, 1.1904761905vw, 18px);
  }
  .section-hero.section-hero-services .sc-hero-title {
    margin-top: 0;
    margin-bottom: -0.2645502646vw;
    font-size: clamp(46px, 4.2328042328vw, 64px);
  }
  .section-hero.section-hero-services .shape-image-box-sc-hero {
    width: 19.3121693122vw;
  }
  .section-hero.section-hero-services .dots-image-box-sc-hero {
    width: 10.4497354497vw;
    top: clamp(100px, 8.9947089947vw, 136px);
  }
  .section-hero.section-hero-services .sc-hero-content {
    margin-top: 15.8068783069vw;
    margin-bottom: 16.0052910053vw;
    margin-left: 0;
  }
  .section-hero.section-hero-services .sc-hero-desc {
    font-size: clamp(20px, 1.7195767196vw, 26px);
    margin-bottom: clamp(12px, 1.0582010582vw, 16px);
  }
  .section-hero.section-hero-services .sc-hero-badge {
    font-size: clamp(14px, 1.0582010582vw, 16px);
  }
  .section-hero.section-hero-solutions .abstract-image-box-left-sc-hero {
    left: -0.9920634921vw;
    width: 13.7413359788vw;
    top: clamp(104px, 9.0608465608vw, 137px);
  }
  .section-hero.section-hero-solutions .abstract-image-box-right-sc-hero {
    right: 0.7936507937vw;
    width: 11.2111772487vw;
    bottom: 3.5714285714vw;
  }
  .section-hero.section-hero-solutions .sc-hero-content {
    margin-top: 13.8227513228vw;
    margin-bottom: 12.8968253968vw;
    margin-left: 0;
    gap: 28px;
  }
  .section-hero.section-hero-solutions .sc-hero-subtitle {
    font-size: clamp(16px, 1.1904761905vw, 18px);
    padding: clamp(4px, 0.3968253968vw, 6px) clamp(14px, 1.1904761905vw, 18px);
    margin-bottom: 4px;
  }
  .section-hero.section-hero-solutions .sc-hero-title {
    margin-bottom: 0;
    font-size: clamp(38px, 3.9682539683vw, 60px);
    line-height: 125%;
    max-width: clamp(963px, 83.5317460317vw, 1263px);
  }
  .section-hero.section-hero-solutions .sc-hero-desc {
    font-size: clamp(18px, 1.7195767196vw, 26px);
    line-height: 115.385%;
    max-width: clamp(641px, 62.2354497354vw, 941px);
  }
}
@media all and (max-width: 1024px) {
  .section-hero .sc-hero-title {
    max-width: clamp(512px, 66.69921875vw, 683px);
    font-size: clamp(26px, 4.1015625vw, 42px);
  }
  .section-hero.section-hero-about .sc-hero-title {
    font-size: clamp(32px, 4.6875vw, 48px);
  }
  .section-hero.section-hero-matrix-ot .sc-hero-title {
    font-size: clamp(32px, 4.4921875vw, 46px);
  }
  .section-hero.section-hero-matrix-ot .abstract-image-box-right-sc-hero {
    top: clamp(73px, 6.8121693122vw, 100px);
  }
  .section-hero.section-hero-blog .abstract-image-box-right-sc-hero {
    top: clamp(73px, 6.8121693122vw, 103px);
  }
  .section-hero.section-hero-blog .sc-hero-subtitle {
    font-size: clamp(14px, 1.953125vw, 20px);
    padding: clamp(8px, 0.9765625vw, 10px) clamp(28px, 3.41796875vw, 35px);
  }
  .section-hero.section-hero-blog.section-hero-blog-item .sc-hero-title {
    font-size: clamp(28px, 3.7109375vw, 38px);
  }
  .section-hero.section-hero-blog.section-hero-blog-item .sc-hero-content {
    margin-top: 16.69921875vw;
    margin-bottom: 7.91015625vw;
  }
  .section-hero.section-hero-blog.section-hero-blog-item .sc-hero-content {
    gap: clamp(20px, 2.34375vw, 24px);
  }
  .section-hero.section-hero-services .sc-hero-subtitle {
    font-size: clamp(14px, 1.5625vw, 16px);
    margin-bottom: clamp(10px, 1.3671875vw, 14px);
  }
  .section-hero.section-hero-services .sc-hero-title {
    font-size: clamp(34px, 4.4921875vw, 46px);
  }
  .section-hero.section-hero-services .sc-hero-desc {
    font-size: clamp(16px, 1.953125vw, 20px);
    margin-bottom: clamp(8px, 1.171875vw, 12px);
  }
  .section-hero.section-hero-services .sc-hero-badge {
    font-size: clamp(12px, 1.3671875vw, 14px);
    padding: clamp(6px, 0.78125vw, 8px) clamp(12px, 1.5625vw, 16px);
  }
  .section-hero.section-hero-solutions .abstract-image-box-left-sc-hero {
    top: clamp(69px, 10.15625vw, 104px);
  }
  .section-hero.section-hero-solutions .sc-hero-title {
    font-size: clamp(24px, 3.7109375vw, 38px);
    max-width: clamp(563px, 94.04296875vw, 963px);
  }
  .section-hero.section-hero-solutions .sc-hero-desc {
    font-size: clamp(14px, 1.7578125vw, 18px);
    max-width: clamp(441px, 62.59765625vw, 641px);
  }
}
@media all and (max-width: 768px) {
  .section-hero {
    padding: 0;
  }
  .section-hero .dots-animation-box-sc-hero.dots-left-animation-box-sc-hero {
    display: none;
  }
  .section-hero .dots-animation-box-sc-hero.dots-mobile-left-animation-box-sc-hero {
    display: flex;
    left: 3%;
    top: auto;
    bottom: 2.5641025641vw;
  }
  .section-hero .dots-animation-box-sc-hero.dots-right-animation-box-sc-hero {
    display: none;
  }
  .section-hero .dots-animation-box-sc-hero.dots-mobile-right-animation-box-sc-hero {
    display: flex;
    right: 3%;
    top: 19.2307692308vw;
  }
  .section-hero .dots-animation-sc-hero {
    grid-template-columns: repeat(12, 1.2492307692vw);
    gap: 1.2492307692vw;
  }
  .section-hero .cell {
    width: 1.2492307692vw;
    height: 1.2492307692vw;
  }
  .section-hero .cell-content {
    width: 1.2492307692vw;
    height: 1.2492307692vw;
  }
  .section-hero .sc-hero-content {
    margin-top: 49.7435897436vw;
    margin-left: 0;
    margin-bottom: 31.2820512821vw;
  }
  .section-hero .sc-hero-title {
    max-width: 96%;
    font-size: clamp(40px, 7.8125vw, 60px);
    line-height: 114.976%;
    display: none;
    margin: 0 auto;
  }
  .section-hero .sc-hero-title.sc-hero-title-mobile {
    display: block;
  }
  .section-hero .sc-hero-title .border {
    padding: 0 2.5641025641vw;
    border: none;
    position: relative;
  }
  .section-hero .sc-hero-title .border::after {
    top: 5.5%;
    height: 100%;
  }
  .section-hero.section-hero-about .sc-hero-content {
    margin-top: 35.1282051282vw;
    margin-bottom: 28.7179487179vw;
    margin-left: 0;
    gap: clamp(17px, 3.515625vw, 27px);
  }
  .section-hero.section-hero-about .sc-hero-title {
    max-width: 96%;
    font-size: clamp(40px, 10.4166666667vw, 80px);
  }
  .section-hero.section-hero-about .sc-hero-title.sc-hero-title-mobile .border {
    padding: 0 3.5897435897vw;
    border: none;
    position: relative;
  }
  .section-hero.section-hero-about .sc-hero-title.sc-hero-title-mobile .border::after {
    top: 1%;
    height: 100%;
  }
  .section-hero.section-hero-about .sc-hero-subtitle {
    display: flex;
    font-size: clamp(16px, 2.6041666667vw, 20px);
    padding: 5px 17px;
    border-radius: 36.602px;
    border: 0.637px solid #FFF;
  }
  .section-hero.section-hero-about .dots-animation-box-sc-hero.dots-mobile-left-animation-box-sc-hero {
    bottom: clamp(10px, 2.6041666667vw, 20px);
  }
  .section-hero.section-hero-about .dots-animation-box-sc-hero.dots-mobile-right-animation-box-sc-hero {
    top: clamp(75px, 13.671875vw, 105px);
  }
  .section-hero.section-hero-about .abstract-image-box-left-sc-hero {
    left: 3%;
    width: 21.0035897436vw;
    top: 103.8461538462vw;
  }
  .section-hero.section-hero-about .abstract-image-box-right-sc-hero {
    right: 3%;
    width: 21.0035897436vw;
    top: 22.3076923077vw;
  }
  .section-hero.section-hero-matrix-ot {
    min-height: unset;
  }
  .section-hero.section-hero-matrix-ot .sc-hero-title {
    display: block;
    max-width: 96%;
    font-size: clamp(32px, 7.03125vw, 54px);
    line-height: 125%;
  }
  .section-hero.section-hero-matrix-ot .abstract-image-box-left-sc-hero {
    left: 3%;
    width: 29.358974359vw;
    bottom: 6.1538461538vw;
  }
  .section-hero.section-hero-matrix-ot .abstract-image-box-right-sc-hero {
    right: 3%;
    width: 29.358974359vw;
    top: 20.5128205128vw;
  }
  .section-hero.section-hero-matrix-ot .sc-hero-content {
    margin-top: 43.5897435897vw;
    margin-bottom: 35.1282051282vw;
    margin-left: 0;
    row-gap: 5.641025641vw;
  }
  .section-hero.section-hero-matrix-ot .logo-image-box-sc-hero {
    width: 150px;
  }
  .section-hero.section-hero-blog {
    background: linear-gradient(101deg, #802F99, #4D3796, #0060C7);
    background-size: 400% 400%;
  }
  .section-hero.section-hero-blog .sc-hero-title {
    display: block;
    max-width: 96%;
    font-size: clamp(32px, 7.03125vw, 54px);
    line-height: 125%;
  }
  .section-hero.section-hero-blog .abstract-image-box-left-sc-hero {
    left: 3%;
    width: 30.7253846154vw;
    bottom: auto;
    top: 20.2564102564vw;
  }
  .section-hero.section-hero-blog .abstract-image-box-right-sc-hero {
    right: 3%;
    width: 32.4912820513vw;
    top: auto;
    bottom: 6.9230769231vw;
  }
  .section-hero.section-hero-blog .sc-hero-content {
    margin-top: 49.2307692308vw;
    margin-bottom: 36.4102564103vw;
    row-gap: clamp(9px, 2.4739583333vw, 19px);
  }
  .section-hero.section-hero-blog .sc-hero-subtitle {
    font-size: clamp(18px, 2.8645833333vw, 22px);
    padding: 7.5px 27px;
  }
  .section-hero.section-hero-blog.section-hero-blog-item {
    padding: 0;
    background: linear-gradient(101deg, #9352B9, #107AC6, #9352B9, #107AC6);
    background-size: 400% 400%;
  }
  .section-hero.section-hero-blog.section-hero-blog-item .sc-hero-title {
    font-size: clamp(30px, 7.8125vw, 60px);
    max-width: 96%;
    line-height: 110%;
    text-align: center;
  }
  .section-hero.section-hero-blog.section-hero-blog-item .sc-hero-content {
    margin-top: clamp(180px, 36.4583333333vw, 280px);
    margin-bottom: clamp(178px, 36.1979166667vw, 278px);
  }
  .section-hero.section-hero-services .sc-hero-content {
    margin-top: clamp(137px, 33.4635416667vw, 257px);
    margin-bottom: clamp(115px, 30.5989583333vw, 235px);
  }
  .section-hero.section-hero-services .shape-image-box-sc-hero {
    width: clamp(245px, 44.921875vw, 345px);
    bottom: -83px;
    right: -65px;
  }
  .section-hero.section-hero-services .dots-image-box-sc-hero {
    left: 3%;
    width: clamp(91px, 22.265625vw, 171px);
    top: clamp(84px, 12.2395833333vw, 94px);
  }
  .section-hero.section-hero-services .sc-hero-subtitle {
    font-size: clamp(18px, 2.8645833333vw, 22px);
    margin-bottom: clamp(44px, 7.03125vw, 54px);
  }
  .section-hero.section-hero-services .sc-hero-title {
    display: block;
    max-width: 96%;
    font-size: clamp(32px, 7.8125vw, 60px);
    margin-bottom: clamp(15px, 3.2552083333vw, 25px);
    line-height: 109.375%;
  }
  .section-hero.section-hero-services .sc-hero-desc {
    max-width: 96%;
    font-size: clamp(18px, 2.8645833333vw, 22px);
    margin-bottom: clamp(19px, 3.7760416667vw, 29px);
    line-height: 111.111%;
  }
  .section-hero.section-hero-services .sc-hero-badges {
    max-width: 96%;
    gap: 3px;
  }
  .section-hero.section-hero-services .sc-hero-badge {
    font-size: clamp(14px, 2.34375vw, 18px);
    padding: 8px 16px;
    border-radius: 98px;
  }
  .section-hero.section-hero-solutions .sc-hero-content {
    margin-top: 49.4871794872vw;
    margin-bottom: 26.4102564103vw;
    row-gap: 4px;
  }
  .section-hero.section-hero-solutions .abstract-image-box-left-sc-hero {
    left: 3%;
    width: 23.3333333333vw;
    top: clamp(84px, 16.1458333333vw, 124px);
  }
  .section-hero.section-hero-solutions .abstract-image-box-right-sc-hero {
    right: 3%;
    width: 38.3vw;
    top: auto;
    bottom: 5.3846153846vw;
  }
  .section-hero.section-hero-solutions .sc-hero-subtitle {
    font-size: clamp(16px, 2.6041666667vw, 20px);
    padding: 5px 16px;
    margin-bottom: 0;
  }
  .section-hero.section-hero-solutions .sc-hero-title {
    display: block;
    max-width: 96%;
    font-size: clamp(30px, 7.8125vw, 60px);
    line-height: 106.667%;
    margin-bottom: 8px;
  }
  .section-hero.section-hero-solutions .sc-hero-desc {
    max-width: 93%;
    font-size: clamp(16px, 2.6041666667vw, 20px);
    line-height: 125%;
  }
}
@media all and (max-width: 390px) {
  .section-hero .sc-hero-title {
    font-size: clamp(32px, 10.2564102564vw, 40px);
  }
  .section-hero .dots-animation-box-sc-hero.dots-mobile-right-animation-box-sc-hero {
    top: clamp(70px, 19.2307692308vw, 75px);
  }
  .section-hero .sc-hero-content {
    margin-top: clamp(174px, 49.7435897436vw, 194px);
  }
  .section-hero.section-hero-matrix-ot .sc-hero-title {
    font-size: clamp(24px, 8.2051282051vw, 32px);
  }
  .section-hero.section-hero-blog .sc-hero-title {
    font-size: clamp(24px, 8.2051282051vw, 32px);
  }
  .section-hero.section-hero-blog .sc-hero-subtitle {
    font-size: clamp(14px, 4.6153846154vw, 18px);
  }
  .section-hero.section-hero-blog.section-hero-blog-item .sc-hero-title {
    font-size: clamp(26px, 7.6923076923vw, 30px);
  }
  .section-hero.section-hero-services .sc-hero-subtitle {
    font-size: clamp(14px, 4.6153846154vw, 18px);
  }
  .section-hero.section-hero-services .sc-hero-title {
    font-size: clamp(28px, 8.2051282051vw, 32px);
  }
  .section-hero.section-hero-services .sc-hero-desc {
    font-size: clamp(14px, 4.6153846154vw, 18px);
  }
  .section-hero.section-hero-services .sc-hero-badge {
    font-size: clamp(10px, 3.5897435897vw, 14px);
    padding: clamp(6px, 2.0512820513vw, 8px) clamp(12px, 4.1025641026vw, 16px);
  }
  .section-hero.section-hero-services .shape-image-box-sc-hero {
    width: clamp(195px, 62.8205128205vw, 245px);
  }
  .section-hero.section-hero-solutions .abstract-image-box-left-sc-hero {
    top: clamp(74px, 21.5384615385vw, 84px);
  }
  .section-hero.section-hero-solutions .sc-hero-subtitle {
    font-size: clamp(12px, 4.1025641026vw, 16px);
  }
  .section-hero.section-hero-solutions .sc-hero-title {
    font-size: clamp(24px, 7.6923076923vw, 30px);
  }
  .section-hero.section-hero-solutions .sc-hero-desc {
    font-size: clamp(12px, 4.1025641026vw, 16px);
  }
}

/*# sourceMappingURL=hero-section.css.map */