@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
    font-family: "Inter", sans-serif;

}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}


.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-weight: normal;
    padding-right: 18px;
    padding-left: 18px;
}






.frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.frame .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 0px 1px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fff;
  border-top-style: none;
  border-right-style: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-style: none;
  border-color: #fff;
  backdrop-filter: blur(4px) brightness(100%);
  -webkit-backdrop-filter: blur(4px) brightness(100%);
}

.navbar {
    WIDTH: 100%;
}

.frame .container {
  position: relative;
  max-width: 1340px;
  width: 100%;
  height: 64px;
}
.main_container{ position: relative;
  max-width: 1340px;
  width: 100%;
  height: auto; }
.frame .layer {
     position: absolute;
    width: 140px;
    height: 45px;
    top: 13px;
    left: 0px;
}

.frame .nav {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  position: absolute;
  top: 22px;
  left: 598px;
}

.frame .link {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.frame .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #020817;
  font-size: 13.3px;
  letter-spacing: 0;
  line-height: 20px;
  
}

.frame .div {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #020817;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 20px;
  
}

.frame .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #020817;
  font-size: 12.9px;
  letter-spacing: 0;
  line-height: 20px;
  
}

.frame .button {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  position: absolute;
  top: 12px;
  left: 1223px;
  background-color: #0f172a;
  border-radius: 6px;
}

.frame .text-wrapper-3 {
  position: relative;
  width: fit-content;
  
  font-weight: 400;
  color: #f8fafc;
  font-size: 13.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
  
}

.frame .div-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 260px 10px;
    position: static;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-image: 
        linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url('../../images/bg-main.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.frame .div-222 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 260px 10px;
    position: static;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-image: 
        linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url('../../images/process.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.frame .div-blog {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 260px 10px;
    position: static;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-image: 
        linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url('../../images/process.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.main-container{ max-width: 1340px; margin: auto;}


.frame .div-new {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 260px 10px;
    position: static;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-image: 
        linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url('../../images/bg_3.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.m_b_0{ margin-bottom: 0px !important;}


.frame .heading-your {
  position: static;
  align-self: stretch;
  
  font-weight: 700;
  color: #fefefe;
  font-size: 80px;
  text-align: center;
  letter-spacing: 0;
  line-height: 82px;
  margin-bottom: 24px;;
}

.frame .heading-your span{ color:#319DEF; }

.frame .we-help-deep-tech {
  position: static;
  align-self: stretch;
  font-weight: 400;
  color: #fbfbfb;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;    max-width: 740px; margin: auto;
}
.frame .we-help-deep-tech span{     font-size: 28px;
    margin-bottom: 25px;
    float: left;
    width: 100%;
    text-align: center;}


.frame .div-3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .div-wrapper {
  all: unset;
  box-sizing: border-box;
  padding:5px 40px;
  flex: 0 0 auto;
  background-color: #ffffff;
  display: inline-flex;
  height: auto;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 6px;
  cursor: pointer;

}

.frame .text-wrapper-4 {
  position: relative;
  width: fit-content;
  
  font-weight: 400;
  color: #0f172a;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
  
}

.frame .button-2 {
  all: unset;
  box-sizing: border-box;
  padding: 1px 33px;
  flex: 0 0 auto;
  border: 1px solid;
  border-color: #e2e8f0;
  display: inline-flex;
  height: 44px;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 6px;
}

.frame .text-wrapper-5 {
  position: relative;
  width: fit-content;
  
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
  
  cursor: pointer;
}

.frame .div-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 64px;
  padding: 80px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fbfcfd;
}

.frame .div-5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .heading-what-we {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #020817;
  font-size: 35.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 40px;
}

.frame .container-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .p {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #64748b;
  font-size: 16.7px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
}

.frame .div-6 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 32px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: 64px;
}

.frame .div-7 {
  display: flex;
  flex-direction: column;
  width: 424px;
  align-items: flex-start;
  gap: 16px;
  padding: 32px;
  position: relative;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 4px 6px -4px #0000001a, 0px 10px 15px -3px #0000001a;
}

.frame .background {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #dbeafe;
  border-radius: 8px;
}

.frame .images {
  position: relative;
  width: 24px;
  height: 24px;
}

.frame .group {
  position: relative;
  width: 20px;
  height: 20px;
  top: 2px;
  left: 2px;
}

.frame .group-2 {
  position: absolute;
  width: 6px;
  height: 11px;
  top: -1px;
  left: -1px;
}

.frame .group-3 {
  position: absolute;
  width: 6px;
  height: 11px;
  top: -1px;
  left: 15px;
}

.frame .overlap-group-wrapper {
  position: absolute;
  width: 5px;
  height: 18px;
  top: 2px;
  left: 7px;
}

.frame .overlap-group {
  position: relative;
  height: 18px;
}

.frame .ellipse {
  position: absolute;
  width: 5px;
  height: 5px;
  top: 0;
  left: 0;
  background-color: #2563eb;
  border-radius: 2.55px;
}

.frame .vector {
  position: absolute;
  width: 2px;
  height: 15px;
  top: 3px;
  left: 2px;
}

.frame .text-wrapper-6 {
  position: relative;
  width: fit-content;
  
  font-weight: 700;
  color: #020817;
  font-size: 19.4px;
  letter-spacing: 0;
  line-height: 28px;
  
}

.frame .text-wrapper-7 {
  position: relative;
  align-self: stretch;
  
  font-weight: 400;
  color: #64748b;
  font-size: 14.8px;
  letter-spacing: 0;
  line-height: 24px;
}

.frame .background-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .images-wrapper {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #f3e8ff;
  border-radius: 8px;
}

.frame .heading-glass {
  position: relative;
  align-self: stretch;
  
  font-weight: 700;
  color: #020817;
  font-size: 19.5px;
  letter-spacing: 0;
  line-height: 28px;
}

.frame .text-wrapper-8 {
  position: relative;
  align-self: stretch;
  
  font-weight: 400;
  color: #64748b;
  font-size: 14.9px;
  letter-spacing: 0;
  line-height: 24px;
}

.frame .background-2 {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #dcfce7;
  border-radius: 8px;
}

.frame .heading-flexible {
  position: relative;
  align-self: stretch;
  
  font-weight: 700;
  color: #020817;
  font-size: 19.4px;
  letter-spacing: 0;
  line-height: 28px;
}

.frame .text-wrapper-9 {
  position: relative;
  align-self: stretch;
  
  font-weight: 400;
  color: #64748b;
  font-size: 14.6px;
  letter-spacing: 0;
  line-height: 24px;
}

.frame .heading-glass-2 {
  position: relative;
  width: fit-content;
  
  font-weight: 700;
  color: #020817;
  font-size: 19.5px;
  letter-spacing: 0;
  line-height: 28px;
  
}

.frame .div-8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 64px;
  padding: 80px 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.frame .frame-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 54px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .heading-results {
  font-size: 35px;
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #020817;
  text-align: center;
  letter-spacing: 0;
  line-height: 40px;
}

.frame .text-wrapper-10 {
  position: relative;
  align-self: stretch;
  
  font-weight: 400;
  color: #64748b;
  font-size: 16.7px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
}

.frame .div-9 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 32px 150px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .div-10 {
  display: flex;
  flex-direction: column;
  width: 200px;
  align-items: center;
  gap: 8px;
  position: relative;
}

.frame .text-wrapper-11 {
  position: relative;
  align-self: stretch;
  height: 48px;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #2563eb;
  font-size: 43.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 48px;
  
}

.frame .text-wrapper-12 {
  position: relative;
  align-self: stretch;
  height: 20px;
  
  font-weight: 400;
  color: #64748b;
  font-size: 12.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
  
}

.frame .div-11 {
  display: flex;
  flex-direction: column;
  width: 130px;
  align-items: center;
  gap: 8px;
  position: relative;
}

.frame .element {
  color: #9333ea;
  font-size: 32px;
  line-height: 32px;
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  
  font-weight: 700;
  text-align: center;
  letter-spacing: 0;
}

.frame .span {
  line-height: 49px;
}

.frame .text-wrapper-13 {
  font-size: 43.1px;
  line-height: 48px;
}

.frame .text-wrapper-14 {
  position: relative;
  align-self: stretch;
  height: 20px;
  
  font-weight: 400;
  color: #64748b;
  font-size: 13.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
  
}

.frame .div-12 {
  display: flex;
  flex-direction: column;
  width: 150.67px;
  align-items: center;
  gap: 8px;
  position: relative;
}

.frame .element-m {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #16a34a;
  font-size: 40.9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 48px;
}

.frame .text-wrapper-15 {
  
  font-weight: 700;
  color: #16a34a;
  font-size: 40.9px;
  letter-spacing: 0;
  line-height: 48px;
}

.frame .text-wrapper-16 {
  font-size: 24px;
}

.frame .text-wrapper-17 {
  position: relative;
  align-self: stretch;
  height: 20px;
  
  font-weight: 400;
  color: #64748b;
  font-size: 12.9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
  
}

.frame .div-13 {
  display: flex;
  flex-direction: column;
  width: 136px;
  align-items: flex-end;
  gap: 8px;
  position: relative;
}

.frame .text-wrapper-18 {
  color: #ea580c;
  font-size: 41.8px;
  line-height: 48px;
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  
  font-weight: 700;
  text-align: center;
  letter-spacing: 0;
}

.frame .frame-wrapper-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 65px;
  padding: 80px 54px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.frame .div-14 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 65px 65px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.frame .cleanroom-workflow-wrapper {
  display: flex;
  width: 644px;
  align-items: center;
  justify-content: center;
  padding: 32px;
  position: relative;
  border-radius: 24px;
  background: linear-gradient(
    145deg,
    rgba(243, 244, 246, 1) 0%,
    rgba(229, 231, 235, 1) 100%
  );
}

.frame .cleanroom-workflow {
  position: relative;
  flex: 1;
  max-width: 644px;
  flex-grow: 1;
  height: 580px;
  border-radius: 16px;
  background-image: url(./images/cleanroom-workflow-and-device-stack.png);
  background-size: cover;
  background-position: 50% 50%;
}

.frame .div-15 {
  display: flex;
  flex-direction: column;
  width: 582.79px;
  align-items: flex-start;
  gap: 32px;
  position: relative;
}

.frame .div-16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;    padding: 0px 10px;
}

.frame .div-17 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
      margin-top: 50px;
}

.frame .heading-our {
  position: relative;
  align-self: stretch;
  height: auto;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #020817;
  font-size: 34.9px;
  letter-spacing: 0;
  line-height: 40px;
}

.frame .text-wrapper-19 {
  position: relative;
  align-self: stretch;
  height: auto;
  
  font-weight: 400;
  color: #64748b;
  font-size: 16.6px;
  letter-spacing: 0;
  line-height: 28px;
}

.frame .div-18 {
  display: flex;
  flex-direction: column;

  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.frame .div-19 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.frame .background-3 {
  position: relative;
  width: 8px;
  height: 8px;
  background-color: #2563eb;
  border-radius: 9999px;
}

.frame .text-wrapper-20 {
  position: relative;
  width: 167.01px;
  height: 28px;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #020817;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 28px;
  
}

.frame .background-4 {
  position: relative;
  width: 8px;
  height: 8px;
  background-color: #9333ea;
  border-radius: 9999px;
}

.frame .text-wrapper-21 {
  position: relative;
  width: 240.7px;
  height: 28px;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #020817;
  font-size: 16.7px;
  letter-spacing: 0;
  line-height: 28px;
  
}

.frame .div-20 {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .background-5 {
  position: relative;
  width: 8px;
  height: 8px;
  background-color: #f4f81a;
  border-radius: 9999px;
}

.frame .text-wrapper-22 {
  position: relative;
  width: 252.87px;
  height: 28px;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #020817;
  font-size: 16.9px;
  letter-spacing: 0;
  line-height: 28px;
}

.frame .background-6 {
  position: relative;
  width: 8px;
  height: 8px;
  background-color: #16a34a;
  border-radius: 9999px;
}

.frame .text-wrapper-23 {
  position: relative;
  width: 240.04px;
  height: 28px;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #020817;
  font-size: 16.9px;
  letter-spacing: 0;
  line-height: 28px;
  
}

.frame .background-7 {
  position: relative;
  width: 8px;
  height: 8px;
  background-color: #f9a825;
  border-radius: 9999px;
}

.frame .text-wrapper-24 {
  position: relative;
  width: 228.59px;
  height: 28px;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #020817;
  font-size: 16.7px;
  letter-spacing: 0;
  line-height: 28px;
  
}

.frame .background-8 {
  position: relative;
  width: 8px;
  height: 8px;
  background-color: #dc2626;
  border-radius: 9999px;
}

.frame .text-wrapper-25 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #020817;
  font-size: 16.7px;
  letter-spacing: 0;
  line-height: 28px;
  
}

.frame .button-3 {
  padding: 0px 32px;
  background-color: #0f172a;
  display: inline-flex;
  height: 44px;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 6px;
  cursor: pointer; margin-top: 30px;
}

.frame .text-wrapper-26 {
  position: relative;
  width: fit-content;
  
  font-weight: 400;
  color: #f8fafc;
  font-size: 13.2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
  
}

.frame .div-21 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 54px;
  padding: 80px 101px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.2) 100%
    ),
    linear-gradient(
      0deg,
      rgba(241, 245, 249, 0.3) 0%,
      rgba(241, 245, 249, 0.3) 100%
    );
}

.frame .heading-trusted-by {
  font-size: 34.3px;
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #020817;
  text-align: center;
  letter-spacing: 0;
  line-height: 40px;
}

.frame .text-wrapper-27 {
  position: relative;
  align-self: stretch;
  
  font-weight: 400;
  color: #64748b;
  font-size: 16.6px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
}

.frame .div-22 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 32px 172px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .div-23 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.frame .SVG-wrapper {
  display: flex;
  width: 64px;
  height: 64px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #fee2e2;
  border-radius: 9999px;
}

.frame .SVG {
  position: relative;
  width: 32px;
  height: 32px;
}

.frame .heading-medtech {
  position: relative;
  width: fit-content;
  
  font-weight: 700;
  color: #020817;
  font-size: 15.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  
}

.frame .div-24 {
  display: flex;
  flex-direction: column;
  width: 170.55px;
  align-items: center;
  gap: 16px;
  position: relative;
}

.frame .background-9 {
  display: flex;
  width: 64px;
  height: 64px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #dbeafe;
  border-radius: 9999px;
}

.frame .heading-aerospace {
  position: relative;
  width: fit-content;
  
  font-weight: 700;
  color: #020817;
  font-size: 15.9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  
}

.frame .background-10 {
  display: flex;
  width: 64px;
  height: 64px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #fef9c3;
  border-radius: 9999px;
}

.frame .heading-photonics {
  position: relative;
  align-self: stretch;
  height: 24px;
  
  font-weight: 700;
  color: #020817;
  font-size: 15.9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  
}

.frame .background-11 {
  display: flex;
  width: 64px;
  height: 64px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #f3e8ff;
  border-radius: 9999px;
}

.frame .heading-r-d-labs {
  position: relative;
  align-self: stretch;
  height: 24px;
  
  font-weight: 700;
  color: #020817;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  
}

.frame .div-25 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 47px;
  padding: 80px 107px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.frame .heading-our-2 {
  position: relative;
  width:100%;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #00091f;
  font-size: 35.7px;
  text-align: center;
  letter-spacing: 0;
  line-height: 40px;
}

.frame .from-concept-to {
  position: relative;
  align-self: stretch;
  
  font-weight: 400;
  color: #141414;
  font-size: 18.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
}

.frame .div-26 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 32px 19px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .div-27 {
  display: flex;
  flex-direction: column;
  width: 221px;
  align-items: center;
  gap: 16px;
  padding: 24px;
  position: relative;
  background-color: #f1f5f94c;
  border-radius: 8px;
  box-shadow: 0px 1px 2px #0000000d;
}


.frame .div-277 {
  display: flex;
  flex-direction: column;
  width: 221px;
  align-items: center;
  gap: 16px;
  padding: 24px;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
      box-shadow: 0px 4px 6px -4px #0000001a, 0px 10px 15px -3px #0000001a;
}

.frame .background-wrapper-2 {
  display: flex;
  width: 167.5px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.frame .background-12 {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #f7f7f7;
  border-radius: 8px;
}

.frame .background-122 {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #DBEAFE;
  border-radius: 100px;
}



.frame .div-28 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .heading-design {
  align-self: stretch;
  height: 24px;
  font-size: 15.6px;
  position: relative;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #00091f;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  
}

.frame .comprehensive {
  position: relative;
  align-self: stretch;
  height: auto;
  
  font-weight: 400;
  color: #141414;
  font-size: 13.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.8px;
}

.frame .heading-design-2 {
  width: fit-content;
  font-size: 15.9px;
  position: relative;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #00091f;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  width:100%;
}

.frame .text-wrapper-28 {
  position: relative;
  align-self: stretch;
  height: auto;
  
  font-weight: 400;
  color: #141414;
  font-size: 12.9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.8px;
}

.frame .div-29 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .heading-design-3 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #00091f;
  font-size: 15.6px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  
}

.frame .scalable {
  position: relative;
  align-self: stretch;
  height: auto;
  
  font-weight: 400;
  color: #141414;
  font-size: 13px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.8px;
}

.frame .heading-design-4 {
  width: fit-content;
  font-size: 15.8px;
  position: relative;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #00091f;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  
}

.frame .div-30 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding:80px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background: linear-gradient(
    90deg,
    rgba(37, 99, 235, 1) 0%,
    rgba(147, 51, 234, 1) 100%
  );
}

.frame .let-s-build-the-next {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #ffffff;
  font-size: 47.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 64px;
}

.frame .tell-us-what-you-re {
  position: relative;
  align-self: stretch;
  
  font-weight: 400;
  color: #dbeafe;
  font-size: 18.6px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
}

.frame .button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .button-4 {
  all: unset;
  box-sizing: border-box;
  padding: 0px 32px;
  background-color: #f1f5f9;
  display: inline-flex;
  height: 44px;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 6px;
  cursor: pointer;
}

.frame .text-wrapper-29 {
  position: relative;
  width: fit-content;
  
  font-weight: 400;
  color: #0f172a;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
  
}

.frame .div-31 {
  display: flex;
  flex-direction: column;
  height: 364px;
  align-items: flex-start;
  gap: 40px;
  padding: 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #ffffff;
      max-width: 1340px;
    margin: auto;
}

.frame .div-32 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: left;
  gap: 32px 602px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .div-33 {
  display: flex;
  flex-direction: column;
  width: 230px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.frame .layer-2 {
  position: relative;
  width: auto;
  height: 28px;
}


.frame .text-wrapper-30 {
  position: relative;
  align-self: stretch;
  height: 24px;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #64748b;
  font-size: 15.1px;
  letter-spacing: 0;
  line-height: 24px;
  
}

.frame .div-34 {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .background-13 {
  display: inline-flex;
  height: 22px;
  align-items: center;
  padding: 3px 11px;
  position: relative;
  flex: 0 0 auto;
  background-color: #f1f5f9;
  border-radius: 9999px;
}

.frame .text-wrapper-31 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #0f172a;
  font-size: 11.2px;
  letter-spacing: 0;
  line-height: 16px;
  
}

.frame .div-35 {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 32px 80px;
  position: relative;
  flex: 0 0 auto;
}

.frame .div-36 {
  display: flex;
  flex-direction: column;
  width: 83px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.frame .heading-company {
  font-size: 15.5px;
  position: relative;
  align-self: stretch;
  height: 24px;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #020817;
  letter-spacing: 0;
  line-height: 24px;
  
}

.frame .text-wrapper-32 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #64748b;
  font-size: 12.9px;
  letter-spacing: 0;
  line-height: 20px;
  
}

.frame .text-wrapper-33 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #64748b;
  font-size: 13.3px;
  letter-spacing: 0;
  line-height: 20px;
  
}

.frame .link-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .text-wrapper-34 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #64748b;
  font-size: 13.1px;
  letter-spacing: 0;
  line-height: 20px;
  
}

.frame .div-37 {
  display: flex;
  flex-direction: column;
  width: 162.14px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.frame .heading-contact {
  font-size: 15.1px;
  position: relative;
  align-self: stretch;
  height: 24px;
  margin-top: -1.00px;
  
  font-weight: 700;
  color: #020817;
  letter-spacing: 0;
  line-height: 24px;
  
}

.frame .SVG-2 {
  position: relative;
  width: 16px;
  height: 16px;
}

.frame .text-wrapper-35 {
  position: relative;
  width: 138.14px;
  height: 20px;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #64748b;
  font-size: 13.2px;
  letter-spacing: 0;
  line-height: 20px;
  
}

.frame .div-38 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.frame .horizontal-border {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #e2e8f0;
}

.frame .text-wrapper-36 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  
  font-weight: 400;
  color: #64748b;
  font-size: 12.9px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20px;
  
  margin-top: 32px;
}

.navbar-nav .nav-link {
  font-weight: 500;
  color: #000;
}

.btn-primary {
  background-color: #000; /* adjust to your brand */
  border: none;
}

.btn-primary:hover {
  background-color: #333;
}


.industry-card {
          background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    height: auto;
    margin-top: 32px;
    float: left;
    min-height:378px;
    width: 100%;
    }
.industry-card ul li { color: #64748B;
    list-style: disc;
    margin-left: 17px;
    padding-top: 5px;
    font-size: 14px;
    line-height: 21px;} 

    .industry-card ul { min-height:auto; }

    .p_para{color: #64748B; font-size: 14px;
    line-height: 21px; min-height: 42px;  } 

    .section-title {
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 20px;
      margin-bottom: 15px;
    }
    .section-title img {
      width: 30px;
      height: 30px;
    }
    .subtitle {
      font-weight: 600;
     margin-top: 20px;
    margin-bottom: 8px;
    }

    .img_box{ padding: 8px; border-radius:8px; margin-right:16px; }

    .col1{ background:#FEE2E2; }

 .col2{ background:#FEF9C3; }
  .col3{ background:#DBEAFE; }
   .col4{ background:#F3E8FF; }







.custom-box {
      max-width: 900px;
      text-align: center;
      padding: 60px 30px;
      border-radius: 16px;
      box-shadow:0 2px 9px rgba(0, 0, 0, 0.1);
      background: linear-gradient(90deg, #edf4ff 0%, #f7f2ff 100%);
      transition: all 0.3s ease;
    }

    .custom-box h1 {
      font-size: 2rem;
      color: #0b0e1c;
      margin-bottom: 20px;
      font-weight:700;
    }

    .custom-box p {
          font-size: 1.1rem;
    color: #6c758b;
    line-height: 1.6;
    max-width: 80%;
    margin: auto;
    margin-bottom: 20px;
    }

    .custom-btn {
      display: inline-flex;
      align-items: center;
      padding: 14px 28px;
      background-color: #0b0e1c;
      color: white;
      font-size: 1rem;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      text-decoration: none;
      transition: background 0.3s ease;
    }

    .custom-btn:hover {
      background-color: #1c1f2f;
      color:#fff; text-decoration:none;
    }

    .custom-btn svg {
      margin-left: 10px;
      width: 18px;
      height: 18px;
      stroke: white;
    }

    
.accordion{ max-width: 800px; margin: auto;}







@media (max-width: 1336px) { 
.frame .div-32 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
 gap:inherit;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}


}









@media (max-width: 1024px) { 
   .frame .div-2 {
    gap: 24px;
    padding: 157px 0px;
    width: 100%;
}

.frame .heading-your {
    font-size: 58px;     margin-bottom: 10px;}



.navbar-collapse {
    z-index: 9999;
    background: #f0f0f0;
    position: absolute;
    width: 100%;
        margin-top: 297px;
    padding-top: 25px;
    padding-bottom: 25px;
}
.d-flex {
    display: block !important;
    text-align: center;
}





}




@media (max-width: 767px) { 

.frame .text-wrapper-11 {
    font-size: 30px;
}
.frame .text-wrapper-13 {
    font-size: 30px;
}
	.frame .text-wrapper-15 {
    font-size: 30px;
}
	.frame .text-wrapper-18{
    font-size: 30px;
}
	



   .frame .heading-your {
   
    
           font-size: 40px;
        text-align: center;
        letter-spacing: 0;
        line-height: 52px;

    margin-bottom: 10px;
}
.frame .we-help-deep-tech span {
    font-size: 20px;
    margin-bottom: 21px;
    float: left;
    width: 100%;
    text-align: center;
}
.frame .we-help-deep-tech {
    font-size: 16px;
}


.frame .div-9 {
    gap: 32px 9px; }


.frame .frame-wrapper-2 {
    padding: 80px 10px;
}

.frame .div-21 {
    padding: 10px 10px;
}
.frame .div-25 {
    gap: 47px;}
.frame .let-s-build-the-next {
    position: relative;
    align-self: stretch;
    margin-top: -1.00px;
    
    font-weight: 700;
    color: #ffffff;
    font-size: 35.8px;
    text-align: center;
    letter-spacing: 0;
    line-height: 38px;
}

.frame .div-31 {
    gap: 30px;
    padding: 20px; }



.frame .div-17 {
    margin-top: 10px;
}
.frame .div-32{ display: block;}


.frame .div-35 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 32px 80px;
    position: relative;
    flex: 0 0 auto;
    margin-top: 25px;
}

.frame .text-wrapper-36 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.frame .div-222 {
    padding: 115px 10px;
}

.frame .div-blog {
    padding: 115px 10px;
}

.frame .div-25 {
    gap: 47px;
    padding: 40px 15px; }


.accordion-button {
    font-weight: 600;
    float: left;
    width: 100%;
    text-align: left;
    border: none;
    background: no-repeat;
    font-size: 18px;
    display: flex
;
    line-height: 22px;
}
.section-number {
    float: left;
    max-height: 32px;
}

.frame .div-27 {
    width: 100%;}
.frame .text-wrapper-4 {
    padding: 7px 23px;
}
.frame .div-277 { width: 100%; }


	
	
}












@media (max-width: 600px) {
      .custom-box {
        padding: 40px 20px;        margin-top: 50px;
        margin-bottom: 50px;
      }

      .custom-box h1 {
        font-size: 1.6rem;
      }

      .custom-box p {
        font-size: 1rem;
      }

      
    }

@media (max-width: 575px) {


}