.solutions-section {
  padding: calc(84px + (110 - 84) * (100vw - 1920px) / (2560 - 1920)) 0 calc(100px + (130 - 100) * (100vw - 1920px) / (2560 - 1920));
  width: 100%;
  position: relative;
  font-family: "Inter Tight", serif;
  background: #00000F;
}
.solutions-section p {
  margin-bottom: 0;
}
.solutions-section .solutions-container {
  display: flex;
  flex-direction: column;
  gap: calc(45px + (60 - 45) * (100vw - 1920px) / (2560 - 1920));
  padding: 0 90px;
  position: relative;
}
.solutions-section .scene {
  position: absolute;
}
.solutions-section .scene.sc-1 {
  left: 0;
  bottom: 0;
}
.solutions-section .scene.sc-2 {
  right: 0;
  bottom: calc(-54px + (-75 - -54) * (100vw - 1920px) / (2560 - 1920));
}
.solutions-section .scene .binary {
  white-space: pre;
  font-family: "Inter Tight", serif;
  font-size: calc(12px + (15 - 12) * (100vw - 1920px) / (2560 - 1920));
  line-height: 103%;
  background: radial-gradient(191.61% 137.1% at 0% 0%, rgba(0, 0, 16, 0.8) 0%, rgba(83, 66, 118, 0.8) 19%, rgba(83, 66, 118, 0.05) 29%, rgba(41, 71, 114, 0.8) 45%, rgba(41, 71, 114, 0.01) 55%, rgba(50, 16, 65, 0.8) 63%, rgba(50, 16, 65, 0.02) 74%, rgba(0, 0, 15, 0.5) 98%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-size: 300% 300%;
  width: calc(362px + (483 - 362) * (100vw - 1920px) / (2560 - 1920));
  animation: textShineChaos 24s linear infinite alternate;
}
.solutions-section .solutions-head {
  display: flex;
  gap: calc(60px + (80 - 60) * (100vw - 1920px) / (2560 - 1920));
}
.solutions-section .solutions-headline {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: calc(10px + (12 - 10) * (100vw - 1920px) / (2560 - 1920));
  color: #dbe0f2;
}
.solutions-section .solutions-tag {
  font-size: calc(15px + (20 - 15) * (100vw - 1920px) / (2560 - 1920));
  font-weight: 400;
  line-height: 103%;
  letter-spacing: calc(7.5px + (10 - 7.5) * (100vw - 1920px) / (2560 - 1920));
  text-transform: uppercase;
  margin: 0;
}
.solutions-section .solutions-title {
  font-size: calc(72px + (96 - 72) * (100vw - 1920px) / (2560 - 1920));
  font-weight: 500;
  line-height: 103%;
  margin: 0;
}
.solutions-section .solutions-text {
  flex: 1;
  max-width: calc(564px + (750 - 564) * (100vw - 1920px) / (2560 - 1920));
  display: flex;
  flex-direction: column;
  gap: calc(12px + (14 - 12) * (100vw - 1920px) / (2560 - 1920));
}
.solutions-section .solutions-description {
  font-size: calc(18px + (24 - 18) * (100vw - 1920px) / (2560 - 1920));
  font-weight: 300;
  line-height: 120%;
  color: #d4dcf6;
}
.solutions-section .solutions-description strong, .solutions-section .solutions-description b {
  font-weight: 600;
}
.solutions-section .btn-solutions-cta {
  display: inline-flex;
  align-items: center;
  gap: calc(10px + (12 - 10) * (100vw - 1920px) / (2560 - 1920));
  text-decoration: none;
  color: #ccccd8;
  font-size: calc(18px + (24 - 18) * (100vw - 1920px) / (2560 - 1920));
  font-weight: 500;
  line-height: 100%;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .solutions-section .btn-solutions-cta:hover {
    gap: 20px;
    color: #FFF;
  }
  .solutions-section .btn-solutions-cta:hover .btn-arrow::before {
    opacity: 1;
  }
}
.solutions-section .btn-solutions-cta .btn-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(40px + (48 - 40) * (100vw - 1920px) / (2560 - 1920));
  height: calc(40px + (48 - 40) * (100vw - 1920px) / (2560 - 1920));
  position: relative;
  transition: all 0.3s ease;
}
.solutions-section .btn-solutions-cta .btn-arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(136deg, #1ECAFF -26.69%, #C24AF9 111.92%);
  transition: all 0.3s ease;
  opacity: 0;
  border-radius: 50%;
}
.solutions-section .btn-solutions-cta .btn-arrow .arrow-icon {
  width: calc(11px + (15 - 11) * (100vw - 1920px) / (2560 - 1920));
  position: relative;
  z-index: 3;
}
.solutions-section .btn-solutions-cta:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
.solutions-section .solutions-cards {
  display: flex;
  gap: calc(16px + (22 - 16) * (100vw - 1920px) / (2560 - 1920));
}
.solutions-section .solutions-swiper-container {
  width: 100%;
  margin: 0 auto;
}
.solutions-section .solutions-swiper {
  width: 100%;
  position: relative;
}
.solutions-section .solution-card-slide {
  height: auto;
}
.solutions-section .solution-card {
  flex: 1;
  height: calc(503px + (667 - 503) * (100vw - 1920px) / (2560 - 1920));
  border: 1px solid #294772;
  border-radius: calc(24px + (30 - 24) * (100vw - 1920px) / (2560 - 1920));
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: calc(38px + (50 - 38) * (100vw - 1920px) / (2560 - 1920)) calc(24px + (42 - 24) * (100vw - 1920px) / (2560 - 1920)) calc(38px + (50 - 38) * (100vw - 1920px) / (2560 - 1920)) calc(32px + (32 - 32) * (100vw - 1920px) / (2560 - 1920));
}
@media (hover: hover) {
  .solutions-section .solution-card:hover .card-image {
    transform: scale(1.1);
    transition: 0.3s all ease;
  }
  .solutions-section .solution-card:hover .card-link {
    gap: 24px;
  }
}
.solutions-section .card-image-wrapper {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.solutions-section .card-image-wrapper .card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.solutions-section .card-image-wrapper .card-overlay {
  position: absolute;
  width: 100%;
  height: 405px;
  left: 0;
  bottom: 0;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(6, 6, 20) 100%), linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(6, 6, 20, 0.8) 100%);
}
.solutions-section .card-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.solutions-section .card-title {
  font-size: calc(36px + (48 - 36) * (100vw - 1920px) / (2560 - 1920));
  font-weight: 600;
  line-height: 100%;
  color: #fafbff;
  margin: 0;
}
.solutions-section .card-subtitle {
  font-size: calc(20px + (26 - 20) * (100vw - 1920px) / (2560 - 1920));
  font-weight: 300;
  line-height: 130%;
  color: #ecf0ff;
  margin: 0 0 10px 0;
}
.solutions-section .card-link {
  display: inline-flex;
  align-items: center;
  gap: calc(8px + (10 - 8) * (100vw - 1920px) / (2560 - 1920));
  text-decoration: none;
  color: #dadde7;
  font-family: "Inter", serif;
  font-size: calc(16px + (20 - 16) * (100vw - 1920px) / (2560 - 1920));
  font-weight: 400;
  line-height: 150%;
  transition: all 0.3s ease;
}
.solutions-section .card-link .link-arrow {
  font-size: 24px;
}
.solutions-section .card-link .link-arrow .arrow-icon {
  width: 24px;
}
.solutions-section .card-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
.solutions-section .solutions-swiper-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(36px + (50 - 36) * (100vw - 1920px) / (2560 - 1920));
  margin-top: 44px;
  padding: 0 0 2px 0;
}
.solutions-section .solutions-swiper-nav .solutions-arrow {
  width: calc(45px + (60 - 45) * (100vw - 1920px) / (2560 - 1920));
  height: calc(45px + (60 - 45) * (100vw - 1920px) / (2560 - 1920));
  font-family: "Inter Tight", serif;
  border-radius: 50%;
  color: #FEFEFE;
  padding: 0;
  font-size: calc(17px + (22 - 17) * (100vw - 1920px) / (2560 - 1920));
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: unset;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 2px -4px 12px 0 rgba(10, 10, 10, 0.12) inset, -2px 4px 20px 0 rgba(191, 191, 191, 0.12) inset;
  backdrop-filter: blur(7.5px);
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}
.solutions-section .solutions-swiper-nav .solutions-arrow::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  padding: 1px;
  border-radius: 50%;
  z-index: -1;
  backdrop-filter: blur(7.5px);
}
.solutions-section .solutions-swiper-nav .solutions-arrow.solutions-next::before {
  background: linear-gradient(-45deg, rgba(200, 200, 200, 0.7) 0%, rgba(157, 157, 157, 0.1) 30%, rgba(157, 157, 157, 0.1) 70%, rgba(200, 200, 200, 0.7) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.solutions-section .solutions-swiper-nav .solutions-arrow.solutions-prev::before {
  background: linear-gradient(45deg, rgba(200, 200, 200, 0.7) 0%, rgba(157, 157, 157, 0.1) 30%, rgba(157, 157, 157, 0.1) 70%, rgba(200, 200, 200, 0.7) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
@media (hover: hover) {
  .solutions-section .solutions-swiper-nav .solutions-arrow:hover {
    background: #FFF;
    color: black;
  }
  .solutions-section .solutions-swiper-nav .solutions-arrow:hover:before {
    -webkit-mask: unset;
    -webkit-mask-composite: unset;
    mask-composite: unset;
    background: #FFF;
  }
}
.solutions-section .solutions-swiper-nav .solutions-swiper-pagination {
  width: fit-content;
  display: flex;
  align-items: center;
}
@media (hover: hover) {
  .solutions-section .solutions-swiper-nav .solutions-swiper-pagination:hover span {
    background: #6B6B76;
  }
}
.solutions-section .solutions-swiper-nav .solutions-swiper-pagination span {
  width: 12px;
  height: 12px;
  background: #393944;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.solutions-section .solutions-swiper-nav .solutions-swiper-pagination span.swiper-pagination-bullet-active {
  transform: scale(1.3);
  background: #FEFEFE;
}

@media screen and (min-width: 1025px) and (max-width: 1920px) {
  .solutions-section {
    padding: calc(80px + (84 - 80) * (100vw - 1537px) / (1920 - 1537)) 0 calc(80px + (100 - 80) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .solutions-container {
    gap: calc(36px + (45 - 36) * (100vw - 1537px) / (1920 - 1537));
    padding: 0 calc(110px + (150 - 110) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .scene.sc-1 {
    display: none;
  }
  .solutions-section .scene.sc-2 {
    right: 0;
    bottom: calc(-24px + (-54 - -24) * (100vw - 1920px) / (2560 - 1920));
  }
  .solutions-section .scene .binary {
    width: calc(289px + (362 - 289) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .solutions-head {
    gap: calc(48px + (60 - 48) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .solutions-headline {
    gap: calc(8px + (10 - 8) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .solutions-tag {
    font-size: calc(14px + (15 - 14) * (100vw - 1537px) / (1920 - 1537));
    letter-spacing: calc(7px + (7.5 - 7) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .solutions-title {
    font-size: calc(58px + (72 - 58) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .solutions-text {
    max-width: calc(480px + (564 - 480) * (100vw - 1537px) / (1920 - 1537));
    gap: calc(10px + (12 - 10) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .solutions-description {
    font-size: calc(15px + (18 - 15) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .btn-solutions-cta {
    gap: calc(8px + (10 - 8) * (100vw - 1537px) / (1920 - 1537));
    font-size: calc(15px + (18 - 15) * (100vw - 1537px) / (1920 - 1537));
  }
}
@media screen and (min-width: 1025px) and (max-width: 1920px) and (hover: hover) {
  .solutions-section .btn-solutions-cta:hover {
    gap: 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1920px) {
  .solutions-section .btn-solutions-cta .btn-arrow {
    width: calc(32px + (40 - 32) * (100vw - 1537px) / (1920 - 1537));
    height: calc(32px + (40 - 32) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .btn-solutions-cta .btn-arrow .arrow-icon {
    width: calc(10px + (11 - 10) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .solutions-cards {
    gap: calc(12px + (16 - 12) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .solution-card {
    height: calc(417px + (503 - 417) * (100vw - 1537px) / (1920 - 1537));
    border-radius: calc(20px + (24 - 20) * (100vw - 1537px) / (1920 - 1537));
    padding: calc(32px + (38 - 32) * (100vw - 1537px) / (1920 - 1537)) calc(20px + (24 - 20) * (100vw - 1537px) / (1920 - 1537)) calc(32px + (38 - 32) * (100vw - 1537px) / (1920 - 1537)) calc(26px + (32 - 26) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .card-image-wrapper .card-overlay {
    height: 304px;
  }
  .solutions-section .card-content {
    gap: calc(8px + (10 - 8) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .card-title {
    font-size: calc(28px + (36 - 28) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .card-subtitle {
    font-size: calc(16px + (20 - 16) * (100vw - 1537px) / (1920 - 1537));
    margin: 0 0 calc(8px + (10 - 8) * (100vw - 1537px) / (1920 - 1537)) 0;
  }
  .solutions-section .card-link {
    gap: calc(6px + (8 - 6) * (100vw - 1537px) / (1920 - 1537));
    font-size: calc(14px + (16 - 14) * (100vw - 1537px) / (1920 - 1537));
  }
  .solutions-section .solutions-swiper-nav {
    margin-top: 33px;
    gap: 32px;
  }
  .solutions-section .solutions-swiper-nav .solutions-arrow {
    width: calc(40px + (45 - 40) * (100vw - 1537px) / (1920 - 1537));
    height: calc(40px + (45 - 40) * (100vw - 1537px) / (1920 - 1537));
    font-size: 17px;
  }
  .solutions-section .solutions-swiper-nav .solutions-swiper-pagination span {
    width: 9px;
    height: 9px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1536px) and (hover: hover) {
  .solutions-section .btn-solutions-cta:hover {
    gap: 12px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1536px) {
  .solutions-section .solutions-swiper-nav {
    margin-top: 24px;
    gap: 24px;
  }
  .solutions-section .solutions-swiper-nav .solutions-arrow {
    font-size: 16px;
  }
  .solutions-section .card-image-wrapper .card-overlay {
    height: 243px;
  }
}
@media screen and (max-width: 1024px) {
  .solutions-section {
    padding: calc(30px + (60 - 30) * (100vw - 200px) / (393 - 200)) 0;
  }
  .solutions-section .solutions-container {
    gap: calc(16px + (32 - 16) * (100vw - 200px) / (393 - 200));
    padding: 0;
  }
  .solutions-section .scene {
    display: none;
  }
  .solutions-section .solutions-head {
    flex-direction: column;
    gap: calc(8px + (16 - 8) * (100vw - 200px) / (393 - 200));
    align-items: flex-start;
  }
  .solutions-section .solutions-headline {
    gap: calc(4px + (8 - 4) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .solutions-tag {
    font-size: calc(6px + (12 - 6) * (100vw - 200px) / (393 - 200));
    letter-spacing: calc(3px + (6 - 3) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .solutions-title {
    font-size: calc(18px + (36 - 18) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .solutions-text {
    max-width: 100%;
    gap: calc(8px + (16 - 8) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .solutions-description {
    font-size: calc(7.5px + (15 - 7.5) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .btn-solutions-cta {
    gap: calc(5px + (10 - 5) * (100vw - 200px) / (393 - 200));
    font-size: calc(7.5px + (15 - 7.5) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .btn-solutions-cta .btn-arrow {
    width: calc(16px + (32 - 16) * (100vw - 200px) / (393 - 200));
    height: calc(16px + (32 - 16) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .btn-solutions-cta .btn-arrow:before {
    opacity: 1;
  }
  .solutions-section .btn-solutions-cta .btn-arrow .arrow-icon {
    width: calc(5px + (10 - 5) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .solutions-swiper {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 0 20px;
  }
  .solutions-section .solutions-swiper-container {
    width: 100%;
  }
  .solutions-section .solution-card {
    height: calc(181px + (362 - 181) * (100vw - 200px) / (393 - 200));
    border-radius: calc(7.5px + (15 - 7.5) * (100vw - 200px) / (393 - 200));
    padding: calc(14px + (28 - 14) * (100vw - 200px) / (393 - 200)) calc(10px + (20 - 10) * (100vw - 200px) / (393 - 200)) calc(14px + (28 - 14) * (100vw - 200px) / (393 - 200)) calc(12px + (24 - 12) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .card-image-wrapper .card-overlay {
    height: 243px;
  }
  .solutions-section .card-content {
    gap: calc(4px + (8 - 4) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .card-title {
    font-size: calc(12px + (24 - 12) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .card-subtitle {
    font-size: calc(7.5px + (15 - 7.5) * (100vw - 200px) / (393 - 200));
    margin: 0 0 calc(2px + (4 - 2) * (100vw - 200px) / (393 - 200)) 0;
  }
  .solutions-section .card-link {
    gap: calc(3px + (6 - 3) * (100vw - 200px) / (393 - 200));
    font-size: calc(7px + (14 - 7) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .card-link .link-arrow .arrow-icon {
    width: calc(9.5px + (19 - 9.5) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .solutions-swiper-nav {
    margin-top: calc(14px + (28 - 14) * (100vw - 200px) / (393 - 200));
    gap: calc(10px + (20 - 10) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .solutions-swiper-nav .solutions-arrow {
    width: calc(20px + (40 - 20) * (100vw - 200px) / (393 - 200));
    height: calc(20px + (40 - 20) * (100vw - 200px) / (393 - 200));
    font-size: calc(8px + (16 - 8) * (100vw - 200px) / (393 - 200));
  }
  .solutions-section .solutions-swiper-nav .solutions-swiper-pagination span {
    width: 9px;
    height: 9px;
  }
}

/*# sourceMappingURL=service-solutions-section.css.map */