@font-face {
  font-family: Benzin;
  src: url('../fonts/benzin-semibold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Oldschoolgrotesk;
  src: url('../fonts/OldschoolGrotesk-NormalMedium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Oldschoolgrotesk;
  src: url('../fonts/OldschoolGrotesk-NormalLight.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Oldschoolgrotesk;
  src: url('../fonts/OldschoolGrotesk-NormalExtraBold.otf') format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Oldschoolgrotesk;
  src: url('../fonts/OldschoolGrotesk-NormalRegular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Oldschoolgrotesk;
  src: url('../fonts/OldschoolGrotesk-NormalBold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.container {
  max-width: none;
}

.div-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: column;
  max-width: clamp(600px, 69.1vw, 1327px);
  margin: 0 auto;
  padding-top: 250px;
  padding-bottom: 250px;
  display: flex;
}

.section {
  background-image: url('../images/Frame-1000002651.avif');
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding-top: 0;
  display: flex;
}

.home {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000002651 {
  background-image: url('../images/');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  min-height: 1019px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.navbar {
  grid-column-gap: 50px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  padding: 20px 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-47 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 497px;
  text-decoration: none;
  display: flex;
}

.storm-brain-logo-whitepng {
  object-fit: cover;
}

.frame-48 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1051px;
  text-decoration: none;
  display: flex;
}

.frame-49 {
  grid-column-gap: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 811px;
  text-decoration: none;
  display: flex;
}

.text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.frame-50 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 240px;
  text-decoration: none;
  display: flex;
}

.dugme-basic {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 65px;
  padding: 10px 35px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.text-2 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.frame-1000002652 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  height: 914px;
  padding-left: 260px;
  padding-right: 260px;
  text-decoration: none;
  display: flex;
}

.text-3 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 100px;
  font-weight: 500;
  line-height: 106px;
  text-decoration: none;
}

.frame-1000003348 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1359px;
  text-decoration: none;
  display: flex;
}

.frame-1000003347 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-4 {
  color: #ffffffb3;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.frame-1000003441 {
  grid-column-gap: 30px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.dugme-basic-2 {
  grid-column-gap: 10px;
  border: 1px solid #fff;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 65px;
  padding: 10px 35px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.text-5 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.frame-1000002653 {
  grid-column-gap: 10px;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 100px 140px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-58 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000003581 {
  grid-row-gap: 10px;
  background-image: linear-gradient(#010304, #010304);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  height: 719px;
  padding: 150px 140px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-53 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-55 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000003351 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-6 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 66px;
  text-decoration: none;
}

.frame-1000003582 {
  grid-column-gap: 10px;
  background-image: url('../images/');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  min-height: 1100px;
  padding: 50px 140px 100px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-66 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1640px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000003152 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1649px;
  text-decoration: none;
  display: flex;
}

.frame-1000003147 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000003148 {
  grid-row-gap: 10px;
  border: 0 solid #fff;
  border-bottom-width: .5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1649px;
  padding-top: 50px;
  padding-bottom: 25px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-7 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 134px;
  font-weight: 500;
  line-height: 155px;
  text-decoration: none;
}

.frame-1000003478 {
  grid-row-gap: 100px;
  background-color: #0c0c0c;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 100px 140px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000003503 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000002605 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.real-outcomes-from-brands-that-chose-us {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 500;
  line-height: 80px;
  text-decoration: none;
}

.frame-1000003504 {
  grid-row-gap: 50px;
  border: 1px solid #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000003693 {
  background-color: #fff;
  border-radius: 79px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1640px;
  padding: 50px;
  text-decoration: none;
  display: flex;
}

.frame-1000003692 {
  background-image: linear-gradient(#06152e 0%, #0a2f63 35%, #1463c7 70%, #6eb6ff 100%);
  border-radius: 48px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1540px;
  text-decoration: none;
  display: flex;
}

.frame-1000003505 {
  grid-row-gap: 50px;
  border-radius: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 785px;
  height: 599px;
  padding-top: 50px;
  padding-bottom: 41px;
  padding-left: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.text-8 {
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.text-9 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 46px;
  text-decoration: none;
}

.frame-1000002767 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 631px;
  height: 245px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000002769 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 631px;
  text-decoration: none;
  display: flex;
}

.text-10 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-decoration: none;
}

.frame-1000003446 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-1000002816 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 641px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000002817 {
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 53px;
  text-decoration: none;
  display: flex;
}

.text-11 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.frame-1000003447 {
  object-fit: cover;
  overflow: hidden;
}

.frame-59 {
  grid-column-gap: 10px;
  object-fit: cover;
  border-radius: 38px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 755px;
  height: 599px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000003695 {
  grid-column-gap: 100px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-1000003680 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 325px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.frame-1000003681 {
  grid-column-gap: 10px;
  background-color: #5c5b6c;
  border-radius: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 326px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.frame-1000003683 {
  grid-column-gap: 10px;
  background-color: #5c5b6c;
  border-radius: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 325px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.frame-1000003464 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 83px;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 57px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000003458 {
  grid-column-gap: 10px;
  border-radius: 83px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 57px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.vector {
  border-style: solid;
  border-width: undefinedpx;
  object-fit: cover;
  border-color: #1e4fbf;
}

.client-testimonial {
  grid-row-gap: 100px;
  background-image: url('../images/');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1920px;
  min-height: 1128px;
  padding-top: 100px;
  padding-bottom: 100px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000002763 {
  grid-column-gap: 219px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 200px;
  padding-right: 200px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.what-our-client-say {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 600;
  line-height: 86px;
  text-decoration: none;
}

.frame-1000003449 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1000002815 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.testimonial-component {
  grid-row-gap: 10px;
  background-image: url('../images/');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 691px;
  height: 356px;
  min-height: 356px;
  padding-top: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000003450 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 642px;
  height: 81px;
  padding: 10px 25px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-12 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 100px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-1000003696 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 245px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  overflow: hidden;
}

.call-us {
  grid-column-gap: 10px;
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  height: 861px;
  min-height: 861px;
  padding: 10px 200px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000003442 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1520px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000003697 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1359px;
  text-decoration: none;
  display: flex;
}

.if-youre-not-visible-across-organic-and-ai-search-youre-invisible-where-purchase-decisions-actually {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.footer-v2 {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000003127 {
  grid-row-gap: 100px;
  background-color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 50px 200px 35px;
  text-decoration: none;
  display: flex;
}

.frame-1000003350 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-7 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-1000003132 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1522px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000003439 {
  grid-row-gap: 84px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 402px;
  text-decoration: none;
  display: flex;
}

.frame-1000003134 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-1000003473 {
  overflow: hidden;
}

.frame-1000003440 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 454px;
  text-decoration: none;
  display: flex;
}

.frame-1000003133 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 385px;
  text-decoration: none;
  display: flex;
}

.frame-1000003128 {
  grid-column-gap: 10px;
  border: 0 solid #fff;
  border-top-width: .5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 278px;
  display: flex;
  overflow: hidden;
}

.frame-8 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-1000002751 {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 1520px;
  text-decoration: none;
  display: flex;
}

.frame-1000003136 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1520px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.frame-1000003732 {
  grid-column-gap: 283px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-10 {
  grid-column-gap: 40px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-14 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.frame-1000003733 {
  grid-column-gap: 22px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  height: 59px;
  padding-top: 35px;
  padding-bottom: 35px;
  text-decoration: none;
  display: flex;
}

.heading {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: clamp(32px, 2.6vw, 50px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(48px, 5.21vw, 100px);
  font-weight: 500;
  line-height: clamp(54px, 5.52vw, 106px);
}

.paragraph {
  color: #ffffffb3;
  text-align: center;
  margin-bottom: clamp(28px, 2.08vw, 40px);
  scroll-margin-bottom: clamp(20px, 1.67vw, 32px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 1.04vw, 20px);
  line-height: clamp(22px, 1.35vw, 26px);
}

.button {
  background-color: #fff;
  border-radius: clamp(8px, .52vw, 10px);
  justify-content: center;
  align-items: center;
  padding: clamp(14px, 1.04vw, 20px) clamp(22px, 1.82vw, 35px);
  font-size: clamp(16px, 1.04vw, 20px);
  line-height: clamp(22px, 1.35vw, 26px);
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.button.linkblockoutline {
  background-color: #0000;
  border: 1px solid #fff;
  padding: clamp(14px, 1.04vw, 20px) clamp(22px, 1.82vw, 35px);
  font-size: clamp(16px, 1.04vw, 20px);
  line-height: clamp(22px, 1.35vw, 26px);
}

.text-block {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.text-block.outlinedugmetekst {
  color: #fff;
}

.div-block-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  gap: clamp(20px, 1.56vw, 30px);
  display: flex;
}

.div-block-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-4 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.div-block-5 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.flex-block {
  justify-content: space-between;
  align-items: center;
}

.div-block-6 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.div-block-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-2 {
  font-family: Oldschoolgrotesk, Arial, sans-serif;
}

.nav-link {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.nav-cta {
  position: absolute;
  inset: 0% 120px 0% auto;
}

.section-2 {
  background-color: #000;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-2 {
  justify-content: center;
  align-items: center;
  max-width: 1543px;
  padding-left: 120px;
  padding-right: 120px;
  display: flex;
}

.div-block-9 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  justify-content: center;
  align-items: center;
  gap: clamp(40px, 5.2vw, 100px);
  width: 100%;
  display: flex;
}

.image {
  max-width: 250px;
}

.image-2 {
  max-width: none;
  height: clamp(32px, 3vw, 57px);
}

.image-2.logo-img {
  height: clamp(32px, 3vw, 57px);
}

.image-3, .image-4, .image-5, .image-6 {
  max-width: 250px;
}

.logo-img {
  width: auto;
  height: clamp(32px, 3vw, 57px);
}

.section-3 {
  background-color: #000;
  padding-left: 0;
  padding-right: 0;
}

.container-3 {
  max-width: 1336px;
  padding: 150px 120px 300px;
}

.paragraph-2 {
  color: #fff;
  text-align: center;
  width: 1336px;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(28px, 3.1vw, 60px);
  font-weight: 400;
  line-height: clamp(34px, 3.4vw, 66px);
}

.div-block-10 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-11 {
  justify-content: center;
  align-items: center;
  max-width: clamp(320px, 80vw, 1336px);
  display: flex;
}

.service-item {
  border-bottom: 1px solid #ffffff4d;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 25px;
}

.section-4 {
  background-image: url('../images/Frame-58.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
}

.text-block-3 {
  font-family: Oldschoolgrotesk, Arial, sans-serif;
}

.link-block-3 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 134px;
  line-height: 155px;
  text-decoration: none;
}

.text-block-4 {
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(60px, 6.98vw, 134px);
}

.services-list {
  width: 100%;
}

.container-4 {
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding: 50px 120px 100px;
  display: flex;
}

.heading-2 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(36px, 4.17vw, 80px);
  font-weight: 400;
  line-height: clamp(40px, 4.17vw, 80px);
}

.section-5 {
  background-color: #000;
}

.container-5 {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 140px;
}

.container-5.cases-container {
  max-width: 1680px;
}

.div-block-13 {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-bottom: 100px;
  display: flex;
}

.div-block-13.cases-header {
  margin-bottom: 0;
}

.text-block-5 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: clamp(16px, 2.6vw, 50px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(11px, .83vw, 16px);
  font-weight: 400;
  line-height: clamp(16px, 1.15vw, 22px);
}

.heading-3 {
  color: #fff;
  max-width: 607px;
  margin-bottom: clamp(40px, 5.2vw, 100px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(22px, 2.08vw, 40px);
  font-weight: 400;
  line-height: clamp(24px, 2.8vw, 46px);
}

.paragraph-3 {
  width: 631px;
  font-family: Bitter, serif;
  font-size: 20px;
}

.paragraph-4 {
  color: #fff;
  margin-bottom: clamp(34px, 3.23vw, 62px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, 1.04vw, 20px);
  line-height: clamp(20px, 1.56vw, 30px);
}

.text-block-6 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(12px, .94vw, 18px);
  font-weight: 400;
  line-height: clamp(18px, 1.35vw, 26px);
}

.image-7 {
  object-fit: cover;
  object-position: center 20%;
  border-radius: 38px;
  width: 100%;
  height: 100%;
  display: block;
}

.div-block-14 {
  background-color: #fff;
  border-radius: 79px;
  justify-content: center;
  align-items: center;
  padding: 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-14.cases-slider {
  background-color: #fff;
  height: clamp(416px, 37.4vw, 731px);
  padding: clamp(16px, 2.6vw, 50px);
  display: block;
  position: relative;
  overflow: hidden;
}

.div-block-15 {
  background-image: linear-gradient(#06152e, #0a2f63 35%, #1463c7 70%, #6eb6ff);
  border-radius: 48px;
  width: clamp(900px, 85.4vw, 1640px);
  height: clamp(400px, 36.4vw, 699px);
  min-height: 420px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.div-block-15.case-slide {
  background-image: linear-gradient(#06211e, #0b4a45 35%, #119a7f 70%, #7df5d3);
  width: 100%;
  min-width: 0;
  height: 100%;
}

.div-block-15.case-slide.case-slide-1 {
  background-image: linear-gradient(#06152e, #0a2f63 35%, #1463c7 70%, #6eb6ff);
}

.div-block-15.case-slide.case-slide-3 {
  background-image: linear-gradient(#111, #2a2a2a 35%, #555 70%, #b8b8b8);
}

.div-block-15.case-slide.case-slide-4 {
  background-image: linear-gradient(#040816, #0c2147 35%, #1e4d8f 70%, #8dbdff);
}

.div-block-16 {
  border-radius: 48px 0 0 48px;
  flex-direction: column;
  justify-content: center;
  width: 48%;
  min-width: 0;
  padding: clamp(20px, 2.1vw, 40px) clamp(24px, 3.1vw, 60px) clamp(24px, 2.6vw, 50px) clamp(20px, 2.1vw, 40px);
  display: flex;
}

.div-block-17 {
  border-top-right-radius: 38px;
  border-bottom-right-radius: 38px;
  flex: 1;
  width: 52%;
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.div-block-18 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: clamp(900px, 85.3vw, 1638px);
  margin-top: clamp(16px, 1.67vw, 32px);
  display: flex;
}

.div-block-18.cases-nav {
  gap: clamp(16px, 2vw, 32px);
}

.div-block-19 {
  flex: 1;
  gap: clamp(8px, .83vw, 16px);
  display: flex;
}

.div-block-19.cases-progress {
  flex: 1;
  align-items: center;
  gap: clamp(16px, 2vw, 30px);
  width: 23%;
  display: flex;
}

.div-block-20 {
  cursor: pointer;
  background-color: #ffffff26;
  border-radius: 30px;
  width: clamp(180px, 16.9vw, 325px);
  height: clamp(3px, .26vw, 5px);
  overflow: hidden;
}

.div-block-20.progress-item-active {
  cursor: pointer;
  background-color: #ffffff4d;
  border-radius: 30px;
  width: clamp(180px, 16.9vw, 325px);
  height: clamp(3px, .26vw, 5px);
  overflow: hidden;
}

.div-block-21 {
  background-color: #fff;
  border-radius: 30px;
  width: 0%;
  height: 100%;
  transition-property: width;
  transition-duration: .4s;
  transition-timing-function: ease;
}

.div-block-22, .div-block-23 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ffffff4d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: clamp(36px, 2.3vw, 44px);
  height: clamp(36px, 2.3vw, 44px);
  display: flex;
}

.div-block-24 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  display: flex;
}

.div-block-25 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-15-copy {
  background-image: linear-gradient(#06152e, #0a2f63 35%, #1463c7 70%, #6eb6ff);
  border-radius: 48px;
  width: clamp(900px, 85.4vw, 1640px);
  height: clamp(400px, 36.4vw, 699px);
  min-height: 420px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.link-block-4, .link-block-5, .link-block-6, .link-block-7 {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  padding: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.testimonials-section {
  background-color: #000;
  background-image: url('../images/client-testimonial.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0;
  overflow: hidden;
}

.testimonials-container {
  justify-content: center;
  align-items: center;
  margin-bottom: clamp(48px, 5vw, 80px);
  padding: 0 120px;
  display: flex;
}

.testimonials-header {
  text-align: center;
  margin-bottom: clamp(48px, 5vw, 80px);
  padding: 0 120px;
}

.testimonials-title {
  color: #fff;
  white-space: nowrap;
  width: clamp(400px, 41vw, 787px);
  font-family: Inter, sans-serif;
  font-size: clamp(36px, 4.17vw, 80px);
  font-weight: 600;
  line-height: clamp(40px, 4.17vw, 80px);
}

.testimonials-track-wrap {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(16px, 1.25vw, 24px);
  display: flex;
}

.testimonials-track-track-right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-end;
  align-items: flex-end;
  animation: 20s linear infinite scrollRight;
  display: flex;
}

.testimonial-card {
  background-image: url('../images/Testimonial-card.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 16px;
  flex-flow: column;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: flex-start;
  width: clamp(320px, 35.99vw, 691px);
  height: clamp(200px, 18.54vw, 356px);
  padding: clamp(16px, 1.56vw, 30px) clamp(16px, 1.56vw, 30px) clamp(12px, 1.04vw, 20px);
  display: flex;
}

.testimonial-card.bridgepoint {
  background-image: url('../images/Testimonial-card.avif');
  height: clamp(200px, 18.54vw, 356px);
}

.testimonial-card.novex {
  background-image: url('../images/Testimonial-card.avif');
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.testimonial-quote {
  color: #fff;
  margin-bottom: clamp(12px, 1.04vw, 20px);
  font-family: Inter, sans-serif;
  font-size: clamp(32px, 3.13vw, 60px);
  font-weight: 700;
  line-height: 1;
}

.testimonial-text {
  color: #fff;
  flex: 1;
  margin-bottom: clamp(32px, 3.23vw, 62px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, 1.04vw, 20px);
  font-weight: 400;
  line-height: clamp(20px, 1.56vw, 30px);
}

.testimonial-name {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: clamp(12px, .94vw, 18px);
  font-weight: 500;
  line-height: clamp(18px, 1.35vw, 26px);
}

.testimonial-role {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: clamp(12px, .94vw, 18px);
  line-height: clamp(18px, 1.35vw, 26px);
}

.testimonial-logo {
  width: auto;
  height: clamp(24px, 2.29vw, 44px);
}

.div-block-26 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  animation: 20s linear infinite scrollLeft;
  display: flex;
}

.testimonial-footer {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: clamp(12px, 1.56vw, 30px);
  display: flex;
}

.card-top {
  flex-direction: column;
  display: flex;
}

.cta-section {
  background-image: url('../images/CtaBackground.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: clamp(500px, 44.84vw, 861px);
  padding: 120px;
}

.cta-container {
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  display: flex;
}

.cta-title {
  color: #fff;
  margin-bottom: clamp(16px, 1.25vw, 24px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(36px, 4.17vw, 80px);
  font-weight: 500;
  line-height: clamp(42px, 4.7vw, 90px);
}

.cta-desc {
  color: #fff;
  opacity: .7;
  margin-bottom: clamp(24px, 2.08vw, 40px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(14px, 1.04vw, 20px);
  line-height: clamp(22px, 1.56vw, 30px);
}

.footer-section {
  background-color: #000;
  padding: clamp(60px, 6.25vw, 120px) clamp(40px, 10.42vw, 200px) clamp(30px, 3.13vw, 60px);
}

.footer-nav {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: clamp(60px, 5.21vw, 100px);
  display: grid;
}

.footer-col {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: fit-content;
  display: flex;
}

.text-block-7 {
  color: #fff;
  text-transform: uppercase;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-block-7.footer-col-label {
  margin-bottom: clamp(16px, 1.3vw, 25px);
  font-size: clamp(12px, .83vw, 16px);
  line-height: clamp(18px, 1.15vw, 22px);
}

.text-block-8 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
}

.footer-link {
  color: #fff;
  margin-bottom: clamp(8px, .52vw, 10px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .94vw, 18px);
  line-height: clamp(20px, 1.35vw, 26px);
  text-decoration: none;
}

.div-block-27 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-wordmark {
  text-align: center;
  font-family: Benzin, Arial, sans-serif;
  font-size: clamp(60px, 10.42vw, 200px);
  line-height: clamp(66px, 11.46vw, 220px);
}

.footer-wordmark-wrap {
  border-top: 1px solid #ffffff4d;
  padding-top: 30px;
}

.footer-bottom {
  justify-content: space-between;
  align-items: center;
  margin-top: clamp(40px, 4.11vw, 79px);
  padding-top: clamp(20px, 1.67vw, 32px);
  display: flex;
}

.footer-legal {
  align-items: center;
  gap: clamp(16px, 1.46vw, 28px);
  display: flex;
}

.footer-legal-link {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(12px, .83vw, 16px);
  font-weight: 400;
  line-height: clamp(20px, 1.25vw, 24px);
  text-decoration: none;
}

.footer-socials {
  align-items: center;
  gap: clamp(14px, 1.04vw, 20px);
  display: flex;
}

.footer-copyright {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(12px, .83vw, 16px);
  font-weight: 400;
  line-height: clamp(20px, 1.25vw, 24px);
}

.nav-item-services {
  position: relative;
}

.mega-menu-item {
  cursor: pointer;
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  text-decoration: none;
  display: flex;
}

.mega-menu-img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-title {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 1.04vw, 20px);
  font-weight: 400;
  line-height: clamp(22px, 1.35vw, 26px);
}

.mega-menu-desc {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: clamp(13px, .83vw, 16px);
  font-weight: 400;
  line-height: clamp(16px, .94vw, 18px);
}

.mega-menu {
  border-top: 1px solid #ffffff14;
  border-left: none;
  border-right: none;
  border-radius: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 24px;
  width: 100%;
  padding: 32px clamp(40px, 6.25vw, 120px);
  display: none;
  position: fixed;
  top: auto;
  left: 0;
  right: 0;
  overflow: visible;
}

.nav-link-services {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
}

.nav-link-services.w--current {
  font-size: clamp(14px, .94vw, 18px);
  line-height: clamp(22px, 1.35vw, 26px);
}

.nav-link-services.nav-link {
  display: flex;
}

.union-1 {
  align-self: center;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease;
}

.paragraph-copy {
  color: #ffffffb3;
  text-align: left;
  margin-bottom: clamp(28px, 2.08vw, 40px);
  scroll-margin-bottom: clamp(20px, 1.67vw, 32px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .83vw, 16px);
  line-height: clamp(16px, .94vw, 18px);
}

.mega-menu-img-2 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-2.mega-menu-img {
  background-image: url('../images/WebflowDevelopment.avif');
}

.mega-menu-img-3 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-3.mega-menu-img {
  background-image: url('../images/WBM2.avif');
}

.mega-menu-img-4 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-4.mega-menu-img {
  background-color: #0000;
  background-image: url('../images/WBM2.avif');
}

.herowebd {
  background-image: url('../images/HeroWebD.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding-top: 0;
  display: flex;
}

.service-intro {
  background-image: linear-gradient(#000, #0b0b0b 15%, #2a1205 30%, #5a2a0a 50%, #8c3a0e 70%, #c45414 85%, #ff6a1a);
  align-items: center;
  min-height: 100vh;
  padding: clamp(60px, 6.25vw, 120px) clamp(40px, 6.25vw, 120px);
  display: flex;
}

.service-intro-container {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: clamp(600px, 69.1vw, 1327px);
  margin: 0 auto;
  display: flex;
}

.service-intro-title {
  color: #fff;
  margin-bottom: clamp(28px, 2.6vw, 50px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(48px, 5.21vw, 100px);
  font-weight: 500;
  line-height: clamp(54px, 5.52vw, 106px);
}

.service-intro-desc {
  color: #fff;
  max-width: 580px;
  margin-bottom: clamp(80px, 9.17vw, 176px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 1.04vw, 20px);
  font-weight: 400;
  line-height: clamp(22px, 1.35vw, 26px);
}

.service-wordmark {
  color: #fff;
  margin-top: clamp(40px, 5.21vw, 100px);
  padding-bottom: clamp(50px, 5.21vw, 100px);
  font-family: Benzin, Arial, sans-serif;
  font-size: clamp(100px, 10.42vw, 200px);
  font-weight: 800;
  line-height: clamp(110px, 11.46vw, 220px);
}

.section-6 {
  background-image: linear-gradient(#fd6310, #e65a0e 15%, #b3470b 30%, #7a3008 50%, #4a2208 65%, #1a0f08 80%, #000);
  height: clamp(60px, 6.82vw, 131px);
}

.stats-section {
  background-color: #000;
  padding: clamp(60px, 5.21vw, 100px) clamp(40px, 6.25vw, 120px);
}

.stats-container {
  grid-column-gap: 43px;
  grid-row-gap: 43px;
  justify-content: center;
  align-items: center;
  gap: clamp(40px, 3.8vw, 73px);
  display: flex;
}

.stat-item {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.stat-number {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(60px, 5.21vw, 100px);
  font-weight: 500;
  line-height: clamp(66px, 5.52vw, 106px);
}

.stat-label {
  color: #fff;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(12px, .83vw, 16px);
  font-weight: 300;
  line-height: clamp(18px, 1.15vw, 22px);
}

.stat-divider {
  background-color: #aeaeae;
  width: 2px;
  height: clamp(80px, 9.48vw, 182px);
}

.problems-section {
  background-color: #000;
  padding: clamp(60px, 6.25vw, 120px) clamp(40px, 6.25vw, 120px);
}

.problems-title {
  color: #fff;
  text-align: center;
  max-width: 700px;
  margin-bottom: clamp(40px, 3.13vw, 60px);
  margin-left: auto;
  margin-right: auto;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(36px, 3.13vw, 60px);
  font-weight: 500;
  line-height: clamp(42px, 3.54vw, 68px);
}

.problems-grid {
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(16px, 1.25vw, 24px);
  display: grid;
}

.problem-card {
  background-image: url('../images/Frame-1000003743.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  padding: clamp(28px, 2.6vw, 50px);
  display: flex;
}

.problem-tag {
  color: #ff6400;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid #ff640080;
  border-radius: 30px;
  width: fit-content;
  margin-bottom: clamp(28px, 2.6vw, 50px);
  padding: 10px 30px;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .83vw, 16px);
  font-weight: 500;
  line-height: clamp(20px, 1.35vw, 26px);
}

.problem-card-title {
  color: #fff;
  margin-bottom: clamp(28px, 2.6vw, 50px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(24px, 1.82vw, 35px);
  font-weight: 500;
  line-height: clamp(26px, 1.88vw, 36px);
}

.problem-card-desc {
  color: #fff;
  margin-bottom: clamp(28px, 2.6vw, 50px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .83vw, 16px);
  line-height: clamp(20px, 1.35vw, 26px);
}

.problem-divider {
  background-color: #fff;
  width: 100%;
  height: 1px;
  margin-top: auto;
  margin-bottom: clamp(14px, 1.3vw, 25px);
}

.problem-stat {
  align-items: center;
  gap: 10px;
  display: flex;
}

.problem-stat-number {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(36px, 3.13vw, 60px);
  line-height: clamp(42px, 3.44vw, 66px);
}

.problem-stat-label {
  color: #fff;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: clamp(12px, .83vw, 16px);
  font-weight: 500;
  line-height: clamp(18px, 1.15vw, 22px);
}

.text-block-9 {
  font-family: Oldschoolgrotesk, Arial, sans-serif;
}

.section-7 {
  background-image: linear-gradient(#0a0a0a, #1a0f08 8%, #3a160a 18%, #6b240d 30%, #a83a0f 45%, #e55214 65%, #ff6a1a);
  height: clamp(80px, 6.3vw, 121px);
}

.process-list {
  flex-flow: column;
  gap: clamp(28px, 2.6vw, 50px);
  display: flex;
}

.process-title {
  color: #fff;
  text-transform: none;
  text-align: center;
  margin-bottom: clamp(80px, 7.81vw, 150px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(48px, 4.17vw, 80px);
  font-weight: 500;
  line-height: clamp(54px, 4.48vw, 86px);
}

.process-section {
  background-image: url('../images/Process-background-1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(80px, 7.81vw, 150px) clamp(40px, 6.25vw, 120px);
}

.process-item {
  background-image: url('../images/Process.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 20px;
  grid-template-columns: 1.5fr 1.1fr;
  align-items: start;
  width: 100%;
  max-width: 1640px;
  min-height: clamp(250px, 25.57vw, 491px);
  padding: clamp(28px, 2.6vw, 50px);
  display: grid;
}

.process-item.mdproces {
  grid-template-columns: 1.5fr 1.2fr;
}

.process-number {
  color: #fff;
  margin-bottom: clamp(50px, 4.69vw, 90px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 1.04vw, 20px);
  font-weight: 500;
  line-height: clamp(22px, 1.35vw, 26px);
}

.process-item-title {
  color: #fff;
  text-align: right;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(36px, 3.13vw, 60px);
  font-weight: 500;
  line-height: clamp(42px, 3.44vw, 66px);
}

.process-item-desc {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(20px, 1.56vw, 30px);
  line-height: clamp(26px, 1.88vw, 36px);
}

.process-tags {
  flex-flow: column;
  gap: clamp(6px, .52vw, 10px);
  display: flex;
}

.process-tag {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff6;
  border-radius: 30px;
  width: fit-content;
  padding: clamp(6px, .52vw, 10px) clamp(16px, 1.56vw, 30px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(10px, .63vw, 12px);
  font-weight: 500;
}

.process-item-left {
  flex-direction: column;
  gap: clamp(16px, 1.25vw, 24px);
  display: flex;
}

.process-item-right {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.process-divider {
  background-color: #fff;
  width: 100%;
  height: 1px;
}

.text-block-10 {
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-weight: 500;
}

.div-block-28 {
  gap: clamp(6px, .52vw, 10px);
  display: flex;
}

.testimonials-sectionservices {
  background-color: #000;
  background-image: url('../images/client-testimonial.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0;
  overflow: hidden;
}

.testimonials-sectionservices.testimonials-section {
  background-image: none;
}

.testimonials-titleservice {
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(36px, 4.17vw, 80px);
  font-weight: 500;
  line-height: clamp(40px, 4.17vw, 80px);
}

.testimonial-cardservices {
  background-color: #fff3;
  border-radius: 16px;
  flex-flow: column;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: flex-start;
  width: clamp(320px, 35.99vw, 691px);
  height: clamp(200px, 18.54vw, 356px);
  padding: clamp(16px, 1.56vw, 30px) clamp(16px, 1.56vw, 30px) clamp(12px, 1.04vw, 20px);
  display: flex;
}

.testimonial-cardservices.bridgepoint {
  background-color: #fff3;
  background-image: none;
  height: clamp(200px, 18.54vw, 356px);
}

.testimonial-cardservices.novex {
  background-image: url('../images/Testimonial-card.avif');
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.testimonial-cardv2 {
  background-image: url('../images/Testimonial-card.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 16px;
  flex-flow: column;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: flex-start;
  width: clamp(320px, 35.99vw, 691px);
  height: clamp(200px, 18.54vw, 356px);
  padding: clamp(16px, 1.56vw, 30px) clamp(16px, 1.56vw, 30px) clamp(12px, 1.04vw, 20px);
  display: flex;
}

.testimonial-cardv2.bridgepoint {
  background-image: url('../images/Testimonial-card.avif');
  height: clamp(200px, 18.54vw, 356px);
}

.testimonial-cardv2.novex {
  background-image: url('../images/Testimonial-card.avif');
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.section-8 {
  background-image: linear-gradient(#a93504, #8d2d03 15%, #722502 30%, #561d02 50%, #3b1401 65%, #1f0a00 80%, #000);
  height: clamp(60px, 4.17vw, 80px);
}

.why-section {
  background-image: url('../images/WhyUs.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(80px, 6.25vw, 120px);
}

.why-container {
  flex-flow: column;
  gap: clamp(40px, 3.13vw, 60px);
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
}

.why-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: clamp(12px, 1.04vw, 20px);
  display: grid;
}

.why-card-main {
  background-color: #fff;
  border: none;
  border-radius: 30px;
  width: clamp(280px, 19.84vw, 381px);
  height: clamp(400px, 28.28vw, 543px);
  padding: clamp(37px, 2.6vw, 50px) clamp(26px, 1.82vw, 35px);
}

.why-card-icon {
  width: clamp(40px, 2.6vw, 50px);
  height: clamp(40px, 2.6vw, 50px);
}

.why-card-text {
  color: #000;
  margin-top: clamp(40px, 3.13vw, 60px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(26px, 1.82vw, 35px);
  font-weight: 500;
  line-height: clamp(30px, 2.08vw, 40px);
}

.why-card {
  border: 1px solid #fff;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: clamp(280px, 19.84vw, 381px);
  height: clamp(338px, 23.96vw, 460px);
  padding: clamp(29px, 2.08vw, 40px);
  display: flex;
}

.why-card.reveal {
  padding-right: 27.12px;
}

.why-card-title {
  color: #fff;
  padding-bottom: clamp(37px, 2.6vw, 50px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(26px, 1.82vw, 35px);
  font-weight: 400;
  line-height: clamp(27px, 1.88vw, 36px);
}

.why-card-desc {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(15px, 1.04vw, 20px);
  line-height: clamp(19px, 1.35vw, 26px);
}

.why-title {
  color: #fff;
  text-transform: uppercase;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(48px, 5.21vw, 100px);
  font-weight: 500;
  line-height: 1;
}

.image-8 {
  margin-bottom: clamp(44px, 3.13vw, 60px);
}

.why-cards-icon {
  width: 100%;
  height: 100%;
  margin-bottom: clamp(15px, 1.04vw, 20px);
}

.image-9 {
  width: 126px;
  height: 111px;
  padding-bottom: clamp(15px, 1.04vw, 20px);
}

.divider-wh {
  background-color: #fff;
  width: 95%;
  height: 1px;
  display: block;
}

.why-cards2 {
  width: 100%;
  height: 100%;
  margin-bottom: clamp(73px, 5.21vw, 100px);
}

.why-card2 {
  border: 1px solid #fff;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: clamp(280px, 19.84vw, 381px);
  height: clamp(400px, 28.28vw, 543px);
  padding: clamp(29px, 2.08vw, 40px);
  display: flex;
}

.section-9 {
  background-image: linear-gradient(#000, #000 0%, #2a1208 15%, #7a260d 35%, #ff6a1a 55%, #f58a3a 75%, #e6c2a6);
  height: clamp(88px, 6.25vw, 120px);
}

.ctaservices {
  background-image: url('../images/WebDesignCta.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: clamp(500px, 44.84vw, 861px);
  padding: 120px;
}

.faq-section {
  background-color: #000;
  padding: clamp(80px, 6.25vw, 120px);
}

.faq-container {
  flex-direction: column;
  gap: clamp(29px, 2.08vw, 40px);
  max-width: 760px;
  margin: 0 auto;
  display: flex;
}

.faq-list {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.faq-item {
  border-bottom: 1px solid #ffffff26;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: clamp(22px, 1.56vw, 30px);
  padding-bottom: clamp(22px, 1.56vw, 30px);
  display: flex;
}

.faq-item-top {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.faq-question {
  color: #fff;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(18px, 1.3vw, 25px);
  font-weight: 400;
  line-height: clamp(22px, 1.56vw, 30px);
}

.faq-btn {
  background-color: #9d9d9d;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: clamp(39px, 2.76vw, 53px);
  height: clamp(36px, 2.55vw, 49px);
  display: flex;
}

.faq-answer-text {
  color: #fff9;
  padding-top: clamp(15px, 1.04vw, 20px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .83vw, 16px);
  line-height: 1.6;
}

.heading-4 {
  color: #fff;
  text-align: center;
  margin-bottom: clamp(29px, 2.08vw, 40px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(48px, 5.21vw, 100px);
  font-weight: 500;
  line-height: 1;
}

.image-10 {
  fill: #fff;
  width: clamp(16px, 1.04vw, 20px);
  height: clamp(16px, 1.04vw, 20px);
  display: block;
}

.div-block-29 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  gap: clamp(20px, 1.56vw, 30px);
  display: flex;
}

.div-block-30 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-31 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-32 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.paragraph-5 {
  color: #ffffffb3;
  text-align: center;
  margin-bottom: clamp(28px, 2.08vw, 40px);
  scroll-margin-bottom: clamp(20px, 1.67vw, 32px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 1.04vw, 20px);
  line-height: clamp(22px, 1.35vw, 26px);
}

.div-block-33 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.div-block-34 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.container-6 {
  max-width: none;
}

.heading-5 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: clamp(32px, 2.6vw, 50px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(48px, 5.21vw, 100px);
  font-weight: 500;
  line-height: clamp(54px, 5.52vw, 106px);
}

.text-block-11 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.text-block-11.outlinedugmetekst {
  color: #fff;
}

.div-block-35 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: column;
  max-width: clamp(600px, 69.1vw, 1327px);
  margin: 0 auto;
  padding-top: 250px;
  padding-bottom: 250px;
  display: flex;
}

.section-10 {
  background-image: linear-gradient(#fd6310, #e65a0e 15%, #b3470b 30%, #7a3008 50%, #4a2208 65%, #1a0f08 80%, #000);
  height: clamp(60px, 6.82vw, 131px);
}

.section-11 {
  background-image: linear-gradient(#0a0a0a, #1a0f08 8%, #3a160a 18%, #6b240d 30%, #a83a0f 45%, #e55214 65%, #ff6a1a);
  height: clamp(80px, 6.3vw, 121px);
}

.text-block-12 {
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-weight: 500;
}

.div-block-36 {
  gap: clamp(6px, .52vw, 10px);
  display: flex;
}

.section-12 {
  background-image: linear-gradient(#a93504, #8d2d03 15%, #722502 30%, #561d02 50%, #3b1401 65%, #1f0a00 80%, #000);
  height: clamp(60px, 4.17vw, 80px);
}

.container-7 {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 140px;
}

.div-block-37 {
  background-color: #fff;
  border-radius: 79px;
  justify-content: center;
  align-items: center;
  padding: 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-37.cases-slider {
  background-color: #fff;
  height: clamp(416px, 37.4vw, 731px);
  padding: clamp(16px, 2.6vw, 50px);
  display: block;
  position: relative;
  overflow: hidden;
}

.section-13 {
  background-color: #000;
}

.div-block-38 {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-bottom: 100px;
  display: flex;
}

.heading-6 {
  color: #fff;
  max-width: 565px;
  margin-bottom: clamp(40px, 5.2vw, 100px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(22px, 2.08vw, 40px);
  font-weight: 400;
  line-height: clamp(28px, 2.4vw, 46px);
}

.div-block-39 {
  background-image: linear-gradient(#06152e, #0a2f63 35%, #1463c7 70%, #6eb6ff);
  border-radius: 48px;
  width: clamp(900px, 85.4vw, 1640px);
  height: clamp(400px, 36.4vw, 699px);
  min-height: 420px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.div-block-39.case-slide {
  background-image: linear-gradient(#06211e, #0b4a45 35%, #119a7f 70%, #7df5d3);
  width: 100%;
  min-width: 0;
  height: 100%;
}

.div-block-39.case-slide.case-slide-1 {
  background-image: linear-gradient(#06152e, #0a2f63 35%, #1463c7 70%, #6eb6ff);
}

.div-block-39.case-slide.case-slide-3 {
  background-image: linear-gradient(#111, #2a2a2a 35%, #555 70%, #b8b8b8);
}

.div-block-39.case-slide.case-slide-4 {
  background-image: linear-gradient(#040816, #0c2147 35%, #1e4d8f 70%, #8dbdff);
}

.div-block-40 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ffffff4d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: clamp(36px, 2.3vw, 44px);
  height: clamp(36px, 2.3vw, 44px);
  display: flex;
}

.div-block-41 {
  border-top-right-radius: 38px;
  border-bottom-right-radius: 38px;
  flex: 1;
  width: 52%;
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.div-block-42 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  display: flex;
}

.div-block-43 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ffffff4d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: clamp(36px, 2.3vw, 44px);
  height: clamp(36px, 2.3vw, 44px);
  display: flex;
}

.text-block-13 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(12px, .94vw, 18px);
  font-weight: 400;
  line-height: clamp(18px, 1.35vw, 26px);
}

.heading-7 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(36px, 4.17vw, 80px);
  font-weight: 400;
  line-height: clamp(40px, 4.17vw, 80px);
}

.div-block-44 {
  flex: 1;
  gap: clamp(8px, .83vw, 16px);
  display: flex;
}

.div-block-44.cases-progress {
  flex: 1;
  align-items: center;
  gap: clamp(8px, .83vw, 16px);
  display: flex;
}

.div-block-45 {
  cursor: pointer;
  background-color: #ffffff26;
  border-radius: 30px;
  width: clamp(180px, 16.9vw, 325px);
  height: clamp(3px, .26vw, 5px);
  overflow: hidden;
}

.div-block-45.progress-item-active {
  cursor: pointer;
  background-color: #ffffff4d;
  border-radius: 30px;
  width: clamp(180px, 16.9vw, 325px);
  height: clamp(3px, .26vw, 5px);
  overflow: hidden;
}

.text-block-14 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: clamp(16px, 2.6vw, 50px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(11px, .83vw, 16px);
  font-weight: 400;
  line-height: clamp(16px, 1.15vw, 22px);
}

.image-11 {
  object-fit: cover;
  object-position: center 20%;
  border-radius: 38px;
  width: 100%;
  height: 100%;
  display: block;
}

.div-block-46 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-47 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: clamp(900px, 85.3vw, 1638px);
  margin-top: clamp(16px, 1.67vw, 32px);
  display: flex;
}

.div-block-48 {
  border-radius: 48px 0 0 48px;
  flex-direction: column;
  justify-content: center;
  width: 48%;
  min-width: 0;
  padding: clamp(20px, 2.1vw, 40px) clamp(24px, 3.1vw, 60px) clamp(24px, 2.6vw, 50px) clamp(20px, 2.1vw, 40px);
  display: flex;
}

.div-block-49 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  animation: 20s linear infinite scrollLeft;
  display: flex;
}

.image-12 {
  margin-bottom: clamp(44px, 3.13vw, 60px);
}

.image-13 {
  width: 126px;
  height: 111px;
  padding-bottom: clamp(15px, 1.04vw, 20px);
}

.text-block-15 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.herowebflow {
  background-image: url('../images/WebflowD.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding-top: 0;
  display: flex;
}

.service-introwd {
  background-image: linear-gradient(#071a22, #0b1f2a 15%, #103149 30%, #164b72 50%, #1d67a0 70%, #2792d0 85%, #5ed3ff);
  align-items: center;
  min-height: 100vh;
  padding: clamp(60px, 6.25vw, 120px) clamp(40px, 6.25vw, 120px);
  display: flex;
}

.clients-logo {
  background-color: #071a22;
  padding-top: 100px;
  padding-bottom: 100px;
}

.hoverwd {
  background-image: linear-gradient(#5ed3ff, #4fc6f5 15%, #3fb8ea 30%, #2faade 50%, #1f8dc0 65%, #146080 80%, #000);
  height: clamp(60px, 6.82vw, 131px);
}

.problem-tagwd {
  color: #279cd0;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid #279cd0;
  border-radius: 30px;
  width: fit-content;
  margin-bottom: clamp(28px, 2.6vw, 50px);
  padding: 10px 30px;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .83vw, 16px);
  font-weight: 500;
  line-height: clamp(20px, 1.35vw, 26px);
}

.hoverv2 {
  background-image: linear-gradient(#000, #0a1a3a 10%, #0f2e6d 25%, #154a9f 40%, #1f6fff 55%, #1e90ff 70%, #22a6f2);
  height: clamp(80px, 6.3vw, 121px);
}

.process-section-wd {
  background-image: url('../images/ProcesWD-1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(80px, 7.81vw, 150px) clamp(40px, 6.25vw, 120px);
}

.hoverv3 {
  background-image: linear-gradient(#0546c8, #043aa7 15%, #033086 30%, #022565 50%, #011b43 65%, #001022 80%, #000);
  height: clamp(60px, 4.17vw, 80px);
}

.hoverv5 {
  background-image: linear-gradient(#000, #000 0%, #020808 10%, #051515 20%, #0a2a2a 35%, #134444 55%, #1f6b6b 75%, #6fa9a9);
  height: clamp(88px, 6.25vw, 120px);
}

.why-sectionwd {
  background-image: url('../images/WD-WHY.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(80px, 6.25vw, 120px);
}

.ctawd {
  background-image: url('../images/WDCAL.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: clamp(500px, 44.84vw, 861px);
  padding: 120px;
}

.div-block-50 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  gap: clamp(20px, 1.56vw, 30px);
  display: flex;
}

.div-block-51 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-52 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.heading-8 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: clamp(32px, 2.6vw, 50px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(48px, 5.21vw, 100px);
  font-weight: 500;
  line-height: clamp(54px, 5.52vw, 106px);
}

.paragraph-6 {
  color: #ffffffb3;
  text-align: center;
  margin-bottom: clamp(28px, 2.08vw, 40px);
  scroll-margin-bottom: clamp(20px, 1.67vw, 32px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 1.04vw, 20px);
  line-height: clamp(22px, 1.35vw, 26px);
}

.div-block-53 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.div-block-54 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-55 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: column;
  max-width: clamp(600px, 69.1vw, 1327px);
  margin: 0 auto;
  padding-top: 250px;
  padding-bottom: 250px;
  display: flex;
}

.div-block-56 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.container-8 {
  max-width: none;
}

.text-block-16 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.text-block-16.outlinedugmetekst {
  color: #fff;
}

.text-block-17 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.container-9 {
  justify-content: center;
  align-items: center;
  max-width: 1543px;
  padding-left: 120px;
  padding-right: 120px;
  display: flex;
}

.div-block-57 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  justify-content: center;
  align-items: center;
  gap: clamp(40px, 5.2vw, 100px);
  width: 100%;
  display: flex;
}

.div-block-58 {
  gap: clamp(6px, .52vw, 10px);
  display: flex;
}

.text-block-18 {
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-weight: 500;
}

.heading-9 {
  color: #fff;
  max-width: 565px;
  margin-bottom: clamp(40px, 5.2vw, 100px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(22px, 2.08vw, 40px);
  font-weight: 400;
  line-height: clamp(28px, 2.4vw, 46px);
}

.div-block-59 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ffffff4d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: clamp(36px, 2.3vw, 44px);
  height: clamp(36px, 2.3vw, 44px);
  display: flex;
}

.div-block-60 {
  cursor: pointer;
  background-color: #ffffff26;
  border-radius: 30px;
  width: clamp(180px, 16.9vw, 325px);
  height: clamp(3px, .26vw, 5px);
  overflow: hidden;
}

.div-block-60.progress-item-active {
  cursor: pointer;
  background-color: #ffffff4d;
  border-radius: 30px;
  width: clamp(180px, 16.9vw, 325px);
  height: clamp(3px, .26vw, 5px);
  overflow: hidden;
}

.div-block-61 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-19 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: clamp(16px, 2.6vw, 50px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(11px, .83vw, 16px);
  font-weight: 400;
  line-height: clamp(16px, 1.15vw, 22px);
}

.div-block-62 {
  flex: 1;
  gap: clamp(8px, .83vw, 16px);
  display: flex;
}

.div-block-62.cases-progress {
  flex: 1;
  align-items: center;
  gap: clamp(8px, .83vw, 16px);
  display: flex;
}

.div-block-63 {
  background-color: #fff;
  border-radius: 79px;
  justify-content: center;
  align-items: center;
  padding: 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-63.cases-slider {
  background-color: #fff;
  height: clamp(416px, 37.4vw, 731px);
  padding: clamp(16px, 2.6vw, 50px);
  display: block;
  position: relative;
  overflow: hidden;
}

.div-block-64 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ffffff4d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: clamp(36px, 2.3vw, 44px);
  height: clamp(36px, 2.3vw, 44px);
  display: flex;
}

.container-10 {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 140px;
}

.div-block-65 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  display: flex;
}

.div-block-66 {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-bottom: 100px;
  display: flex;
}

.div-block-67 {
  border-top-right-radius: 38px;
  border-bottom-right-radius: 38px;
  flex: 1;
  width: 52%;
  min-width: 0;
  position: relative;
  overflow: hidden;
}

.text-block-20 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(12px, .94vw, 18px);
  font-weight: 400;
  line-height: clamp(18px, 1.35vw, 26px);
}

.div-block-68 {
  border-radius: 48px 0 0 48px;
  flex-direction: column;
  justify-content: center;
  width: 48%;
  min-width: 0;
  padding: clamp(20px, 2.1vw, 40px) clamp(24px, 3.1vw, 60px) clamp(24px, 2.6vw, 50px) clamp(20px, 2.1vw, 40px);
  display: flex;
}

.section-14 {
  background-color: #000;
}

.div-block-69 {
  background-image: linear-gradient(#06152e, #0a2f63 35%, #1463c7 70%, #6eb6ff);
  border-radius: 48px;
  width: clamp(900px, 85.4vw, 1640px);
  height: clamp(400px, 36.4vw, 699px);
  min-height: 420px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.div-block-69.case-slide {
  background-image: linear-gradient(#06211e, #0b4a45 35%, #119a7f 70%, #7df5d3);
  width: 100%;
  min-width: 0;
  height: 100%;
}

.div-block-69.case-slide.case-slide-4 {
  background-image: linear-gradient(#040816, #0c2147 35%, #1e4d8f 70%, #8dbdff);
}

.div-block-69.case-slide.case-slide-1 {
  background-image: linear-gradient(#06152e, #0a2f63 35%, #1463c7 70%, #6eb6ff);
}

.div-block-69.case-slide.case-slide-3 {
  background-image: linear-gradient(#111, #2a2a2a 35%, #555 70%, #b8b8b8);
}

.heading-10 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(36px, 4.17vw, 80px);
  font-weight: 400;
  line-height: clamp(40px, 4.17vw, 80px);
}

.div-block-70 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: clamp(900px, 85.3vw, 1638px);
  margin-top: clamp(16px, 1.67vw, 32px);
  display: flex;
}

.image-14 {
  object-fit: cover;
  object-position: center 20%;
  border-radius: 38px;
  width: 100%;
  height: 100%;
  display: block;
}

.div-block-71 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  animation: 20s linear infinite scrollLeft;
  display: flex;
}

.image-15 {
  margin-bottom: clamp(44px, 3.13vw, 60px);
}

.image-16 {
  width: 126px;
  height: 111px;
  padding-bottom: clamp(15px, 1.04vw, 20px);
}

.text-block-21 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.heromaintance {
  background-image: url('../images/Maintance.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding-top: 0;
  display: flex;
}

.service-intromd {
  background-image: linear-gradient(#000, #020817 12%, #071a22 28%, #0e2a3a 48%, #1a3c6e 68%, #2a5fd6 85%, #2f6bff);
  align-items: center;
  min-height: 100vh;
  padding: clamp(60px, 6.25vw, 120px) clamp(40px, 6.25vw, 120px);
  display: flex;
}

.service-intro-descmd {
  color: #fff;
  max-width: 802px;
  margin-bottom: clamp(80px, 9.17vw, 176px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 1.04vw, 20px);
  font-weight: 400;
  line-height: clamp(22px, 1.35vw, 26px);
}

.hovermd {
  background-image: linear-gradient(#2f6bff, #2759d5 15%, #1f47aa 30%, #173580 50%, #102355 65%, #08112b 80%, #000);
  height: clamp(60px, 6.82vw, 131px);
}

.mega-menu-img-5 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/OrganicGrowth.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-5.mega-menu-img {
  background-image: url('../images/WBM2.avif');
}

.problems-title-copy {
  color: #fff;
  text-align: center;
  max-width: 1281px;
  margin-bottom: clamp(40px, 3.13vw, 60px);
  margin-left: auto;
  margin-right: auto;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(36px, 3.13vw, 60px);
  font-weight: 500;
  line-height: clamp(42px, 3.54vw, 68px);
}

.problem-tagmd {
  color: #3087f4;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid #3087f4;
  border-radius: 30px;
  width: fit-content;
  margin-bottom: clamp(28px, 2.6vw, 50px);
  padding: 10px 30px;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .83vw, 16px);
  font-weight: 500;
  line-height: clamp(20px, 1.35vw, 26px);
}

.hoverv2md {
  background-image: linear-gradient(#000, #01040c 8%, #030a1f 18%, #07163a 30%, #122a66 45%, #2a5bd0 65%, #4d82ff);
  height: clamp(80px, 6.3vw, 121px);
}

.process-section-md {
  background-image: url('../images/md-1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(80px, 7.81vw, 150px) clamp(40px, 6.25vw, 120px);
}

.process-item2, .process-item3 {
  background-image: url('../images/Process.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 20px;
  grid-template-columns: 1.5fr 1.2fr;
  align-items: start;
  width: 100%;
  max-width: 1640px;
  min-height: clamp(250px, 25.57vw, 491px);
  padding: clamp(28px, 2.6vw, 50px);
  display: grid;
}

.hoverv3md {
  background-image: linear-gradient(#205ae0, #1b4dc0 15%, #1640a0 30%, #123380 50%, #0d2660 65%, #081940 80%, #000);
  height: clamp(60px, 4.17vw, 80px);
}

.hoverv5md {
  background-image: linear-gradient(#000, #000 0%, #01030a 8%, #050f24 18%, #0a1f4a 30%, #153b85 45%, #2f63d4 65%, #3f6fd1 80%, #2f63d4);
  height: clamp(88px, 6.25vw, 120px);
}

.why-sectionmd {
  background-image: url('../images/mdwhy.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(80px, 6.25vw, 120px);
}

.ctamd {
  background-image: url('../images/callmd.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: clamp(500px, 44.84vw, 861px);
  padding: 120px;
}

.div-block-72 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  gap: clamp(20px, 1.56vw, 30px);
  display: flex;
}

.div-block-73 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-74 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.heading-11 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: clamp(32px, 2.6vw, 50px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(48px, 5.21vw, 100px);
  font-weight: 500;
  line-height: clamp(54px, 5.52vw, 106px);
}

.mega-menu-img-6 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/OrganicGrowth.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.paragraph-7 {
  color: #ffffffb3;
  text-align: center;
  margin-bottom: clamp(28px, 2.08vw, 40px);
  scroll-margin-bottom: clamp(20px, 1.67vw, 32px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 1.04vw, 20px);
  line-height: clamp(22px, 1.35vw, 26px);
}

.div-block-75 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.div-block-76 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-77 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: column;
  max-width: clamp(600px, 69.1vw, 1327px);
  margin: 0 auto;
  padding-top: 250px;
  padding-bottom: 250px;
  display: flex;
}

.div-block-78 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.container-11 {
  max-width: none;
}

.text-block-22 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.text-block-22.outlinedugmetekst {
  color: #fff;
}

.text-block-23 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-79 {
  gap: clamp(6px, .52vw, 10px);
  display: flex;
}

.text-block-24 {
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-weight: 500;
}

.div-block-80 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  animation: 20s linear infinite scrollLeft;
  display: flex;
}

.image-17 {
  margin-bottom: clamp(44px, 3.13vw, 60px);
}

.image-18 {
  width: 126px;
  height: 111px;
  padding-bottom: clamp(15px, 1.04vw, 20px);
}

.text-block-25 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.heroorganic {
  background-image: url('../images/HeroOrganic.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding-top: 0;
  display: flex;
}

.clientsorganic {
  background-color: #0b0b0b;
  padding-top: 100px;
  padding-bottom: 100px;
}

.service-introor {
  background-image: linear-gradient(#0b0b0b, #3f5f0f 40%, #7f9f1a 70%, #a3d61f);
  align-items: center;
  min-height: 100vh;
  padding: clamp(60px, 6.25vw, 120px) clamp(40px, 6.25vw, 120px);
  display: flex;
}

.service-intro-descor {
  color: #fff;
  margin-bottom: clamp(80px, 9.17vw, 176px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 1.04vw, 20px);
  font-weight: 400;
  line-height: clamp(22px, 1.35vw, 26px);
}

.hoveror {
  background-image: linear-gradient(#a3d61f, #8cb81b 15%, #769a17 30%, #5f7c13 50%, #485e0f 65%, #30400a 80%, #000);
  height: clamp(60px, 6.82vw, 131px);
}

.problem-tagor {
  color: #a3b50d;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid #a3b50d;
  border-radius: 30px;
  width: fit-content;
  margin-bottom: clamp(28px, 2.6vw, 50px);
  padding: 10px 30px;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .83vw, 16px);
  font-weight: 500;
  line-height: clamp(20px, 1.35vw, 26px);
}

.hoverv2or {
  background-image: linear-gradient(#000, #010a03 12%, #031a07 25%, #06330e 40%, #0b5a1a 55%, #128a2a 75%, #18a83a);
  height: clamp(80px, 6.3vw, 121px);
}

.process-section-or {
  background-image: url('../images/procesorganic.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(80px, 7.81vw, 150px) clamp(40px, 6.25vw, 120px);
}

.hoverv3or {
  background-image: linear-gradient(#073a10, #062f0d 15%, #05270b 30%, #041f09 50%, #031706 65%, #020f04 80%, #000);
  height: clamp(60px, 4.17vw, 80px);
}

.hoverv5or {
  background-image: linear-gradient(#000, #000 0%, #040700 10%, #121f00 22%, #2a4a00 38%, #5a8a00 55%, #7fb800 70%, #9fd23a 85%, #bfe86a);
  height: clamp(88px, 6.25vw, 120px);
}

.why-sectionor {
  background-image: url('../images/whyOrganic.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(80px, 6.25vw, 120px);
}

.ctaor {
  background-image: url('../images/CTAORGANIC.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: clamp(500px, 44.84vw, 861px);
  padding: 120px;
}

.bold-text, .bold-text-2 {
  font-weight: 500;
}

.paragraph-8 {
  color: #ffffffb3;
  text-align: center;
  margin-bottom: clamp(28px, 2.08vw, 40px);
  scroll-margin-bottom: clamp(20px, 1.67vw, 32px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 1.04vw, 20px);
  line-height: clamp(22px, 1.35vw, 26px);
}

.div-block-81 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-82 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  gap: clamp(20px, 1.56vw, 30px);
  display: flex;
}

.mega-menu-img-7 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/OrganicGrowth.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-83 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.text-block-26 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.text-block-26.outlinedugmetekst {
  color: #fff;
}

.div-block-84 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.div-block-85 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.heading-12 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: clamp(32px, 2.6vw, 50px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(48px, 5.21vw, 100px);
  font-weight: 500;
  line-height: clamp(54px, 5.52vw, 106px);
}

.container-12 {
  max-width: none;
}

.div-block-86 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-87 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: column;
  max-width: clamp(600px, 69.1vw, 1327px);
  margin: 0 auto;
  padding-top: 250px;
  padding-bottom: 250px;
  display: flex;
}

.text-block-27 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-88 {
  gap: clamp(6px, .52vw, 10px);
  display: flex;
}

.text-block-28 {
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-weight: 500;
}

.div-block-89 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  animation: 20s linear infinite scrollLeft;
  display: flex;
}

.text-block-29 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.heromigrations {
  background-image: url('../images/MigrationsB.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding-top: 0;
  display: flex;
}

.service-intromi {
  background-image: linear-gradient(#000, #0e061f 15%, #1c0d3f 30%, #2b135e 45%, #3a1a7e 60%, #4f22a8 80%, #6c2bd9);
  align-items: center;
  min-height: 100vh;
  padding: clamp(60px, 6.25vw, 120px) clamp(40px, 6.25vw, 120px);
  display: flex;
}

.hovermi {
  background-image: linear-gradient(#6c2bd9, #4f22a8 20%, #3a1a7e 40%, #2b135e 55%, #1c0d3f 70%, #0e061f 85%, #000);
  height: clamp(60px, 6.82vw, 131px);
}

.hoverv2mi {
  background-image: linear-gradient(#000, #060313 12%, #120726 25%, #24104a 40%, #3f1f7a 55%, #5c2bb0 70%, #7a45d6 85%, #9b6bff);
  height: clamp(80px, 6.3vw, 121px);
}

.process-section-mi {
  background-image: url('../images/ProcesMigrations-1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(80px, 7.81vw, 150px) clamp(40px, 6.25vw, 120px);
}

.hoverv3mi {
  background-image: linear-gradient(#4a1f85, #3a1d6f 20%, #2c1555 38%, #1f103f 55%, #140a2a 70%, #0b0618 85%, #04020c 95%, #000);
  height: clamp(60px, 4.17vw, 80px);
}

.ctami {
  background-image: url('../images/MigrationsCta.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: clamp(500px, 44.84vw, 861px);
  padding: 120px;
}

.compare-section {
  background-color: #000;
  padding: clamp(80px, 6.25vw, 120px);
}

.compare-container {
  flex-direction: column;
  gap: clamp(73px, 5.21vw, 100px);
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
}

.compare-title {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(59px, 4.17vw, 80px);
  font-weight: 500;
  line-height: clamp(63px, 4.48vw, 86px);
}

.compare-grid {
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  display: flex;
}

.compare-card-before {
  background-image: linear-gradient(#1a1f2e, #14192a 15%, #1e2438 30%, #2a2f45 45%, #3a3f55 60%, #4a5066 80%, #5a6075);
  border-radius: clamp(22px, 1.56vw, 30px);
  flex-direction: column;
  gap: clamp(22px, 1.56vw, 30px);
  width: clamp(519px, 36.77vw, 706px);
  padding: clamp(37px, 2.6vw, 50px);
  display: flex;
}

.compare-card-before.v2 {
  background-image: linear-gradient(#4c3acf, #5a47d6 50%, #6b57e0);
}

.compare-card-title {
  color: #fff;
  text-align: center;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(29px, 2.08vw, 40px);
  font-weight: 500;
  line-height: clamp(34px, 2.4vw, 46px);
}

.compare-list {
  flex-direction: column;
  gap: clamp(22px, 1.56vw, 30px);
  display: flex;
}

.compare-item {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  font-size: clamp(16px, 1.25vw, 24px);
  font-weight: 600;
  line-height: clamp(22px, 1.56vw, 30px);
}

.compare-divider {
  background-color: #ffffff1f;
  align-self: center;
  width: 1px;
  height: clamp(357px, 25.36vw, 487px);
  margin-left: clamp(15px, 1.56vw, 30px);
  margin-right: clamp(15px, 1.56vw, 30px);
}

.compare-card-after {
  background-image: linear-gradient(#1a1f2e, #14192a 15%, #1e2438 30%, #2a2f45 45%, #3a3f55 60%, #4a5066 80%, #5a6075);
  border-radius: clamp(22px, 1.56vw, 30px);
  flex-direction: column;
  gap: clamp(22px, 1.56vw, 30px);
  width: clamp(519px, 36.77vw, 706px);
  padding: clamp(37px, 2.6vw, 50px);
  display: flex;
}

.compare-card-after.v2 {
  background-image: linear-gradient(#4c3acf, #5a47d6 50%, #6b57e0);
}

.guarantee-section {
  background-color: #000;
  padding: clamp(80px, 6.25vw, 120px);
}

.guarantee-container {
  flex-direction: column;
  gap: clamp(44px, 3.13vw, 60px);
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
}

.guarantee-title {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(59px, 4.17vw, 80px);
  font-weight: 500;
  line-height: clamp(63px, 4.48vw, 86px);
}

.guarantee-card {
  background-color: #f5f4f6;
  border-radius: 33px;
  grid-template-columns: 1fr 1fr;
  gap: clamp(29px, 2.08vw, 40px);
  padding: clamp(29px, 2.6vw, 50px);
  display: grid;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.guarantee-left {
  flex-direction: column;
  gap: clamp(22px, 1.56vw, 30px);
  display: flex;
}

.guarantee-quote {
  border-left: 2px solid #000;
  padding-left: clamp(15px, 1.04vw, 20px);
  display: flex;
}

.guarantee-quote-text {
  color: #000;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .94vw, 18px);
  font-weight: 500;
  line-height: clamp(19px, 1.35vw, 26px);
}

.guarantee-list {
  flex-direction: column;
  gap: clamp(18px, 1.35vw, 26px);
  display: flex;
}

.guarantee-item {
  flex-direction: column;
  gap: clamp(6px, .42vw, 8px);
  display: flex;
}

.guarantee-item-title {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(22px, 1.56vw, 30px);
  font-weight: 500;
  line-height: clamp(26px, 1.88vw, 36px);
}

.guarantee-item-desc {
  color: #02021e;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(15px, 1.04vw, 20px);
  font-weight: 500;
  line-height: clamp(19px, 1.35vw, 26px);
}

.guarantee-item-divider {
  background-color: #9d9d9d;
  align-self: stretch;
  width: auto;
  height: 1px;
  margin-top: clamp(8px, .52vw, 10px);
}

.guarantee-right {
  border-radius: clamp(10px, .83vw, 16px);
  overflow: hidden;
}

.guarantee-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.guarantee-outer {
  background-color: #fff;
  border-radius: 77px;
  padding: clamp(37px, 2.6vw, 50px);
}

.risk-section {
  background-color: #000;
  background-image: linear-gradient(#000, #0e061f 15%, #1c0d3f 30%, #2b135e 45%, #3a1a7e 60%, #4f22a8 80%, #6c2bd9);
  padding: clamp(80px, 6.25vw, 120px);
}

.risk-container {
  flex-direction: column;
  gap: clamp(44px, 3.13vw, 60px);
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
}

.risk-header {
  flex-direction: column;
  align-items: center;
  gap: clamp(15px, 1.04vw, 20px);
  margin-bottom: clamp(73px, 5.21vw, 100px);
  display: flex;
}

.risk-title {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: clamp(48px, 5.21vw, 100px);
  font-weight: 800;
  line-height: 1;
}

.risk-subtitle {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 1.04vw, 20px);
  font-weight: 400;
  line-height: clamp(22px, 1.35vw, 26px);
}

.risk-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: clamp(18px, 1.3vw, 25px);
  margin-bottom: clamp(110px, 7.81vw, 150px);
  display: grid;
}

.risk-card {
  border: 1px solid #fff;
  border-radius: 30px;
  flex-direction: column;
  gap: clamp(15px, 1.04vw, 20px);
  width: clamp(287px, 20.36vw, 391px);
  min-height: clamp(338px, 23.96vw, 460px);
  padding: clamp(22px, 1.56vw, 30px);
  display: flex;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.risk-number {
  color: #000;
  background-color: #fff;
  border: 1px solid #fff3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: clamp(37px, 2.6vw, 50px);
  height: clamp(37px, 2.6vw, 50px);
  margin-bottom: clamp(29px, 2.08vw, 40px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(15px, 1.04vw, 20px);
  font-weight: 500;
  line-height: clamp(19px, 1.35vw, 26px);
  display: flex;
}

.risk-divider {
  background-color: #fff;
  width: 100%;
  height: 1px;
  margin-bottom: clamp(37px, 2.6vw, 50px);
}

.risk-card-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: clamp(22px, 1.56vw, 30px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(26px, 1.82vw, 35px);
  font-weight: 400;
  line-height: clamp(27px, 1.88vw, 36px);
}

.risk-card-desc {
  color: #fff;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .94vw, 18px);
  font-weight: 400;
  line-height: clamp(19px, 1.35vw, 26px);
}

.risk-title2 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(59px, 4.17vw, 80px);
  font-weight: 500;
  line-height: clamp(63px, 4.48vw, 86px);
}

.hoverv4mi {
  background-image: linear-gradient(#6c2bd9, #4f22a8 20%, #3a1a7e 40%, #2b135e 55%, #1c0d3f 70%, #0e061f 85%, #000 100%, #000);
  height: clamp(60px, 4.17vw, 80px);
}

.platforms-section {
  background-color: #000;
  padding: clamp(80px, 6.25vw, 120px);
}

.platforms-container {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: clamp(44px, 3.13vw, 60px);
  max-width: 1680px;
  margin: clamp(110px, 7.81vw, 150px) auto 0;
  display: grid;
}

.platforms-left {
  flex-direction: column;
  align-self: flex-start;
  gap: clamp(15px, 1.04vw, 20px);
  display: flex;
  position: sticky;
  top: clamp(80px, 6.25vw, 120px);
}

.platforms-tag {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(12px, .83vw, 16px);
  font-weight: 400;
  line-height: clamp(16px, 1.15vw, 22px);
}

.platforms-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: clamp(22px, 1.56vw, 30px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(44px, 3.13vw, 60px);
  font-weight: 500;
  line-height: clamp(48px, 3.44vw, 66px);
}

.platforms-desc {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .94vw, 18px);
  font-weight: 400;
  line-height: clamp(19px, 1.35vw, 26px);
}

.platforms-right {
  flex-direction: column;
  gap: clamp(18px, 1.3vw, 25px);
  margin-bottom: clamp(110px, 7.81vw, 150px);
  display: flex;
}

.platform-card {
  background-image: linear-gradient(#140a2e, #2a1e5c 50%, #6c2bd9);
  border-radius: clamp(12px, .83vw, 16px);
  flex-direction: column;
  gap: clamp(22px, 1.56vw, 30px);
  padding: clamp(37px, 2.6vw, 50px);
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.platform-icon {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: clamp(59px, 4.22vw, 81px);
  height: clamp(59px, 4.22vw, 81px);
  display: flex;
  overflow: hidden;
}

.platform-title {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(29px, 2.08vw, 40px);
  font-weight: 400;
  line-height: clamp(34px, 2.4vw, 46px);
}

.platform-desc {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(15px, 1.04vw, 20px);
  font-weight: 400;
  line-height: clamp(19px, 1.35vw, 26px);
}

.image-19 {
  background-image: url('../images/WordPress.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-20 {
  background-image: url('../images/HubMI.avif');
  background-position: 0 0;
  background-size: auto;
}

.image-21 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.herocase {
  background-image: url('../images/CaseW.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding-top: 0;
  display: flex;
}

.work-section {
  background-color: #000;
  padding: clamp(80px, 6.25vw, 120px) clamp(80px, 6.25vw, 120px) clamp(73px, 5.21vw, 100px);
}

.work-container {
  flex-direction: column;
  gap: clamp(44px, 3.13vw, 60px);
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
}

.work-list {
  flex-direction: column;
  gap: clamp(22px, 1.56vw, 30px);
  display: flex;
}

.work-item {
  grid-template-columns: 1fr auto;
  align-items: stretch;
  gap: clamp(15px, 1.04vw, 20px);
  display: grid;
}

.work-item-image {
  border-radius: clamp(12px, .83vw, 16px);
  width: clamp(763px, 54.11vw, 1039px);
  height: clamp(440px, 31.2vw, 599px);
  overflow: hidden;
}

.work-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.work-item-card {
  background-image: linear-gradient(#07101f, #0b1730 30%, #12306a 70%, #1e4fbf);
  border-radius: 48px;
  flex-direction: column;
  width: clamp(416px, 29.48vw, 566px);
  height: clamp(440px, 31.2vw, 599px);
  padding: clamp(37px, 2.6vw, 50px) clamp(15px, 1.04vw, 20px) clamp(30px, 2.14vw, 41px);
  display: flex;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.work-card-logo {
  width: clamp(163px, 11.56vw, 222px);
  height: clamp(40px, 2.81vw, 54px);
  margin-bottom: clamp(37px, 2.6vw, 50px);
}

.work-card-stats {
  flex-direction: column;
  flex: 1;
  gap: clamp(15px, 1.04vw, 20px);
  display: flex;
}

.work-stat {
  border-bottom: 1px solid #ffffff4d;
  flex-direction: column;
  gap: clamp(4px, .26vw, 5px);
  padding: clamp(7px, .52vw, 10px);
  display: flex;
}

.work-stat-divider {
  background-color: #fff;
}

.work-card-btn {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 34px;
  width: 100%;
  padding: clamp(12px, .83vw, 16px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .94vw, 18px);
  font-weight: 500;
  line-height: clamp(19px, 1.35vw, 26px);
  text-decoration: none;
}

.work-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(59px, 4.17vw, 80px);
  font-weight: 500;
  line-height: clamp(63px, 4.48vw, 86px);
}

.work-stat-number {
  color: #fff;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(22px, 1.56vw, 30px);
  line-height: clamp(26px, 1.88vw, 36px);
}

.work-stat-label {
  color: #fff;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(15px, 1.04vw, 20px);
  line-height: clamp(19px, 1.35vw, 26px);
}

.cases-section {
  background-color: #000;
  padding: clamp(73px, 5.21vw, 100px) clamp(80px, 6.25vw, 120px) clamp(110px, 7.81vw, 150px);
}

.cases-container {
  flex-direction: column;
  gap: clamp(44px, 3.13vw, 60px);
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
}

.cases-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(59px, 4.17vw, 80px);
  font-weight: 500;
  line-height: clamp(63px, 4.48vw, 86px);
}

.cases-grid {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: clamp(15px, 1.04vw, 20px);
  display: grid;
}

.cases-col-left {
  flex-direction: column;
  gap: clamp(73px, 5.21vw, 100px);
  margin-top: clamp(73px, 5.21vw, 100px);
  display: flex;
}

.case-item {
  cursor: pointer;
  flex-direction: column;
  gap: clamp(7px, .52vw, 10px);
  width: fit-content;
  text-decoration: none;
  display: flex;
}

.case-img-wrap {
  border-radius: clamp(12px, .83vw, 16px);
  width: clamp(551px, 39.06vw, 750px);
  height: clamp(293px, 20.78vw, 399px);
  overflow: hidden;
}

.case-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.case-name {
  color: #fff;
  letter-spacing: .05em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(29px, 2.08vw, 40px);
  font-weight: 400;
  line-height: clamp(34px, 2.4vw, 46px);
}

.case-desc {
  color: #fff;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(12px, .83vw, 16px);
  font-weight: 400;
  line-height: clamp(19px, 1.35vw, 26px);
}

.cases-col-right {
  flex-direction: column;
  gap: clamp(73px, 5.21vw, 100px);
  display: flex;
}

.cs-hero {
  width: 100%;
  height: 100vh;
  padding-bottom: clamp(37px, 2.6vw, 50px);
  position: relative;
  overflow: hidden;
}

.cs-hero-container {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: clamp(80px, 6.25vw, 120px);
  display: flex;
  position: relative;
}

.cs-hero-bg {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cs-hero-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cs-hero-tag {
  color: #fff;
  width: 100%;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .94vw, 18px);
  font-weight: 400;
  line-height: clamp(19px, 1.35vw, 26px);
}

.cs-hero-tags {
  align-items: center;
  gap: clamp(22px, 1.56vw, 30px);
  display: flex;
}

.cs-hero-title {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(48px, 5.21vw, 100px);
  font-weight: 500;
  line-height: 1;
}

.cs-hero-content {
  flex-direction: column;
  gap: clamp(37px, 2.6vw, 50px);
  display: flex;
}

.cs-about {
  background-color: #fff;
  padding: clamp(80px, 6.25vw, 120px);
}

.cs-about-container {
  grid-template-columns: 1fr 1.5fr;
  align-items: start;
  gap: clamp(44px, 3.13vw, 60px);
  max-width: 1680px;
  margin: 0 auto;
  display: grid;
}

.cs-about-title {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(29px, 2.08vw, 40px);
  font-weight: 500;
  line-height: 1.2;
}

.cs-about-right {
  flex-direction: column;
  gap: clamp(22px, 1.56vw, 30px);
  max-width: clamp(720px, 51.09vw, 981px);
  display: flex;
}

.cs-about-right.v2 {
  max-width: clamp(740px, 52.45vw, 1007px);
}

.cs-about-text-bold {
  color: #000;
  max-width: clamp(720px, 51.09vw, 981px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(22px, 1.56vw, 30px);
  font-weight: 500;
  line-height: clamp(26px, 1.88vw, 36px);
}

.cs-about-text-bold.v2 {
  max-width: clamp(740px, 52.45vw, 1007px);
}

.cs-about-text {
  color: #000;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(18px, 1.3vw, 25px);
  font-weight: 400;
  line-height: clamp(29px, 2.08vw, 40px);
}

.cs-about-services {
  flex-direction: column;
  gap: clamp(10px, .63vw, 12px);
  display: flex;
}

.cs-about-services-label {
  color: #a4a5a9;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(15px, 1.04vw, 20px);
  font-weight: 400;
  line-height: clamp(19px, 1.35vw, 26px);
}

.cs-about-tags {
  flex-wrap: wrap;
  gap: clamp(8px, .52vw, 10px);
  display: flex;
}

.cs-about-tag {
  color: #000;
  background-color: #f5f4f6;
  border-radius: 78px;
  padding: clamp(7px, .52vw, 10px) clamp(22px, 1.56vw, 30px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(15px, 1.04vw, 20px);
  font-weight: 500;
  line-height: clamp(19px, 1.35vw, 26px);
}

.cs-mockup {
  background-color: #fff;
  padding: clamp(37px, 2.6vw, 50px) clamp(80px, 6.25vw, 120px);
}

.cs-mockup-container {
  grid-template-columns: 1fr 2fr;
  justify-content: space-between;
  align-items: center;
  gap: clamp(66px, 4.69vw, 90px);
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
}

.cs-mockup-tablet {
  border-radius: clamp(12px, .83vw, 16px);
  width: clamp(386px, 27.34vw, 525px);
  height: clamp(423px, 30vw, 576px);
  overflow: hidden;
}

.cs-mockup-tablet-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cs-mockup-laptop {
  border-radius: clamp(12px, .83vw, 16px);
  width: clamp(753px, 53.39vw, 1025px);
  height: clamp(539px, 38.23vw, 734px);
  overflow: hidden;
}

.cs-mockup-laptop-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cs-challenge {
  background-color: #fff;
  padding: clamp(80px, 6.25vw, 120px);
}

.cs-single {
  background-color: #fff;
  padding: clamp(37px, 2.6vw, 50px) clamp(88px, 6.25vw, 120px);
}

.cs-single-img-wrap {
  border-radius: clamp(12px, .83vw, 16px);
  width: 100%;
  overflow: hidden;
}

.cs-single-img {
  object-fit: cover;
  width: 100%;
  height: clamp(643px, 45.57vw, 875px);
}

.cs-process {
  background-color: #fff;
  padding: clamp(80px, 6.25vw, 120px);
}

.cs-process-container {
  grid-template-columns: 1fr 1.5fr;
  align-items: start;
  gap: clamp(44px, 3.13vw, 60px);
  max-width: 1680px;
  margin: 0 auto;
  display: grid;
}

.cs-process-title {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(29px, 2.08vw, 40px);
  font-weight: 700;
  line-height: 1.2;
}

.cs-process-right {
  flex-direction: column;
  gap: clamp(22px, 1.56vw, 30px);
  display: flex;
}

.cs-process-desc {
  color: #0009;
  margin-bottom: 0;
  font-size: clamp(13px, .83vw, 16px);
  font-weight: 400;
  line-height: 1.6;
}

.cs-process-list {
  flex-direction: column;
  display: flex;
}

.cs-process-item {
  border-bottom: 1px solid #0000001a;
  flex-direction: column;
  padding-top: clamp(22px, 1.56vw, 30px);
  padding-bottom: clamp(22px, 1.56vw, 30px);
  display: flex;
}

.cs-process-item-top {
  cursor: pointer;
  align-items: center;
  gap: clamp(12px, .83vw, 16px);
  display: flex;
}

.cs-process-num {
  color: #0006;
  min-width: 24px;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(15px, 1.04vw, 20px);
  font-weight: 400;
  line-height: clamp(22px, 1.56vw, 30px);
}

.cs-process-name {
  color: #000;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(29px, 2.08vw, 40px);
  font-weight: 400;
  line-height: clamp(34px, 2.4vw, 46px);
}

.cs-process-btn {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: clamp(29px, 2.08vw, 40px);
  height: clamp(29px, 2.08vw, 40px);
  display: flex;
}

.cs-process-answer {
  padding-left: clamp(24px, 1.56vw, 30px);
  display: grid;
  overflow: hidden;
}

.cs-process-answer-text {
  color: #0009;
  margin-bottom: 0;
  padding-top: clamp(10px, .63vw, 12px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .83vw, 16px);
  font-weight: 400;
  line-height: 1.6;
  overflow: hidden;
}

.cs-process-descc {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(18px, 1.3vw, 25px);
  font-weight: 400;
  line-height: clamp(29px, 2.08vw, 40px);
}

.cs-process-titlee {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(29px, 2.08vw, 40px);
  font-weight: 500;
  line-height: 1.2;
}

.cs-results {
  background-color: #fff;
  padding: clamp(80px, 6.25vw, 120px);
}

.cs-results-container {
  flex-direction: column;
  gap: clamp(73px, 5.21vw, 100px);
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
}

.cs-results-header {
  grid-template-columns: 1fr 1.5fr;
  align-items: start;
  gap: clamp(44px, 3.13vw, 60px);
  display: grid;
}

.cs-results-title {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(29px, 2.08vw, 40px);
  font-weight: 500;
  line-height: 1.2;
}

.cs-results-desc {
  color: #000;
  font-size: clamp(15px, 1.04vw, 20px);
  font-weight: 400;
  line-height: 1.6;
}

.cs-results-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: clamp(23px, 1.61vw, 31px);
  display: grid;
}

.cs-result-card {
  background-color: #f5f4f6;
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-start;
  gap: clamp(112px, 7.97vw, 153px);
  width: clamp(269px, 19.11vw, 367px);
  height: clamp(227px, 16.09vw, 309px);
  padding: clamp(18px, 1.3vw, 25px) clamp(37px, 2.6vw, 50px);
  display: flex;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.cs-result-card.v2 {
  width: clamp(273px, 19.38vw, 372px);
}

.cs-result-card.v3 {
  width: clamp(283px, 20.1vw, 386px);
}

.cs-result-card.v4 {
  width: clamp(250px, 21.5vw, 413px);
}

.cs-results-label {
  color: #00000080;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(18px, 1.3vw, 25px);
  font-weight: 500;
  line-height: clamp(29px, 2.08vw, 40px);
}

.cs-results-divider {
  background-color: #6d6a75;
  width: 100%;
  height: 1px;
  margin-bottom: clamp(15px, 1.04vw, 20px);
}

.cs-results-number {
  color: #000;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(29px, 2.08vw, 40px);
  font-weight: 500;
}

.cs-results-cta-text {
  margin-bottom: clamp(37px, 2.6vw, 50px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(22px, 1.56vw, 30px);
  font-weight: 500;
  line-height: clamp(26px, 1.88vw, 36px);
}

.cs-results-cta-btn {
  background-color: #1e4fbf;
  border: 1px solid #0000001a;
  border-radius: 8px;
  justify-content: space-between;
  padding: clamp(7px, .52vw, 10px) clamp(26px, 1.82vw, 35px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(15px, 1.04vw, 20px);
  line-height: clamp(19px, 1.35vw, 26px);
  text-decoration: none;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.cs-result-descc-copy {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(18px, 1.3vw, 25px);
  font-weight: 400;
  line-height: clamp(29px, 2.08vw, 40px);
}

.cs-results-card {
  background-color: #fff;
  border-radius: 30px;
  width: clamp(310px, 21.98vw, 422px);
  padding: clamp(37px, 2.6vw, 50px);
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.text-block-30 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
}

.cs-testimonial {
  background-color: #fff;
  padding: clamp(80px, 6.25vw, 120px);
}

.cs-testimonial-container {
  max-width: 1680px;
  margin: 0 auto;
}

.cs-testimonial-card {
  background-color: #000;
  border-radius: clamp(16px, 1.25vw, 24px);
  flex-direction: column;
  align-items: center;
  gap: clamp(29px, 2.08vw, 40px);
  padding: clamp(67px, 4.74vw, 91px) clamp(44px, 4.69vw, 90px);
  display: flex;
}

.cs-testimonial-quote {
  color: #fff;
  text-align: center;
  max-width: clamp(854px, 60.52vw, 1162px);
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(29px, 2.08vw, 40px);
  font-weight: 400;
  line-height: clamp(34px, 2.4vw, 46px);
}

.cs-testimonial-author {
  align-items: center;
  gap: clamp(12px, .83vw, 16px);
  display: flex;
}

.cs-testimonial-avatar {
  border-radius: 50%;
  flex-shrink: 0;
  width: clamp(54px, 3.85vw, 74px);
  height: clamp(54px, 3.85vw, 74px);
  overflow: hidden;
}

.cs-testimonial-info {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.cs-testimonial-name {
  color: #fff;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: clamp(13px, .94vw, 18px);
  font-weight: 600;
  line-height: clamp(19px, 1.35vw, 26px);
}

.cs-testimonial-role {
  color: #ffffff80;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: clamp(13px, .94vw, 18px);
  font-weight: 500;
  line-height: clamp(19px, 1.35vw, 26px);
}

.cs-aproach {
  background-color: #fff;
  padding: clamp(80px, 6.25vw, 120px);
}

.cs-related {
  background-color: #000;
  padding: clamp(80px, 6.25vw, 120px);
}

.cs-related-grid {
  grid-template-columns: 1fr 1fr;
  gap: clamp(34px, 2.4vw, 46px);
  width: 100%;
  display: grid;
}

.cs-related-item {
  cursor: pointer;
  flex-direction: column;
  gap: clamp(22px, 1.56vw, 30px);
  text-decoration: none;
  display: flex;
}

.cs-related-img-wrap {
  border-radius: clamp(12px, .83vw, 16px);
  width: 100%;
  overflow: hidden;
}

.cs-related-img {
  object-fit: cover;
  width: clamp(593px, 42.03vw, 807px);
  height: clamp(425px, 30.16vw, 579px);
}

.cs-related-name {
  color: #ffffff80;
  letter-spacing: .05em;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(12px, .83vw, 16px);
  font-weight: 500;
  line-height: clamp(16px, 1.15vw, 22px);
}

.cs-related-desc {
  color: #fff;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(23px, 1.67vw, 32px);
  font-weight: 400;
  line-height: clamp(27px, 1.93vw, 37px);
}

.cs-related-accent {
  margin-top: 0;
  margin-bottom: 0;
}

.cs-related-tag {
  color: #ffffff80;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(22px, 1.56vw, 30px);
  font-weight: 400;
  line-height: clamp(26px, 1.88vw, 36px);
}

.cs-related-title {
  color: #fff;
  text-align: center;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(44px, 3.13vw, 60px);
  font-weight: 500;
  line-height: clamp(48px, 3.44vw, 66px);
}

.cs-related-header {
  flex-direction: column;
  align-items: center;
  gap: clamp(10px, .63vw, 12px);
  display: flex;
}

.cs-related-container {
  flex-direction: column;
  align-items: center;
  gap: clamp(73px, 5.21vw, 100px);
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
}

.div-block-90 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-8 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/OrganicGrowth.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-9 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-9.mega-menu-img-10 {
  background-image: url('../images/WBM2.avif');
}

.div-block-91 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.mega-menu-img-10 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-92 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.div-block-93 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.mega-menu-img-11 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-11.mega-menu-img-10 {
  background-image: url('../images/WebflowDevelopment.avif');
}

.text-block-31 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.text-block-32 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
}

.text-block-33 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-94 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-12 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-12.mega-menu-img-13 {
  background-image: url('../images/WBM2.avif');
}

.div-block-95 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.mega-menu-img-13 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-96 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.div-block-97 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.mega-menu-img-14 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-14.mega-menu-img-13 {
  background-image: url('../images/WebflowDevelopment.avif');
}

.text-block-34 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.text-block-35 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
}

.text-block-36 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-98 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-15 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-15.mega-menu-img-16 {
  background-image: url('../images/WBM2.avif');
}

.div-block-99 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.mega-menu-img-16 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-100 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.div-block-101 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.mega-menu-img-17 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-17.mega-menu-img-16 {
  background-image: url('../images/WebflowDevelopment.avif');
}

.text-block-37 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.text-block-38 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
}

.text-block-39 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-102 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-18 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-18.mega-menu-img-19 {
  background-image: url('../images/WBM2.avif');
}

.div-block-103 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.mega-menu-img-19 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-104 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.div-block-105 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.mega-menu-img-20 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-20.mega-menu-img {
  background-image: url('../images/WBM2.avif');
}

.mega-menu-img-20.mega-menu-img-19, .mega-menu-img-20.mega-menu-img, .mega-menu-img-20.mega-menu-img, .mega-menu-img-20.mega-menu-img, .mega-menu-img-20.mega-menu-img {
  background-image: url('../images/WebflowDevelopment.avif');
}

.text-block-40 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.text-block-41 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
}

.text-block-42 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.text-block-43 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
}

.div-block-106 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-21 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/OrganicGrowth.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-107 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.div-block-108 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.text-block-44 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.cs-about-text-2 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(18px, 1.3vw, 25px);
  font-weight: 400;
  line-height: clamp(29px, 2.08vw, 40px);
}

.text-block-45, .text-block-46 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
}

.text-block-47 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-109 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.div-block-110 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-111 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.mega-menu-img-22 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/OrganicGrowth.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-112 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.cs-about-text-3 {
  color: #000;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(18px, 1.3vw, 25px);
  font-weight: 400;
  line-height: clamp(29px, 2.08vw, 40px);
}

.text-block-48 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.mega-menu-img-23 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/OrganicGrowth.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-113 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.div-block-114 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.div-block-115 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-116 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.text-block-49 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.cs-about-text-4 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(18px, 1.3vw, 25px);
  font-weight: 400;
  line-height: clamp(29px, 2.08vw, 40px);
}

.text-block-50 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
}

.text-block-51 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.contact-hero {
  padding: clamp(24px, 2vw, 40px) clamp(80px, 6.25vw, 120px);
}

.contact-hero-container {
  justify-content: space-between;
  align-items: center;
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
}

.contact-hero-left {
  align-items: center;
  gap: 24px;
  display: flex;
}

.contact-logo {
  width: 245.5px;
}

.contact-divider {
  background-color: #ffffff4d;
  width: 1px;
  height: 32px;
}

.contact-hero-mail {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.contact-mail-label {
  color: #ffffff80;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 1.25vw, 24px);
  font-weight: 300;
}

.contact-mail-link {
  color: #fff;
  font-size: clamp(16px, 1.25vw, 24px);
  font-weight: 400;
  text-decoration: none;
}

.contact-section {
  background-image: url('../images/zs.png');
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 100vh;
  padding: 50px clamp(40px, 7vw, 120px) 25px 0;
  display: flex;
  overflow-x: hidden;
}

.contact-left {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: clamp(32px, 3vw, 56px);
  min-width: 0;
  max-width: calc(100% - clamp(320px, 33vw, 643px));
  height: 100%;
  display: flex;
  position: relative;
}

.contact-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-user-select: none;
  user-select: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  margin: 0 auto;
  display: flex;
  position: relative;
}

.contact-top {
  align-items: center;
  gap: 30px;
  padding-bottom: clamp(40px, 8vw, 138px);
  padding-left: 107px;
  display: flex;
}

.contact-email-wrap {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.contact-email-label {
  color: #ffffff73;
  letter-spacing: .02em;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, 1.04vw, 20px);
  font-weight: 400;
  line-height: 24px;
}

.contact-email {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .85vw, 15px);
  font-weight: 400;
  text-decoration: none;
}

.contact-testimonials {
  z-index: 0;
  justify-content: flex-start;
  align-items: center;
  display: block;
  position: relative;
  overflow: hidden;
}

.contact-trust-bar {
  gap: clamp(24px, 3vw, 50px);
  margin-top: auto;
  padding-left: 107px;
  display: flex;
}

.contact-trust-item {
  align-items: center;
  gap: 10px;
  display: flex;
}

.contact-trust-icon {
  background-image: url('../images/C2d.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: clamp(16px, 1.1vw, 20px);
  height: clamp(16px, 1.1vw, 20px);
}

.contact-trust-text {
  color: #ffffff8c;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(12px, .8vw, 14px);
  font-weight: 400;
}

.contact-right {
  z-index: 10;
  background-color: #fff;
  border-radius: clamp(16px, 1.5vw, 24px);
  flex-direction: column;
  flex-shrink: 0;
  gap: clamp(20px, 4vw, 50px);
  width: clamp(320px, 33vw, 643px);
  padding: clamp(36px, 3.5vw, 56px);
  display: flex;
  position: relative;
  top: 0;
  right: 0;
}

.contact-form-title {
  color: #000;
  letter-spacing: -.02em;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(24px, 2.5vw, 40px);
  font-weight: 500;
  line-height: 1.15;
}

.contact-form-divider {
  gap: 8px;
  width: 100%;
  display: flex;
}

.contact-input {
  color: #000;
  background-color: #0000;
  border: none;
  border-bottom: 1px solid #00000026;
  border-radius: 0;
  outline: none;
  width: 100%;
  height: clamp(40px, 5vw, 61px);
  padding: 20px 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(14px, 1.8vw, 18px);
  font-weight: 400;
}

.contact-input::placeholder {
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-weight: 400;
}

.contact-input.v2 {
  height: clamp(160px, 15vw, 258px);
}

.contact-submit {
  letter-spacing: .08em;
  color: #fff;
  cursor: pointer;
  background-color: #1e4fbf;
  border: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: clamp(200px, 18vw, 287px);
  height: clamp(40px, 4vw, 65px);
  margin-top: clamp(6px, .5vw, 10px);
  padding: clamp(14px, 1.1vw, 18px) clamp(28px, 2.2vw, 40px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(14px, 1.8vw, 18px);
  display: flex;
}

.text-block-52 {
  color: #0006;
  margin-top: clamp(8px, .6vw, 12px);
  font-size: clamp(10px, .7vw, 12px);
  font-weight: 300;
  line-height: 1.6;
}

.contact-disclaimer {
  color: #000;
  margin-top: clamp(8px, .6vw, 12px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(14px, 1.8vw, 18px);
  font-weight: 300;
  line-height: 1.6;
}

.progress-step-1 {
  background-color: #000;
  border-radius: 30px;
  width: 100%;
  height: 5px;
}

.form {
  flex-flow: column;
  gap: clamp(16px, 2vw, 30px);
  display: flex;
}

.text-block-53 {
  font-size: clamp(13px, 1.04vw, 20px);
}

.testimonials-track {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.form-step-1 {
  flex-flow: column;
  gap: clamp(16px, 2vw, 30px);
  display: flex;
}

.form-step-2 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  gap: clamp(16px, 2vw, 30px);
  min-height: 258px;
  display: none;
}

.contact-textarea {
  color: #000;
  resize: vertical;
  border: none;
  border-bottom: 1px solid #0003;
  outline: none;
  width: 100%;
  min-height: 258px;
  max-height: 258px;
  padding: 12px 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(14px, 1.8vw, 18px);
}

.next-btn {
  letter-spacing: .08em;
  color: #fff;
  cursor: pointer;
  background-color: #1e4fbf;
  border: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: clamp(200px, 18vw, 287px);
  height: clamp(40px, 4vw, 65px);
  padding: clamp(14px, 1.1vw, 18px) clamp(28px, 2.2vw, 40px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(14px, 1.8vw, 18px);
  text-decoration: none;
  display: flex;
}

.next-btn.w--current {
  letter-spacing: .08em;
  color: #fff;
  cursor: pointer;
  background-color: #1e4fbf;
  border: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: clamp(200px, 18vw, 287px);
  height: clamp(40px, 4vw, 65px);
  margin-top: clamp(6px, .5vw, 10px);
  padding: clamp(14px, 1.1vw, 18px) clamp(28px, 2.2vw, 40px);
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(14px, 1.8vw, 18px);
  text-decoration: none;
  display: flex;
}

.progress-step-2 {
  background-color: #000;
  border-radius: 30px;
  width: 100%;
  height: 5px;
}

.div-block-117 {
  cursor: pointer;
  width: clamp(200px, 18vw, 287px);
}

.div-block-118 {
  flex-direction: column;
  gap: clamp(40px, 6vw, 100px);
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
}

.blog-hero {
  width: 100%;
  height: 70vh;
  padding-bottom: clamp(37px, 2.6vw, 50px);
  position: relative;
  overflow: hidden;
}

.blog-hero-bg {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-119 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.blog-hero-container {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: clamp(80px, 6.25vw, 120px);
  display: flex;
  position: relative;
}

.blog-hero-title.v2 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  display: flex;
}

.image-22 {
  object-fit: cover;
  background-image: url('../images/bloghero.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.heading-13 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(40px, 6.5vw, 100px);
  font-weight: 500;
  line-height: 1.1;
}

.paragraph-9 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(24px, 2.08vw, 40px);
  font-weight: 400;
  line-height: 1.1;
}

.blog-section {
  background-color: #000;
  padding: clamp(60px, 6.25vw, 120px) clamp(40px, 6.25vw, 120px) clamp(30px, 3.13vw, 60px);
}

.blog-featured {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(40px, 4.17vw, 80px);
  display: grid;
}

.blog-featured-img {
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}

.blog-featured-content {
  flex-direction: column;
  gap: 12px;
  text-decoration: none;
  display: flex;
}

.image-23 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.blog-featured-meta {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .83vw, 16px);
  font-weight: 400;
  line-height: 1.5;
}

.blog-featured-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(24px, 2.08vw, 40px);
  font-weight: 400;
  line-height: 1.2;
}

.blog-grid-section {
  background-color: #000;
  padding: clamp(30px, 3.13vw, 60px) clamp(40px, 6.25vw, 120px) clamp(60px, 6.25vw, 120px);
}

.blog-grid-section.v221 {
  background-color: #020816;
}

.blog-grid-container {
  width: 100%;
}

.blog-grid-container.v221 {
  flex-flow: column;
  display: flex;
}

.blog-grid {
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(28px, 2.6vw, 50px);
  margin-top: clamp(40px, 4.17vw, 80px);
  display: grid;
}

.blog-grid.v221 {
  margin-top: clamp(28px, 2.6vw, 50px);
}

.blog-card {
  flex-direction: column;
  gap: clamp(6px, .52vw, 10px);
  text-decoration: none;
  display: flex;
}

.blog-card-img {
  border-radius: 12px;
  width: clamp(280px, 27.03vw, 519px);
  height: clamp(163px, 15.16vw, 291px);
  margin-bottom: 4px;
  overflow: hidden;
}

.blog-card-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 8px #0000000f, 0 0 4px #0000000a;
}

.blog-card-meta {
  color: #ffffff80;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(13px, .83vw, 16px);
}

.blog-card-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 1.25vw, 24px);
  font-weight: 400;
  line-height: 1.3;
}

.heroabout {
  background-image: url('../images/AboutHero.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding-top: 0;
  display: flex;
}

.terms-container {
  z-index: 1;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  padding: clamp(80px, 6.25vw, 120px);
  display: flex;
  position: relative;
}

.terms-hero {
  width: 100%;
  height: 70vh;
  padding-bottom: clamp(37px, 2.6vw, 50px);
  position: relative;
  overflow: hidden;
}

.paragraph-10 {
  color: #fff;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(20px, 2.6vw, 40px);
  line-height: 1.1;
}

.terms-content {
  flex-direction: column;
  gap: clamp(32px, 3vw, 48px);
  display: flex;
}

.terms-section {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.terms-heading {
  margin-top: 48px;
  margin-bottom: 12px;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 2vw, 30px);
  font-weight: 700;
}

.terms-text {
  color: #000000b3;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(12px, 1.3vw, 20px);
  line-height: 1.7;
}

.terms-list {
  flex-direction: column;
  gap: 4px;
  padding-left: 20px;
  display: flex;
}

.terms-item {
  color: #000000b3;
  font-size: clamp(13px, 1vw, 15px);
  line-height: 1.7;
}

.div-block-120 {
  max-width: 1000px;
  margin: 0 auto;
  padding: clamp(60px, 7vw, 120px) clamp(24px, 4vw, 60px);
}

.div-block-121 {
  flex-flow: column;
  display: flex;
}

.div-block-122 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-24 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/OrganicGrowth.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.image-24 {
  object-fit: cover;
  background-image: url('../images/bloghero.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-123 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.heading-14 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(40px, 6.5vw, 100px);
  font-weight: 500;
  line-height: 1.1;
}

.div-block-124 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.div-block-125 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.text-block-54 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-126 {
  max-width: 1000px;
  margin: 0 auto;
  padding: clamp(60px, 7vw, 120px) clamp(24px, 4vw, 60px);
}

.div-block-127 {
  flex-flow: column;
  display: flex;
}

.heading-15 {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(16px, 1.6vw, 25px);
  font-weight: 500;
}

.div-block-128 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-25 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/OrganicGrowth.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.image-25 {
  object-fit: cover;
  background-image: url('../images/bloghero.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-129 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.div-block-130 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.heading-16 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(40px, 6.5vw, 100px);
  font-weight: 500;
  line-height: 1.1;
}

.div-block-131 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.text-block-55 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-132 {
  flex-flow: column;
  display: flex;
}

.div-block-133 {
  max-width: 1000px;
  margin: 0 auto;
  padding: clamp(60px, 7vw, 120px) clamp(24px, 4vw, 60px);
}

.div-block-134 {
  flex-flow: column;
  display: flex;
}

.blog-post-hero {
  background-image: linear-gradient(#0a0f1e, #2952e3);
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.blog-post-hero-bg {
  object-fit: cover;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-post-hero-container {
  z-index: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 80%;
  min-height: 400px;
  margin: 0 auto;
  padding: clamp(60px, 7vw, 120px) clamp(40px, 6.25vw, 120px);
  display: flex;
  position: relative;
}

.blog-post-title {
  color: #fff;
  max-width: 60%;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 5.2vw;
  font-weight: 500;
  line-height: clamp(46px, 6vw, 130px);
}

.blog-post-image {
  object-fit: contain;
  align-self: center;
  width: clamp(300px, 38vw, 680px);
  height: auto;
}

.div-block-135 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.image-26 {
  width: 100%;
  height: 100%;
}

.section-15 {
  background-image: linear-gradient(#2952e3, #2348c6 15%, #1d3ea9 30%, #17348c 50%, #112a6f 65%, #0a1f42 80%, #020816);
  height: clamp(40px, 5.2vw, 80px);
}

.blog-post-body {
  background-color: #000;
}

.blog-post-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #020816;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  gap: clamp(40px, 5vw, 80px);
  margin: 0 auto;
  padding: clamp(60px, 7vw, 120px);
  display: grid;
}

.blog-post-left {
  flex-shrink: 0;
  width: 200px;
  position: sticky;
  top: 100px;
}

.blog-author-label {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(12px, 1vw, 16px);
  font-weight: 400;
}

.blog-author-name {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(14px, 2vw, 20px);
  font-weight: 500;
  line-height: clamp(20px, 2.5vw, 26px);
}

.blog-post-right {
  flex: 1;
  max-width: 978px;
}

.blog-post-intro {
  color: #fff;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(14px, 2vw, 20px);
  line-height: clamp(20px, 2.5vw, 26px);
}

.blog-post-section {
  flex-flow: column;
  gap: clamp(16px, 2.5vw, 30px);
  display: flex;
}

.blog-post-section.v223 {
  border: 1px solid #ffffff4d;
  border-left: 0 #000;
  border-right: 0 #000;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.blog-post-section.v224 {
  border: 1px #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 50px;
}

.blog-post-section.v2234 {
  border: 0 #000;
  border-top: 1px solid #ffffff4d;
  border-bottom: 1px #ffffff4d;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.blog-section-heading {
  color: #fff;
  margin-top: 50px;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(24px, 3.5vw, 40px);
  font-weight: 400;
  line-height: clamp(30px, 4vw, 46px);
}

.blog-section-heading.v23 {
  margin-top: 0;
  margin-bottom: 0;
}

.blog-item {
  font-size: clamp(13px, 1vw, 15px);
  line-height: 1.7;
}

.blog-text {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(12px, 1.3vw, 20px);
  line-height: 1.7;
}

.blog-list {
  color: #fff;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 0;
  padding-left: 20px;
  list-style-type: disc;
  display: flex;
}

.blog-list.v33 {
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  list-style-type: decimal;
}

.heading-17 {
  color: #fff;
  margin-top: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(64px, 10vw, 140px);
  font-weight: 500;
  line-height: 1.1;
}

.div-block-136 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-137 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-26 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/OrganicGrowth.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-138 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.image-27 {
  width: 100%;
  height: 100%;
}

.div-block-139 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.div-block-140 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.text-block-56 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.section-16 {
  background-image: linear-gradient(#2952e3, #2348c6 15%, #1d3ea9 30%, #17348c 50%, #112a6f 65%, #0a1f42 80%, #020816);
  height: clamp(40px, 5.2vw, 80px);
}

.div-block-141 {
  flex-flow: column;
  display: flex;
}

.div-block-142 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.heading-18 {
  color: #fff;
  margin-top: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(64px, 10vw, 140px);
  font-weight: 500;
  line-height: 1.1;
}

.text-block-57, .text-block-58 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-143 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-27 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/OrganicGrowth.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.image-28 {
  width: 100%;
  height: 100%;
}

.div-block-144 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.div-block-145 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.div-block-146 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.text-block-59 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.section-17 {
  background-image: linear-gradient(#2952e3, #2348c6 15%, #1d3ea9 30%, #17348c 50%, #112a6f 65%, #0a1f42 80%, #020816);
  height: clamp(40px, 5.2vw, 80px);
}

.div-block-147 {
  flex-flow: column;
  display: flex;
}

.div-block-148 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-60 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.heading-19 {
  color: #fff;
  margin-top: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(64px, 10vw, 140px);
  font-weight: 500;
  line-height: 1.1;
}

.text-block-61 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.heading-20 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(20px, 2.5vw, 30px);
  font-weight: 400;
  line-height: clamp(24px, 3vw, 36px);
}

.heading-20.vvh {
  margin-top: 50px;
}

.heading-20.v3 {
  margin-top: 0;
}

.div-block-149 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-28 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/OrganicGrowth.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-29 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-29.mega-menu-img-30 {
  background-image: url('../images/WBM2.avif');
}

.image-29 {
  width: 100%;
  height: 100%;
}

.div-block-150 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.mega-menu-img-30 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-151 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.mega-menu-img-31 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-31.mega-menu-img-30 {
  background-image: url('../images/WebflowDevelopment.avif');
}

.div-block-152 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.text-block-62 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.section-18 {
  background-image: linear-gradient(#2952e3, #2348c6 15%, #1d3ea9 30%, #17348c 50%, #112a6f 65%, #0a1f42 80%, #020816);
  height: clamp(40px, 5.2vw, 80px);
}

.div-block-153 {
  flex-flow: column;
  display: flex;
}

.div-block-154 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-63 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.heading-21 {
  color: #fff;
  margin-top: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(64px, 10vw, 140px);
  font-weight: 500;
  line-height: 1.1;
}

.text-block-64 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.image-30 {
  width: 100%;
  height: 100%;
}

.div-block-155 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-32 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-32.mega-menu-img-33 {
  background-image: url('../images/WBM2.avif');
}

.div-block-156 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.mega-menu-img-33 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-157 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.mega-menu-img-34 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-34.mega-menu-img-33 {
  background-image: url('../images/WebflowDevelopment.avif');
}

.div-block-158 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.text-block-65 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.section-19 {
  background-image: linear-gradient(#2952e3, #2348c6 15%, #1d3ea9 30%, #17348c 50%, #112a6f 65%, #0a1f42 80%, #020816);
  height: clamp(40px, 5.2vw, 80px);
}

.heading-22 {
  color: #fff;
  margin-top: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(64px, 10vw, 140px);
  font-weight: 500;
  line-height: 1.1;
}

.div-block-159 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-66, .text-block-67 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-160 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-35 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-35.mega-menu-img-36 {
  background-image: url('../images/WBM2.avif');
}

.div-block-161 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.mega-menu-img-36 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-162 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.div-block-163 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.image-31 {
  width: 100%;
  height: 100%;
}

.mega-menu-img-37 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-37.mega-menu-img-36 {
  background-image: url('../images/WebflowDevelopment.avif');
}

.text-block-68 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.section-20 {
  background-image: linear-gradient(#2952e3, #2348c6 15%, #1d3ea9 30%, #17348c 50%, #112a6f 65%, #0a1f42 80%, #020816);
  height: clamp(40px, 5.2vw, 80px);
}

.div-block-164 {
  flex-flow: column;
  display: flex;
}

.div-block-165 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-69 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.heading-23 {
  color: #fff;
  margin-top: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(64px, 10vw, 140px);
  font-weight: 500;
  line-height: 1.1;
}

.text-block-70 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-166 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.div-block-167 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-32 {
  width: 100%;
  height: 100%;
}

.mega-menu-img-38 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-38.mega-menu-img-39 {
  background-image: url('../images/WBM2.avif');
}

.div-block-168 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.mega-menu-img-39 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-169 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.mega-menu-img-40 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-40.mega-menu-img-39 {
  background-image: url('../images/WebflowDevelopment.avif');
}

.text-block-71 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.section-21 {
  background-image: linear-gradient(#2952e3, #2348c6 15%, #1d3ea9 30%, #17348c 50%, #112a6f 65%, #0a1f42 80%, #020816);
  height: clamp(40px, 5.2vw, 80px);
}

.text-block-72 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.heading-24 {
  color: #fff;
  margin-top: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(64px, 10vw, 140px);
  font-weight: 500;
  line-height: 1.1;
}

.div-block-170 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-73 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-171 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-33 {
  width: 100%;
  height: 100%;
}

.mega-menu-img-41 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-41.mega-menu-img-42 {
  background-image: url('../images/WBM2.avif');
}

.div-block-172 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.mega-menu-img-42 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-173 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.div-block-174 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.mega-menu-img-43 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-43.mega-menu-img-42 {
  background-image: url('../images/WebflowDevelopment.avif');
}

.text-block-74 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.section-22 {
  background-image: linear-gradient(#2952e3, #2348c6 15%, #1d3ea9 30%, #17348c 50%, #112a6f 65%, #0a1f42 80%, #020816);
  height: clamp(40px, 5.2vw, 80px);
}

.heading-25 {
  color: #fff;
  margin-top: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(64px, 10vw, 140px);
  font-weight: 500;
  line-height: 1.1;
}

.text-block-75 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-175 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-76 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-176 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-34 {
  width: 100%;
  height: 100%;
}

.mega-menu-img-44 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-44.mega-menu-img-45 {
  background-image: url('../images/WBM2.avif');
}

.div-block-177 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.mega-menu-img-45 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-178 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.div-block-179 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.mega-menu-img-46 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-46.mega-menu-img-45 {
  background-image: url('../images/WebflowDevelopment.avif');
}

.text-block-77 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.section-23 {
  background-image: linear-gradient(#2952e3, #2348c6 15%, #1d3ea9 30%, #17348c 50%, #112a6f 65%, #0a1f42 80%, #020816);
  height: clamp(40px, 5.2vw, 80px);
}

.text-block-78 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.heading-26 {
  color: #fff;
  margin-top: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(64px, 10vw, 140px);
  font-weight: 500;
  line-height: 1.1;
}

.div-block-180 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-79 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-181 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-47 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-47.mega-menu-img-48 {
  background-image: url('../images/WBM2.avif');
}

.div-block-182 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.div-block-183 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.mega-menu-img-48 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-184 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.image-35 {
  width: 100%;
  height: 100%;
}

.mega-menu-img-49 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-49.mega-menu-img-48 {
  background-image: url('../images/WebflowDevelopment.avif');
}

.text-block-80 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.section-24 {
  background-image: linear-gradient(#2952e3, #2348c6 15%, #1d3ea9 30%, #17348c 50%, #112a6f 65%, #0a1f42 80%, #020816);
  height: clamp(40px, 5.2vw, 80px);
}

.text-block-81 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-185 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.heading-27 {
  color: #fff;
  margin-top: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(64px, 10vw, 140px);
  font-weight: 500;
  line-height: 1.1;
}

.text-block-82 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-186 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-36 {
  width: 100%;
  height: 100%;
}

.mega-menu-img-50 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/WDS.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.mega-menu-img-50.mega-menu-img {
  background-image: url('../images/WBM2.avif');
}

.div-block-187 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.div-block-188 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.div-block-189 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.text-block-83 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.section-25 {
  background-image: linear-gradient(#2952e3, #2348c6 15%, #1d3ea9 30%, #17348c 50%, #112a6f 65%, #0a1f42 80%, #020816);
  height: clamp(40px, 5.2vw, 80px);
}

.text-block-84 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.heading-28 {
  color: #fff;
  margin-top: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(64px, 10vw, 140px);
  font-weight: 500;
  line-height: 1.1;
}

.div-block-190 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-85 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-191 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-51 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/OrganicGrowth.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-192 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.div-block-193 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.image-37 {
  width: 100%;
  height: 100%;
}

.div-block-194 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.text-block-86 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.section-26 {
  background-image: linear-gradient(#2952e3, #2348c6 15%, #1d3ea9 30%, #17348c 50%, #112a6f 65%, #0a1f42 80%, #020816);
  height: clamp(40px, 5.2vw, 80px);
}

.text-block-87 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-195 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.heading-29 {
  color: #fff;
  margin-top: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(64px, 10vw, 140px);
  font-weight: 500;
  line-height: 1.1;
}

.text-block-88 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-196 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  gap: clamp(20px, 1.56vw, 30px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.mega-menu-img-52 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #fff;
  background-image: url('../images/OrganicGrowth.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  width: 100%;
  margin-bottom: clamp(6px, .52vw, 10px);
}

.div-block-197 {
  width: 100%;
  padding: clamp(14px, 1.04vw, 20px) clamp(40px, 6.25vw, 120px);
  position: relative;
}

.div-block-198 {
  z-index: 100;
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  position: static;
  top: 0;
}

.div-block-199 {
  padding-left: 0;
  display: flex;
  position: absolute;
  left: 120px;
}

.image-38 {
  width: 100%;
  height: 100%;
}

.text-block-89 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.section-27 {
  background-image: linear-gradient(#2952e3, #2348c6 15%, #1d3ea9 30%, #17348c 50%, #112a6f 65%, #0a1f42 80%, #020816);
  height: clamp(40px, 5.2vw, 80px);
}

.text-block-90 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.div-block-200 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.heading-30 {
  color: #fff;
  margin-top: 0;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(64px, 10vw, 140px);
  font-weight: 500;
  line-height: 1.1;
}

.text-block-91 {
  color: #000;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.background-video {
  will-change: transform;
  height: 100vh;
}

.body-2 {
  background-image: url('../images/ChatGPT-Image-Jun-5-2026-09_34_45-PM.png');
  background-position: 50%;
  background-size: cover;
}

._404-hero {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

._404-container {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: clamp(12px, 2vw, 30px);
  padding: 0 24px;
  display: flex;
}

.heading-31 {
  color: #fff;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(48px, 5.5vw, 80px);
  font-weight: 500;
  line-height: clamp(54px, 6vw, 88px);
}

.paragraph-11 {
  color: #6b7fa3;
  font-family: Oldschoolgrotesk, Arial, sans-serif;
  font-size: clamp(18px, 1.8vw, 22px);
  line-height: clamp(28px, 2.5vw, 32px);
}

@media screen and (max-width: 991px) {
  .div-block-5 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-7, .div-block-30 {
    display: none;
  }

  .div-block-32 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-51 {
    display: none;
  }

  .div-block-53 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-73 {
    display: none;
  }

  .div-block-75 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-81 {
    display: none;
  }

  .div-block-83 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-90 {
    display: none;
  }

  .div-block-91 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-94 {
    display: none;
  }

  .div-block-95 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-98 {
    display: none;
  }

  .div-block-99 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-102 {
    display: none;
  }

  .div-block-103 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-106 {
    display: none;
  }

  .div-block-107, .div-block-109 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-110 {
    display: none;
  }

  .div-block-114 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-115, .div-block-122 {
    display: none;
  }

  .div-block-123 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-128 {
    display: none;
  }

  .div-block-129 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-137 {
    display: none;
  }

  .div-block-138 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-143 {
    display: none;
  }

  .div-block-144 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-149 {
    display: none;
  }

  .div-block-150 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-155 {
    display: none;
  }

  .div-block-156 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-160 {
    display: none;
  }

  .div-block-161 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-167 {
    display: none;
  }

  .div-block-168 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-171 {
    display: none;
  }

  .div-block-172 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-176 {
    display: none;
  }

  .div-block-177 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-181 {
    display: none;
  }

  .div-block-183 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-186 {
    display: none;
  }

  .div-block-187 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-191 {
    display: none;
  }

  .div-block-192 {
    padding-left: 16px;
    padding-right: 48px;
  }

  .div-block-196 {
    display: none;
  }

  .div-block-197 {
    padding-left: 16px;
    padding-right: 48px;
  }
}

#w-node-eb4f6076-cc7a-b92c-ac90-f06d49284e45-15cdb0c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}


@font-face {
  font-family: 'Benzin';
  src: url('../fonts/benzin-semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oldschoolgrotesk';
  src: url('../fonts/OldschoolGrotesk-NormalMedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oldschoolgrotesk';
  src: url('../fonts/OldschoolGrotesk-NormalLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oldschoolgrotesk';
  src: url('../fonts/OldschoolGrotesk-NormalExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oldschoolgrotesk';
  src: url('../fonts/OldschoolGrotesk-NormalRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oldschoolgrotesk';
  src: url('../fonts/OldschoolGrotesk-NormalBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}