@import url('https://fonts.googleapis.com/css?family=Inter:400,700,300,500,400italic,300italic');

:root {
  --alto: #d9d9d9;
  --alto-2: #d9d9d933;
  --black: #000000;
  --blue-charcoal: #000717;
  --cloud: #c7c7c7;
  --concord: #7d7d7d;
  --fuchsia: #bc76be;
  --pumice: #c8c8c8;
  --royal-blue: #4472e8;
  --san-marino: #5166b1;
  --shady-lady: #a9a9a9;
  --shocking-pink: #bb13c0;
  --silver: #bcbcbc;
  --silver-2: #bcbdbe;
  --violet-purple: #9367a2;
  --white: #ffffff;
  --font-size-l: 1.4rem;
  --font-size-m: 1.2rem;
  --font-size-xl: 1.4rem;
  --font-size-xxl: 1.6rem;
  --font-size-xxxl: 2.1rem;
  --font-size-xxxxl: 2.8rem;
  --font-size-xxxxxl: 4rem;
  --font-family-inter: 'Inter', Helvetica;
}

html {
  font-size: 100%;
}

body {
  font-family: var(--font-family-inter);
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  background: #000717;
  overflow-x: hidden;
}

p {
  font-size: 0.85rem;
}

.viewright ul li,
.viewleft ul li {
  font-size: 0.85rem;
}

a {
  text-decoration: none;
  transition: all 0.4s;
}
a:focus,
a:hover {
  text-decoration: none;
}
img {
  max-width: 100%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  margin: 0;
}

.btn {
  border: none;
  outline: none;
}

section {
  position: relative;
}

@media (min-width: 1365px) and (max-width: 1399px) {
  .container {
    max-width: 1240px;
  }
}

.headersection {
  /* background:linear-gradient(180deg, #070B14 49.51%, rgba(0, 0, 0, 0) 105.71%),
        linear-gradient(90.48deg, rgba(0, 0, 0, 0.25) 1.96%, rgba(0, 0, 0, 0.5) 90.57%); */
  /*    background: url(../images/headerbg.png) left bottom no-repeat;*/
  background: url(../images/header_bg_white.png) left bottom no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  overflow: visible !important;
}

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

.logo {
  width: 190px;
}

.mainnav ul {
  display: flex;
  list-style-type: none;
  position: relative;
  margin: 0;
}

.mainnav ul li {
  display: block;
  list-style-type: none;
  padding: 20px 0;
  position: static;
}

.mainnav ul li a {
  display: block;
  width: 100%;
  padding: 15px 12px;
  color: #0d1a3c;
  border: solid 3px transparent;
  font-size: 1rem;
  text-transform: capitalize;
}

.mainnav ul li.active a {
  color: #0d1a3c;
}

.itmtext ul.subsubnav {
  margin-left: 25px;
}

.mainnav ul li:hover a,
.mainnav ul li.active:hover a {
  border-bottom: solid 3px #bc14c0;
  color: #bc14c0;
}

.mainnav ul li.active a {
  border-bottom: solid 3px #bc14c0;
}

.getintch {
  position: relative;
  display: inline-block;
  padding: 5px 5px;
  background: url(../images/getmask1.png) no-repeat;
  background-size: cover;
  animation: bganimate 5s linear 2s infinite alternate-reverse;
  z-index: 2;
  overflow: hidden;
}

@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}

.getintch::before {
  content: '';
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background-color: #399953;
  background-repeat: no-repeat;
  background-size: 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image: linear-gradient(#399953, #399953),
    linear-gradient(#fbb300, #fbb300), linear-gradient(#d53e33, #d53e33),
    linear-gradient(#377af5, #377af5);
  animation: rotate 4s linear infinite;
  opacity: 0.2;
  filter: blur(20px);
}

/* .getintch::after {
    position: absolute;
    content: "";
    top: 0;
    left:0;
    bottom:0;
    right:0;
    background: url(../images/getmask1.png) no-repeat;
    background-size: cover;
    z-index: -1;
    animation: bganimate 5s linear 2s infinite alternate-reverse;
} */

.getintch a {
  font-size: 1.2rem;
  color: #bcbcbc;
  display: block;
  text-align: center;
  padding: 3px 30px;
  background: #000;
}

.ellipse-22-fUxeM5 {
  background-color: var(--san-marino);
  border-radius: 14.5px/8.5px;
  filter: blur(47px);
  height: 39.53%;
  left: 7.25%;
  mix-blend-mode: normal;
  position: absolute;
  top: -18.6%;
  width: 15.03%;
}

.ellipse-23-fUxeM5 {
  background-color: var(--shocking-pink);
  border-radius: 6.7px/14.5px;
  filter: blur(47px);
  height: 67.44%;
  left: 82.8%;
  mix-blend-mode: normal;
  position: absolute;
  top: 67.04%;
  transform: rotate(79.05deg);
  width: 6.94%;
}

.bannersection {
  padding: 150px 0 175px;
}

.imgban {
  position: relative;
}

.laptopimg {
  position: absolute;
  top: 125px;
  left: 100px;
  overflow: hidden;
  width: 489px;
  height: 480px;
  z-index: 4;
  background: url(../images/laptop1.png) no-repeat top left;
}

.gridboxbg {
  background: url(../images/lpgridbg.png) no-repeat center;
  display: flex;
}

.gridbox {
  padding: 60px 0;
  background-size: cover;
  display: inline-block;
  margin-left: auto;
  margin-right: 60px;
}

.sldimgwraper {
  width: 444px;
  height: 309px;
  overflow: hidden;
}

.studentpbg {
  position: absolute;
  width: 290px;
  height: 291px;
  left: 15px;
  top: 55px;
  background: linear-gradient(131.15deg, #8c4794 1.48%, #3a0041 93.2%);
  box-shadow: -6px -4px 7px rgba(0, 0, 0, 0.26);
  border-radius: 20px;
  z-index: -1;
}

.lapbg {
  position: absolute;
  width: 291px;
  height: 298px;
  left: 202px;
  top: 135px;
  background: linear-gradient(146.48deg, #511662 0%, #133281 97.08%);
  box-shadow: -6px -4px 6px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
}

.bantext {
  margin-top: 100px;
  margin-left: 50px;
}

.imgprobox {
  position: relative;
  padding-bottom: 20px;
  display: inline-block;
  margin-bottom: 14px;
}

.imgprobox::before {
  content: '';
  position: absolute;
  width: 51px;
  height: 3px;
  left: 0;
  bottom: 0;
  background: #c57e7e;
  border-radius: 4px;
}

.imgprotxt {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 49px;
  background: linear-gradient(92.47deg, #eb9c9c -1.83%, #9745a3 87.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;

  margin-bottom: 8px;
}

.imgprosmalltxt {
  font-size: 1.18rem;
  line-height: 26px;
  color: #c9c9c9;
  /*width: 430px;*/
}

/* .btnthemegradientbgbox {
    display: inline-block;
    padding: 5px;
    background: linear-gradient(92.8deg, rgba(55, 61, 73, 0.5) 0%, rgba(55, 61, 73, 0) 100%);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 11px;
} */
.btnbox {
  display: flex;
  gap: 10px;
  width: 430px;
}

.btnthemegradientbgbox,
.btnblanktbgbox {
  flex: 1;
}

.btnfeature,
.btngetin {
  width: 100%;
}

.btnthemegradientbg {
  font-size: 1rem;
  color: #fff;
  position: relative;
  border: 0;
  outline: 0;
  display: inline-block;
  padding: 10px 15px;
  text-align: center;
  background: linear-gradient(
      272.8deg,
      #4472e9 0%,
      rgba(64, 97, 182, 0) 40.2%,
      rgba(180, 86, 242, 0) 64.23%,
      #f347f8 100%
    ),
    linear-gradient(
      93.21deg,
      rgba(68, 114, 233, 0.5) 3.24%,
      rgba(188, 20, 192, 0.5) 100.57%
    );
  border-radius: 11px;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}

.getintch_new .btnfeature {
  min-width: 210px;
}

.btnthemegradientbg:hover {
  color: #652cb0;
}

.btnthemegradientbg::before {
  content: '';
  position: absolute;
  left: 0.107rem;
  right: 0.107rem;
  top: 0.107rem;
  bottom: 0.107rem;
  z-index: -1;
  background: linear-gradient(
      92.8deg,
      rgba(55, 61, 73, 0.5) 0%,
      rgba(55, 61, 73, 0) 100%
    ),
    linear-gradient(
      93.21deg,
      rgba(68, 114, 233, 0.5) 3.24%,
      rgba(188, 20, 192, 0.5) 100.57%
    );
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 11px;
}

.btnthemegradientbg:hover::before {
  background: linear-gradient(93.21deg, #ffffff 3.24%, #e5a5e7 100.57%);
}

.btnblanktbg,
.btnblanktbg1 {
  font-size: 1rem;
  color: #fff;
  position: relative;
  border: 0;
  outline: 0;
  display: inline-block;
  padding: 10px 15px;
  text-align: center;
  background: linear-gradient(
    272.8deg,
    #4472e9 0%,
    rgba(64, 97, 182, 0) 40.2%,
    rgba(180, 86, 242, 0) 64.23%,
    #f347f8 100%
  );
  border-radius: 11px;
  box-shadow: 4px 2px 9px 1px rgba(0, 0, 0, 0.22);
  z-index: 1;
}

.btnblanktbg1 {
  width: 190px;
}

.btnblanktbg::before {
  content: '';
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 11px;
  background: #000717;
  z-index: -1;
}

.btnblanktbg1::before {
  content: '';
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 11px;
  background: #6261cf;
  z-index: -1;
}

.btnblanktbg:hover::before,
.btnblanktbg1:hover::before {
  background: linear-gradient(93.21deg, #ffffff 3.24%, #e5a5e7 100.57%);
}

.btnblanktbg:hover {
  color: #652cb0;
}

.featureection {
  padding: 93px 0 110px 0;
}

.heading1 {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 49px;
  text-align: center;
  background: linear-gradient(92.47deg, #eb9c9c -1.83%, #9745a3 87.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  display: table;
  margin: 0 auto;
  position: relative;
}

.heading1 span {
  position: absolute;
  background: linear-gradient(89.88deg, rgba(243, 71, 248, 0) 0%, #fff 70%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-shadow: -5px -5px 21px rgba(243, 71, 248, 0.4), 0px 0px 30px #b03db4;
}

.magic1,
.magic2 {
  position: absolute;
  width: 51px;
  height: 40px;
}

.magic1 {
  left: 0;
  top: -8px;
}

.magic2 {
  left: auto;
  right: 0;
  bottom: -10px;
}

.magic1 .dot,
.magic2 .dot {
  position: absolute;
  width: 3px;
  height: 3px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    #d9d9d9 0%,
    rgba(217, 217, 217, 0) 100%
  );
}

.magic1 .dot:first-child {
  left: 0;
  top: 20px;
  --xaxis: 0;
  --yaxis: 0;
  --xaxisfin: 20px;
  --yaxisfin: 20px;
  animation: anim_wave 2s ease 0s infinite normal forwards;
}

.magic1 .dot:nth-child(2) {
  left: -15px;
  --xaxis: 20px;
  --yaxis: 20px;
  --xaxisfin: 10px;
  --yaxisfin: 10px;
  animation: anim_wave 2s ease 0s infinite normal forwards;
  /*animation: anim_wave 2s ease 0.25s infinite normal forwards;*/
}

.magic1 .dot:nth-child(3) {
  top: 8px;
  left: 20px;
  --xaxis: 10px;
  --yaxis: 20px;
  --xaxisfin: 20px;
  --yaxisfin: 20px;
  animation: anim_wave 2s ease 0s infinite normal forwards;
  /*animation: anim_wave 2s ease 0.25s infinite normal forwards;*/
}

.magic1 .dot:nth-child(4) {
  top: 16px;
  left: 30px;
  --xaxis2: 0;
  --yaxis2: 3px;
  --xaxisfin2: 0;
  --yaxisfin2: 0;
  animation: anim_wave2 2s ease 0s infinite normal forwards;
}

.magic1 .dot:nth-child(5) {
  bottom: 0;
  left: 12px;
  --xaxis3: 0;
  --yaxis3: 3px;
  --xaxisfin3: 20px;
  --yaxisfin3: 0;
  animation: anim_wave3 2s ease 0s infinite normal forwards;
}

.magic1 .dot:nth-child(6) {
  bottom: 0;
  left: 0;
  --xaxis3: 20px;
  --yaxis3: 3px;
  --xaxisfin3: 0;
  --yaxisfin3: 20px;
  animation: anim_wave3 2s ease 0s infinite normal forwards;
}

@keyframes anim_wave {
  0% {
    animation-timing-function: ease-in;
    transform: translate(var(--xaxis), var(--yaxis));
  }

  50% {
    animation-timing-function: ease-out;
    transform: translate(var(--xaxisfin), var(--yaxisfin));
  }

  100% {
    animation-timing-function: ease-out;
    transform: translate(var(--xaxis), var(--yaxis));
  }
}

@keyframes anim_wave2 {
  0% {
    animation-timing-function: ease-in;
    transform: translate(var(--xaxis2), var(--yaxis2));
  }

  50% {
    animation-timing-function: ease-out;
    transform: translate(var(----xaxisfin2), var(--yaxisfin2));
  }

  100% {
    animation-timing-function: ease-out;
    transform: translate(var(--xaxis2), var(--yaxis2));
  }
}

@keyframes anim_wave3 {
  0% {
    animation-timing-function: ease-in;
    transform: translate(var(--xaxis3), var(--yaxis3));
  }

  50% {
    animation-timing-function: ease-out;
    transform: translate(var(----xaxisfin3), var(--yaxisfin3));
  }

  100% {
    animation-timing-function: ease-out;
    transform: translate(var(--xaxis3), var(--yaxis3));
  }
}

.heading51 {
  font-weight: 700;
  font-size: 3.18rem;
  line-height: 1;
  text-align: center;
  background: linear-gradient(92.47deg, #68e5ff -1.83%, #5267b1 87.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
  display: inline-block;
}

.heading2 {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.2;
  text-align: center;
  background: linear-gradient(92.47deg, #68e5ff -1.83%, #5267b1 87.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
  display: inline-block;
  text-transform: capitalize;
}

.text-19 {
  font-size: 1.18rem;
}

.heading3 {
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 3rem;
  background: linear-gradient(92.47deg, #eb9c9c -1.83%, #9745a3 87.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.heading4 {
  padding: 0;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
  color: #bcbcbc;
}

.heading5 {
  padding: 0;
  font-weight: 700;
  font-size: 2.125rem;
  line-height: 3rem;
  text-align: center;
  background: linear-gradient(92.47deg, #eb9c9c -1.83%, #9745a3 87.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;

  display: inline-block;
}

.box1 {
  display: block;
  background: linear-gradient(
    253.07deg,
    rgba(217, 217, 217, 0.1) -9.9%,
    rgba(0, 0, 0, 0.1) 92.28%
  );
  box-shadow: inset 7px -7px 10px rgba(188, 118, 190, 0.1),
    inset -7px 7px 15.3667px rgba(68, 114, 233, 0.14);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  width: 520px;
}

.box1a {
  display: block;
  background: linear-gradient(
    253.07deg,
    rgba(217, 217, 217, 0.1) -9.9%,
    rgba(0, 0, 0, 0.1) 92.28%
  );
  box-shadow: inset 7px -7px 10px rgba(188, 118, 190, 0.1),
    inset -7px 7px 15.3667px rgba(68, 114, 233, 0.14);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  width: 90%;
  margin: 40px auto;
}

.heading2box {
  width: 520px;
}

.featureitem {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
  transition: all 0.4s;
}

.featureitem li {
  display: block;
  width: 33.33%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  transition: all 0.4s;
}

.featureitem li a {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
  width: 100%;
  font-size: 0.86rem;
  color: #c8c8c8;
  height: 100%;
  transition: all 0.4s;
}

.featureitem li a:hover {
  background: rgba(255, 255, 255, 0.02);
  box-shadow: inset 2px 2px 11px rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  color: #e8989d;
}

.featureitem li a img {
  width: 50px;
  margin-bottom: 20px;
}

.featureitem li a:hover img {
  filter: hue-rotate(90deg) saturate(100%) sepia(100%)
    drop-shadow(2px 2px rgba(117, 0, 101, 1))
    drop-shadow(-1px -1px rgba(0, 0, 39, 1));
}

.featureitem li a p {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}

.featureitem li a:hover {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}

.featureitem1 {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.featureitem1 li {
  display: block;
  width: 33.33%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.featureitem1 li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
  width: 100%;
  font-size: 0.86rem;
  color: #c8c8c8;
  height: 100%;
  height: 250px;
  justify-content: center;
  transition: all 0.4s;
}

.clkk {
  font-style: italic;
  position: absolute;
  bottom: 20px;
  opacity: 0;
}

p.hdnhover {
  opacity: 1;
}

.featureitem1 li a p.hdn {
  height: 0;
  visibility: hidden;
  margin: 0;
  opacity: 0;
  transition: all 0.4s;
}

.featureitem1 li a h4 {
  font-size: 1rem;
  font-weight: 700;
}

.featureitem1 li a img {
  width: 60px;
  margin-bottom: 0px;
}

.solution_items li a img {
  width: auto;
}

.solution_items .hdnhover {
  margin-top: 15px;
  color: #e8989d;
  font-style: italic;
}

.solution_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  margin-bottom: 15px;
}

.optslidercontentright video,
.viewleft video {
  border-style: solid;
  border-width: 3px;
  border-image-source: linear-gradient(123.8deg, #8c4794 -2.11%, #4472e9 97.7%);
  border-image-slice: 3;
}

.featureitem1 li a:hover {
  background: rgba(255, 255, 255, 0.02);
  box-shadow: inset 2px 2px 11px rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  color: #e8989d;
}

.featureitem1 li a:hover p.hdn {
  height: 60px;
  visibility: visible;
  opacity: 1;
}

.featureitem1 li a:hover p.hdnhover {
  opacity: 0;
}

.featureitem1 li a:hover p.clkk {
  opacity: 1;
}

.featureitem1 li a:hover img {
  filter: hue-rotate(90deg) saturate(100%) sepia(100%)
    drop-shadow(2px 2px rgba(117, 0, 101, 1))
    drop-shadow(-1px -1px rgba(0, 0, 39, 1));
}

.imgprosection {
  /*    padding: 100px 0;*/
  padding: 140px 0;
  background: linear-gradient(94.79deg, #9745a3 0%, #4472e9 100%);
  position: relative;
  margin-top: 25px;
}

.imgprosectiontxt {
  font-weight: 700;
  font-size: 2.1rem;
  line-height: 49px;
  text-align: center;
  background: linear-gradient(92.47deg, #68e5ff -1.83%, #ffffff 87.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  padding: 0 200px;
}

.optsection {
  margin-bottom: 95px;
  margin-top: 10px;
  padding-top: 130px;
}

.optsection .mainslider .item.slick-slide {
  height: 420px;
}

.optslidercontentbox {
  width: 90%;
  margin: 0 auto;
}

.optslidercontent {
  display: flex;
  padding: 50px 20px 30px 20px;
}

.optslidercontentleft {
  width: 56%;
  padding: 0 20px;
}

.optslidercontentleft p {
  font-size: 0.85rem;
  color: #c9c9c9;
  margin-bottom: 18px;
}

.optslidercontentleft ul {
  margin: 0;
  font-size: 0.85rem;
  color: #c9c9c9;
  padding: 0 0 0 15px;
  line-height: 1.8rem;
}

.fastection {
  background: linear-gradient(94.79deg, #4472e9 0%, #0d1a3c 100%);
  padding: 0px 0;
  position: relative;
}

.fastectionrow {
  align-items: center;
}

.reachgoals_section .fastectionrow {
  padding: 0px 70px;
}

.fastectiontext h1 {
  margin-bottom: 15px;
}

.fastectiontext p {
  margin-bottom: 25px;
}

.headingcustom {
  font-weight: 700;
  font-size: 2.5rem;
  background: linear-gradient(92.47deg, #68e5ff -1.83%, #5267b1 87.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.btnsec {
  display: inline-block;
  padding: 8px 25px;
  text-align: center;
  color: #ffffff;
  font-size: 1rem;
  background: linear-gradient(97.52deg, #942396 -5.44%, #e8989d 106.56%);
  border-radius: 12px;
}

.btnsec:hover {
  background: linear-gradient(97.52deg, #5267b1 -5.44%, #68e5ff 106.56%);
  border-radius: 12px;
  color: #ffffff;
}

.footerSection {
  padding: 80px 0;
}

.footer {
  display: flex;
}

.footer a {
  color: #ffffff;
}

.footer p {
  color: #ffffff;
}

.footerlogo {
  width: 200px;
  margin-bottom: 15px;
}

.footer h4 {
  font-weight: 700;
  color: #bc14c0;
  font-size: 1rem;
}

.footer h4.excu {
  margin-top: 1.5rem;
}

.footer h5 {
  font-weight: 700;
  color: #fff;
  font-size: 1rem;
  margin-top: 15px;
}

.footercol {
  padding: 0 15px;
  flex: 1;
}

.footercol1 {
  width: 400px;
  flex: 1.3;
}

.linkcol ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.linkcol ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: block;
  text-align: left !important;
}

.linkcol ul li a {
  display: block;
  padding: 8px 0px;
  white-space: nowrap;
}

.linkcol ul li ahover {
  color: #bc14c0;
}

.subsinputbox {
  position: relative;
  display: flex;
  margin-top: 20px;
}

.subinput {
  border: none;
  background: #d9d9d9;
  padding: 8px 15px;
  outline: none;
}

.subbtn {
  width: 44px;
  height: 44px;
  border: none;
  outline: none;
  font-size: 2rem;
  line-height: 0;
  font-weight: 200;
  background: #bc14c0;
  color: #ffffff91;
}

.sharelinks {
  margin-top: 20px;
}

.sharelinks a {
  display: inline-block;
  width: 28px;
  height: 28px;
  font-size: 1.4rem;
  text-align: center;
  margin-right: 15px;
  background: #ffffff;
  border-radius: 3px;
  color: #171d2d;
}

.mannavdropdown {
  position: absolute;
  padding: 25px 0px;
  background: linear-gradient(180deg, #ffffff 49.51%, #9d9d9d 105.71%);
  backdrop-filter: blur(12.5px);
  top: 100%;
  left: 0;
  display: none;
  min-width: 530px;
}

.mainnav ul li:hover .mannavdropdown {
  display: block;
}

.mannavdropdown ul {
  margin: 0;
  padding: 0 0 0 20px;
}

.mannavdropdown ul li {
  margin: 0;
  padding: 0 20px 0 0;
}

.dropbx h4,
.dropbx h5 {
  margin: 0;
  padding: 0;
}

.dropbx h4.firstheading {
  margin-bottom: 20px;
}

.dropbx h4 a,
.dropbx h5 a {
  font-weight: 700;
  /*    color: #fff !important;*/
  font-size: 0.85rem;
  padding: 8px 15px 8px 0 !important;
}

.dropbx img {
  border-radius: 20px;
}

.headerbar .dropbx a.imgLink {
  padding: 0px !important;
}

.mannavdropdown a {
  color: #7d7d7d !important;
  border: none !important;
}

.mannavdropdown a:hover {
  color: #bc14c0 !important;
}

.itmtext ul {
  flex-direction: column;
  margin: 0px;
  padding: 0px;
}

.itmtext ul li a {
  padding: 2px 4px 2px 0px !important;
  white-space: nowrap;
  font-size: 0.85rem;
}

/*.itmtext ul li a.color_white { color: #fff !important; }*/
.mainnav .itmtext ul li a.color_white:hover {
  color: #bc14c0 !important;
}

.itmtext {
  margin-bottom: 15px;
}

.itmtext.subnavitem {
  margin-left: 20px;
}

.optslidercontentright img {
  height: 240px;
  max-width: 100%;
}

.ballon1 {
  position: absolute;
  width: 156.88px;
  height: 155.8px;
  left: -31px;
  top: -55px;
  mix-blend-mode: normal;
  filter: blur(7px);
}

.ballon2 .balloon1 {
  position: absolute;
  width: 350px;
  height: 350px;
  right: -131px;
  bottom: -155px;
  mix-blend-mode: overlay;
  filter: blur(11px);
}

.optbannersection {
  padding: 140px 0 80px 0;
  overflow: hidden;
}

.optText {
  margin-left: auto;
  width: 460px;
  margin-top: 125px;
}

.toptabtxt {
  width: 660px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  text-align: center;
}

.optballon1 .balloon1 {
  position: absolute;
  width: 450px;
  height: 450px;
  left: -280px;
  top: 132px;
  mix-blend-mode: overlay;
  filter: blur(8px);
}

.eclipbg {
  position: absolute;
  width: 1096px;
  height: 1096px;
  left: -503px;
  top: -242px;
  border-radius: 50%;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(68, 114, 233, 0.2) 0%,
    rgba(81, 22, 98, 0) 100%
  );
}

.crl1 {
  position: absolute;
  width: 202px;
  height: 202px;
  left: 208px;
  top: 181px;
  border-radius: 50%;
  background: linear-gradient(
    298.47deg,
    #0d1a3c 10.81%,
    rgba(13, 26, 60, 0) 88.18%
  );
  z-index: -1;
}

.crl2 {
  position: absolute;
  width: 392px;
  height: 392px;
  left: 393px;
  top: 615px;
  border-radius: 50%;
  background: linear-gradient(
    298.47deg,
    #0d1a3c 10.81%,
    rgba(13, 26, 60, 0) 88.18%
  );
  z-index: -1;
}

.crl3 {
  position: absolute;
  width: 912px;
  height: 912px;
  left: 1038px;
  top: 226px;
  border-radius: 50%;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(81, 22, 98, 0.5) 0%,
    rgba(81, 22, 98, 0) 100%
  );
  z-index: -1;
}

.crl4 {
  position: absolute;
  width: 296px;
  height: 296px;
  right: 50px;
  top: 142px;
  border-radius: 50%;
  z-index: -1;
  background: linear-gradient(
    298.47deg,
    #0d1a3c 10.81%,
    rgba(13, 26, 60, 0) 88.18%
  );
  z-index: -1;
}

.crl5 {
  position: absolute;
  width: 74px;
  height: 74px;
  left: 45px;
  top: 315px;
  border-radius: 50%;
  background: linear-gradient(0deg, #0d1a3c, #0d1a3c),
    linear-gradient(260.64deg, #0d1a3c 4.74%, rgba(13, 26, 60, 0) 92.93%);
  z-index: -1;
}

.optimg {
  position: relative;
}

.lapcirbg {
  position: absolute;
  top: 40px;
  left: 100px;
  z-index: -1;
  width: 460px;
}

.optsection1 {
  padding: 100px 0;
}

.optbasesection,
.capturesection {
  padding: 100px 0px;
  background: linear-gradient(
    94.71deg,
    rgba(151, 69, 163, 0.39) -0.14%,
    rgba(68, 114, 233, 0.39) 100%
  );
}

.heading2a {
  font-weight: 700;
  font-size: 2.2rem;
  background: linear-gradient(92.47deg, #eb9c9c -1.83%, #9745a3 87.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.heading2a img {
  width: 60px;
  margin-right: 10px;
}

.analisisbxsec {
  display: block;
  position: relative;
}

.analisisbx {
  display: flex;
  padding: 30px 0;
  flex-wrap: wrap;
  gap: 10px;
}

.analisisbxitm {
  width: calc(33.33% - 7px);
  height: 165px;
  position: relative;
  cursor: pointer;
  color: #fff;
  font-size: 0.92rem;
}

.analisisbx1 {
  background: #9745a3 url(../images/image6.jpg) no-repeat;
  background-size: cover !important;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  mix-blend-mode: overlay;
  font-weight: 700;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.analisisbx1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #9745a3;
  z-index: -1;
  opacity: 0.8;
  border-radius: 12px;
}

.analisisbx2 {
  padding: 25px 15px 15px;
  background: #2b2340;
  border-radius: 12px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
  text-align: center;
}

.analisisbx2 h6 {
  color: #f347f8;
}

.analisisbxitm:hover .analisisbx2 {
  opacity: 1;
}

.visualsection {
  padding: 100px 0;
}

.captureitntext {
  padding: 25px 0;
  color: #e8989d;
  width: 94%;
  margin: 0 auto;
  text-align: center;
}

.customaccor .accordion-button:focus {
  margin: 0;
  outline: none;
  outline-offset: 0;
  border: none;
  box-shadow: none;
}

.customaccor .accordion-button {
  background: transparent;
  color: #fff;
  outline: none;
  margin: 0;
  padding: 10px 0;
}

.customaccor .accordion-item {
  background: transparent;
  border-bottom: 1px solid #9745a3;
}

.customaccor .accordion-body {
  color: #fff;
  padding: 10px 0;
}

.customaccor .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
  color: #e8989d;
  font-weight: 700;
}

.accordion-button::after {
  background: url(../images/arrowdown.png) no-repeat;
}

.accordion-button:not(.collapsed)::after {
  background: url(../images/arrowup.png) no-repeat;
  transform: none;
}

.viewleft {
  color: #fff;
}

.viewleft p {
  font-size: 0.85rem;
}

.viewright p {
  font-size: 0.85rem;
}

.viewleft strong {
  margin: 15px 0;
  display: block;
  text-align: center;
}

.optslidercontentright {
  width: 50%;
  position: relative;
}

.exploreimgbox {
  position: relative;
  margin-top: -229px;
  z-index: unset;
}

.ballon3 .balloon1 {
  position: absolute;
  width: 156.88px;
  height: 155.8px;
  left: 100px;
  top: 0;
  mix-blend-mode: screen;
  opacity: 0.1;
  filter: blur(7px);
}

.ballon4 .balloon1 {
  position: absolute;
  width: 448px;
  height: 450px;
  right: -197px;
  bottom: -104px;
  mix-blend-mode: overlay;
  z-index: -1;

  mix-blend-mode: overlay;
}

.procir1 {
  position: absolute;
  width: 630px;
  height: 630px;
  left: 1179px;
  top: 459px;

  background: radial-gradient(
    50% 50% at 50% 50%,
    #511662 0%,
    rgba(81, 22, 98, 0) 100%
  );
}

.procir2 {
  position: absolute;
  width: 1096px;
  height: 1096px;
  left: -134px;
  top: -225px;
  z-index: -1;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(68, 114, 233, 0.2) 0%,
    rgba(81, 22, 98, 0) 100%
  );
}

.slick-prev,
.slick-next {
  border: 0;
  outline: 0;
  background: transparent;
  width: 45px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.2);
  text-align: center;
  z-index: 7;
}

.slick-prev:hover,
.slick-next:hover {
  background: linear-gradient(
    180deg,
    rgba(217, 217, 217, 0.15) 0%,
    rgba(217, 217, 217, 0) 100%
  );
}

.slick-prev:active,
.slick-next:active,
.slick-prev:focus,
.slick-next:focus {
  background: none !important;
}

.slick-prev {
  left: 0;
  border-radius: 20px 0px 0px 20px;
}

.slick-next {
  right: 0;
  border-radius: 0px 20px 20px 0px;
}

.solutionbannersection {
  padding: 240px 0 30px;
}

.btngetin1 {
  width: 190px;
}

.imgprtxt {
  width: 520px;
  margin-top: 10px;
}

.solbantext {
  position: relative;
  padding-top: 20px;
}

.solimgban {
  margin-left: auto;
  position: relative;
  display: flex;
  justify-content: center;
}

.solspot1 {
  position: absolute;
  width: 29px;
  height: 29px;
  left: 0;
  top: 200px;
  background: linear-gradient(146.48deg, #511662 0%, #133281 97.08%);
}

.solspot2 {
  position: absolute;
  width: 107px;
  height: 110px;
  left: 30px;
  top: 225px;
  background: linear-gradient(146.48deg, #511662 0%, #133281 97.08%);
  border-radius: 20px;
}

.solspot3 {
  position: absolute;
  width: 60px;
  height: 58px;
  right: 75px;
  top: 0px;
  opacity: 0.5;
  border: 3px solid #8c4794;
  border-radius: 11px;
}

.solspot4 {
  position: absolute;
  width: 116px;
  height: 120px;
  right: 0px;
  top: -80px;
  background: linear-gradient(146.48deg, #511662 0%, #133281 97.08%);
  border-radius: 20px;
  z-index: -1;
}

.imgprobtn {
  outline: 0;
  padding: 8px 15px;
  width: 190px;
  display: inline-block;
  text-align: center;

  background: linear-gradient(
        93.21deg,
        rgba(68, 114, 233, 0.5) 3.24%,
        rgba(188, 20, 192, 0.7) 100.87%
      )
      padding-box,
    linear-gradient(
        272.8deg,
        #4472e9 0%,
        rgba(64, 97, 182, 0) 40.2%,
        rgba(180, 86, 242, 0) 64.23%,
        #f347f8 100%
      )
      border-box;
  border-radius: 11px;
  border: 2px solid transparent;
  position: relative;
  color: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.imgprobtn span {
  position: relative;
  z-index: 1;
}

.imgprobtn::before {
  content: '';
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: linear-gradient(
    92.8deg,
    rgba(55, 61, 73, 0.5) 0%,
    rgba(55, 61, 73, 0) 100%
  );
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 11px;
}

.imgprobtn:hover {
  color: #652cb0;
}

.imgprobtn:hover::before {
  background: linear-gradient(93.21deg, #ffffff 3.24%, #e5a5e7 100.57%);
}

.immgbtnbox {
  display: flex;
  align-items: center;
  justify-content: center;
}

.expimsection {
  padding: 60px 0;
}

.lifesection {
  padding: 80px 0;
  background: #171d2d url(../images/dna-closely.jpg) no-repeat;
  background-size: cover;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-1 {
  opacity: 1;
}

.opacity-0 {
  opacity: 0;
}

.heading3a {
  font-weight: 700;
  font-size: 1.8rem;
  display: inline-block;
  background: linear-gradient(92.47deg, #eb9c9c -1.83%, #9745a3 87.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.lifeslider-nav.navslider .item {
  padding: 0.7rem 3rem;
}

.lifeslider-nav.navslider .item.slick-current::before {
  content: '';
  position: absolute;
  width: 80px;
  height: 4px;
  background: #bc14c0;
  bottom: 0px;
  left: calc(50% - 40px);
}

.manufacsection {
  padding: 80px 0;
  background: #171d2d url(../images/pho.png) no-repeat;
  background-size: cover;
}

.optslidercontentbox1 {
  width: 80%;
  margin: 0 auto;
}

.optslidercontent1 {
  display: flex;
  padding: 30px 20px;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.optslidercontent1itm {
  color: #fff;
}

.optslidercontent1itm.right {
  width: 600px;
}

.materialsection {
  padding: 80px 0;
  background: #171d2d url(../images/marbg.jpg) no-repeat;
  background-size: cover;
}

.natsection {
  padding: 80px 0;
  background: #171d2d url(../images/nat.png) no-repeat;
  background-size: cover;
}

.pathsection {
  padding: 80px 0;
  background: #171d2d url(../images/path.jpg) no-repeat;
  background-size: cover;
}

.materialslider-nav.navslider1 {
  width: 92%;
}

/*15-04-2023*/
.ipimgsection .ipimgright .imgprosmalltxt,
.product_banner .imgprosmalltxt,
.service_banner .imgprosmalltxt {
  margin-top: 2px;
}

.product_banner .btnbox {
  margin-top: 25px;
}

.product_banner .imgprosmalltxt {
  max-width: 515px;
}

.fastection .gridbox {
  padding: 50px 0px 50px 0px;
}

.fastection .gridbox img {
  display: block;
}

.service_banner .btnbox {
  margin-top: 25px;
}

.exploresection .colbo1,
.exploresection .colbo2,
.exploresection .colbo3 {
  padding: 40px 30px 40px 30px;
  transition: all 0.5s;
}

/*15-04-2023*/

@keyframes bganimate {
  0% {
    background-position: 100%;
  }

  100% {
    background-position: -100%;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 80%;
    overflow-x: hidden;
  }

  .featureitem1 li {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
  }

  .optslidercontent1 {
    flex-direction: column;
  }

  .optslidercontent1itm.right {
    width: 100%;
  }

  .solutionbannersection {
    padding: 140px 0 30px;
  }

  .footer {
    flex-direction: column;
  }

  .footercol1 {
    width: 100%;
    order: 1;
  }

  .footercol2 {
    order: 3;
  }

  .footercol3 {
    order: 5;
  }

  .footercol4 {
    order: 5;
  }

  .footercol5 {
    order: 2;
  }

  .linkcol {
    margin-top: 20px;
  }

  .linkcol ul li a {
    padding: 2px 0px;
  }

  .footer p {
    margin-bottom: 0;
    text-align: left !important;
  }

  .footercol4.footercol.showMob {
    justify-content: flex-start;
  }

  .subscribeblock {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .footer h4 {
    text-align: left !important;
  }

  .excu {
    margin-bottom: 20px;
  }

  .excuimg {
    width: 154px;
  }
}

@media (max-width: 360px) {
  html {
    font-size: 64%;
    overflow-x: hidden;
  }
}

.commmonTxt h1 {
  color: #fff;
}

.commmonTxt p {
  color: #c9c9c9;
  font-size: 1rem;
}

.commmonTxt ul {
  list-style-type: none;
}

.commmonTxt ul li {
  padding: 0;
  margin: 0;
}

.commmonTxt ul li::-webkit-details-marker {
  display: none;
  color: #000;
}

.valuesBoxes {
  width: 191px;
  height: 191px;
  padding: 2px;
  background: linear-gradient(
    149.92deg,
    #4061b6 10.11%,
    rgba(111, 67, 186, 0) 40.24%,
    rgba(140, 49, 188, 0) 58.66%,
    #bc14c0 88.71%
  );
  border-radius: 20px;
}

.valuesBoxesInner {
  background: linear-gradient(255.62deg, #ffffff -9.94%, #aaaaaa 92.81%);
  width: 187px;
  height: 187px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 11px;
  flex-direction: column;
  border-radius: 20px;
}

.valuesBoxes h4 {
  padding-bottom: 10px;
  color: #404042;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}

.valuesBoxes h4:after {
  display: block;
  content: '';
  background: red;
  width: 25px;
  height: 2px;
  background: rgba(125, 125, 125, 1);
  position: absolute;
  left: 50%;
  bottom: 0px;
  margin-left: -12.5px;
}

.valuesBoxes p {
  color: #404042;
  font-size: 14px;
  line-height: normal;
}

.valuesBoxCol {
  max-width: 20%;
}

#our_values {
  max-width: 85%;
  margin: auto !important;
  text-align: center;
  position: relative;
  margin-bottom: 130px !important;
}

#our_values:after {
  content: '';
  position: absolute;
  left: 5%;
  top: 50%;
  width: 80%;
  height: 83px;
  background: rgba(188, 20, 192, 1);
  transform: translateY(-50%);
}

#our_values li {
  z-index: 9;
  position: relative;
}

.abt_ban_box {
  position: absolute;
  left: -76px;
  top: -78px;
  width: 76px;
  height: 78px;
  background: linear-gradient(146.48deg, #511662 0%, #133281 97.08%);
  border-radius: 15px;
}

.abt_ban_box.second {
  left: 14px;
  top: 19px;
  width: 28px;
  height: 28px;
  border-radius: 5px;
}

.abt_ban_box.third {
  left: auto;
  top: auto;
  right: -10px;
  bottom: -10px;
  width: 45px;
  height: 48px;
  border-radius: 7px;
}

.abt_ban_box.fourth {
  left: auto;
  top: auto;
  right: -85px;
  bottom: -55px;
  width: 66px;
  height: 68px;
  border: 3px solid #8c4794;
  border-radius: 7px;
  opacity: 0.5;
  background: none;
}

#aboutBanner.bannersection {
  padding-top: 190px;
}

.f-icon1,
.f-icon2,
.f-icon3,
.f-icon4,
.f-icon5,
.f-icon6,
.o-icon1,
.o-icon2,
.o-icon3,
.o-icon4,
.o-icon5,
.o-icon6,
.o-ai-materials {
  display: table;
  /*width: 50px;
    height: 50px;*/
  margin: 0 auto;
  /*    margin-bottom: 20px;*/
  margin-bottom: 2px;

  /*width: 42px;
    height: 42px;*/
  width: 58px;
  height: 58px;
}

.featureitem .single_line p {
  margin-top: 9px;
}

.f-icon1 {
  background: url(../images/f-icon1.png) no-repeat center;
}

.f-icon2 {
  background: url(../images/f-icon2.png) no-repeat center;
}

.f-icon3 {
  background: url(../images/f-icon3.png) no-repeat center;
}

.f-icon4 {
  background: url(../images/f-icon4.png) no-repeat center;
}

.f-icon5 {
  background: url(../images/f-icon5.png) no-repeat center;
}

.f-icon6 {
  background: url(../images/f-icon6.png) no-repeat center;
}

.featureitem li a:hover .f-icon1 {
  background: url(../images/f-icon1hover.png) no-repeat center;
}

.featureitem li a:hover .f-icon2 {
  background: url(../images/f-icon2hover.png) no-repeat center;
}

.featureitem li a:hover .f-icon3 {
  background: url(../images/f-icon3hover.png) no-repeat center;
}

.featureitem li a:hover .f-icon4 {
  background: url(../images/f-icon4hover.png) no-repeat center;
}

.featureitem li a:hover .f-icon5 {
  background: url(../images/f-icon5hover.png) no-repeat center;
}

.featureitem li a:hover .f-icon6 {
  background: url(../images/f-icon6hover.png) no-repeat center;
}

.o-icon1 {
  background: url(../images/o-icon1.png) no-repeat center;
}

.o-icon2 {
  background: url(../images/o-icon2.png) no-repeat center;
}

.o-icon3 {
  background: url(../images/o-icon3.png) no-repeat center;
}

.o-icon4 {
  background: url(../images/o-icon4.png) no-repeat center;
}

.o-icon5 {
  background: url(../images/o-icon5.png) no-repeat center;
}

.o-icon6 {
  background: url(../images/o-icon6.png) no-repeat center;
}

.featureitem li a:hover .o-icon1 {
  background: url(../images/o-icon1hover.png) no-repeat center;
}

.featureitem li a:hover .o-icon2 {
  background: url(../images/o-icon2hover.png) no-repeat center;
}

.featureitem li a:hover .o-icon3 {
  background: url(../images/o-icon3hover.png) no-repeat center;
}

.featureitem li a:hover .o-icon4 {
  background: url(../images/o-icon4hover.png) no-repeat center;
}

.featureitem li a:hover .o-icon5 {
  background: url(../images/o-icon5hover.png) no-repeat center;
}

.featureitem li a:hover .o-icon6 {
  background: url(../images/o-icon6hover.png) no-repeat center;
}

.text-lightpink {
  color: #e8989d;
}

.div12 {
  display: flex;
  flex-direction: column;
  padding: 30px 0px;
}

.twocol {
  display: flex;
  margin: 0 -20px;
}

.twocolinner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  flex: 1;
}

.vidsec {
  margin-right: 20px;
}

.twocolinner:first-child {
  border-right: 2px solid #8c4794;
}

.commonuse {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.commonuse li {
  list-style-type: none;
  margin: 0;
  width: 50%;
  padding: 3px 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.commonuse li .hhl {
  transition: all 0.5s;
  position: absolute;
  left: 15px;
  bottom: 3px;
  top: 3px;
  display: flex;
  align-items: center;
  background: #8c4794;
  right: 15px;
  padding: 0 8px;
  opacity: 0;
}

.commonuse li:hover .hhl {
  opacity: 1;
}

p {
  margin-top: 0;
  margin-bottom: 0.7rem;
}

.commonuse li p {
  text-align: center;
  white-space: nowrap;
  margin: 0;
}

.commonuse li img {
  width: 80px;
}

.twocolinner.twocolinner1 {
  flex: 2;
}

.twocolinner.twocolinner2 {
  flex: 1;
}

.twocolinner.twocolinner1 .vidsec {
  flex: 1;
}

.twocolinner.twocolinner1 .textsec {
  flex: 1;
}

.checkicon {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.checkicon li {
  padding: 0;
  /*    margin: 0;*/
  margin: 4px 0px;
  list-style-type: none;
  display: flex;
  align-items: center;
  font-size: 0.85rem;
}

.checkicon li img {
  margin: 0 15px 0 0;
}

.optslidercontentbox.singlevid {
  width: 560px;
}

.fourcolbox {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  color: #fff;
  text-align: center;
}

.fourcolbox1 {
  width: 23%;
}

.divhover {
  position: relative;
}

.divhoverimg {
  opacity: 1;
  cursor: pointer;
}

.divhovertxt {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 10px;
  background: #702c72;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.divhover:hover .divhoverimg {
  opacity: 0;
}

.a1txt,
.a2txt {
  width: 100%;
  display: none;
}

.threecol {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.threecol1 {
  padding: 10px;
  width: 33.33%;
}

.tabbtn a {
  color: #a0a0a0;
  margin-right: 15px;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
  font-size: 0.85rem;
}

.tabbtn a.active {
  color: #fff;
}

ul li {
  font-size: 0.85rem;
}

.tabbtn a.active::before {
  content: '';
  position: absolute;
  width: 80px;
  height: 2px;
  background: #e8989d;
  bottom: 0px;
  left: calc(50% - 40px);
}

.twocolbox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.twocolbox1 {
  padding: 10px;
  width: 50%;
}

.tabbtnpanel {
  height: 280px;
  overflow: hidden;
  width: 100%;
}

.caliptxt {
  padding: 0 40px;
}

.caliptxt img {
  display: table;
  margin: 0 auto 15px auto;
}

.contentbx {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.contentbxitm {
  flex: 1;
}

.customwidth {
  width: 300px;
}

.contentbx1.colwidth {
  flex: 2;
}

.contentbx1 {
  flex: 1;
}

.font10 {
  font-size: 10px;
}

.page.maincomp {
  height: 345px;
}

/* .page.maincomp .beforeAfterbox {
    height: 345px;
} */

.grediantbox1 {
  margin: 15px auto 0;
  padding: 1.8rem 4rem;
  background: linear-gradient(
    253.07deg,
    rgba(148, 35, 150, 0.49) -9.9%,
    rgba(0, 0, 0, 0.08) 25.84%,
    rgba(54, 77, 136, 0.14) 63.01%,
    rgba(68, 114, 233, 0.06) 92.28%
  );
  box-shadow: inset 7px -9px 8px rgba(188, 118, 190, 0.1),
    inset -7px 6px 5px rgba(68, 114, 233, 0.14);
  backdrop-filter: blur(10px);
  border-radius: 20px;
}

.licencesection {
  padding: 80px 0;
}

.pinkul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
}

.pinkul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 15px;
  width: 30%;
}

.centertxt {
  width: 500px;
  margin: 10px auto;
  text-align: center;
  color: #fff;
}

.centertxt.w100 {
  width: 100%;
}

.pinkul li .makettx {
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 15px;
  background: #8c4794;
  border-radius: 13px;
  height: 100%;
}

.vpmblock {
  display: flex;
  gap: 30px;
  margin-top: 20px;
}

.vpnblockleft {
  flex: 1;
  color: #fff;
}

.vpnblockleft.right {
  flex: 2;
  color: #fff;
}

.vpnblockleft img {
  background: #d9d9d9;
  border-radius: 20px;
}

.customwidthdiv {
  width: 500px;
  margin: 0 auto;
}

.twocolboxcenter {
  display: flex;
  margin: auto;
  width: 70%;
}

.twocolboxcenter1 {
  flex: 1;
}

.twocolboxcenter1.right {
  flex: 2;
}

.serverblock {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}

.serverblock li {
  margin: 0;
  padding: 10px;
  list-style-type: none;
  display: block;
  width: 33.33%;
}

.serverblock li a {
  display: flex;
  width: 100%;
  text-align: center;
  background: #8c4794;
  color: #fff;
  height: 60px;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  line-height: 0.89rem;
}

.serverblock.half {
  width: 500px;
}

.serverblock.half li {
  width: 50%;
}

.serverblock.half li a {
  height: 75px;
  width: 200px;
}

.ttxbx {
  width: 800px;
  margin: 0 auto;
}

.track {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}

.track li {
  margin: 0;
  padding: 10px;
  list-style-type: none;
  display: block;
  width: 20%;
}

.itembbx img {
  width: 100%;
}

.itembbx p {
  margin: 0;
  padding: 4px;
  text-align: center;
  font-size: 10px;
  color: #fff;
  background: #8c4794;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bor {
  border-right: 2px solid #8c4794;
}

.checkicon.check2 li {
  padding: 10px 0;
}

.track.type2 {
  width: 700px;
  margin: 0 auto;
}

.track.type2 li {
  width: 25%;
}

.slider-nav .item {
  padding: 10px 24px;
}

.optslider-nav .item {
  padding: 10px 24px;
}

.twodslider-nav .item {
  padding: 10px 37px;
}

.autoslider-nav .item {
  padding: 10px 30px;
}

.slider-nav1 .item {
  padding: 10px 28px;
}

.materialslider-nav .item {
  padding: 10px 30px;
}

.natslider-nav .item {
  padding: 10px 26px;
}

.pathslider-nav .item {
  padding: 10px 45px;
}

.optslider-nav1 {
  width: 55%;
}

.licenseslider-nav {
  width: 46%;
}

.h-tab {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.h-tab_tab-head {
  display: flex;
  flex-direction: row;
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
  width: 100%;
  justify-content: center;
}

.h-tab_tab-head li {
  font-size: 0.875rem;
  margin: 0 0 1px 0;
  cursor: pointer;
  padding: 8px 41px;
  line-height: 31px;
  color: #fff;
  border-bottom: 0px;
  overflow: hidden;
  position: relative;
}

.h-tab_tab-head li:hover {
  background: linear-gradient(
    271.74deg,
    rgba(255, 255, 255, 0.12) -0.61%,
    rgba(0, 0, 0, 0) 100%
  );
  color: #fff;
}

.h-tab_tab-head li.active {
  background: linear-gradient(91.85deg, #8c4794 0%, #5267b1 98.33%);
  color: #fff;
  display: block;
}

.h-tab_tab-head .h-tab_container {
  width: 500px;
  min-height: 200px;
}

.h-tab_tab-head .h-tab_content {
  padding: 10px 20px;
  display: none;
}

.h-tab_tab-head .h-tab_content > :first-child {
  margin-top: 0;
}

.v-tab {
  display: flex;
  align-items: flex-start;
}

.v-tab_tab-head {
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}

.v-tab_tab-head li {
  margin: 0 20px 5px 0;
  cursor: pointer;
  padding: 0px 0px;
  height: 36px;
  line-height: 31px;
  color: #7d7d7d;
  border-bottom: solid 2px #243353;
  overflow: hidden;
  position: relative;
  width: 37%;
}

.v-tab_tab-head li:hover {
  background: linear-gradient(
    271.74deg,
    rgba(255, 255, 255, 0.12) -0.61%,
    rgba(0, 0, 0, 0) 100%
  );
  color: #fff;
}

.v-tab_tab-head li.active {
  color: #e8989d;
  display: block;
  border-bottom: solid 2px #e8989d;
}

.v-tab_container {
  border-left: 2px solid #8c4794;
  min-height: 132px;
  flex: 1;
}

.v-tab_content {
  padding: 10px 20px;
  display: none;
  color: #fff;
}

.v-tab_content p {
  color: #fff;
}

.h-tab_content {
  display: none;
  color: #fff;
}

.h-tab_content p {
  color: #fff;
}

.v-tab_content > :first-child {
  margin-top: 0;
}

.v-tab_content .twentytwenty-container {
  height: 230px !important;
  width: 310px !important;
  margin: 0 auto;
}

.tabbtn.type21 {
  width: 400px;
  margin: 10px auto;
}

.track.type2.w1 {
  width: 900px;
}

.powerimg {
  display: flex;
  margin: 0 auto;
  align-items: center;
}

.powerimg img {
  width: 450px;
}

.powerimg p {
  color: #fff;
  padding: 40px;
}

.borBottom {
  border-bottom: 1px solid #e8989d;
}

.basic {
  position: relative;
}

.layer1,
.layer2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  overflow: hidden;
  height: 200px;
  cursor: pointer;
}

.layer1 {
  background: #9745a3;
  border-radius: 14px;
}

.layer2 {
  background: #4472e9;
  border-radius: 14px;
  font-size: 0.85rem;
}

.basic:hover .layer1 {
  opacity: 0;
}

.llgcontainer {
  width: 700px;
  margin: 0 auto;
}

.llgcontainer p {
  text-align: center;
  color: #fff;
}

.iimblk {
  width: 600px;
  margin: 10px auto;
  display: flex;
  flex-wrap: wrap;
}

.iimblk span {
  width: calc(33.33% - 16px);
  height: 80px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px;
}

.tracktxt.text-white {
  display: flex;
  height: 100%;
  align-items: center;
}

.analisisbx1.one {
  background: #9745a3 url(../images/image6.jpg) no-repeat;
}

.analisisbx1.two {
  background: #9745a3 url(../images/image6-1.jpg) no-repeat;
}

.analisisbx1.three {
  background: #9745a3 url(../images/image6-2.jpg) no-repeat;
}

.analisisbx1.four {
  background: #9745a3 url(../images/image6-3.jpg) no-repeat;
}

.analisisbx1.five {
  background: #9745a3 url(../images/image6-4.jpg) no-repeat;
}

.analisisbx1.six {
  background: #9745a3 url(../images/image6-5.jpg) no-repeat;
}

/*13-04-2023*/
.margin_top_space {
  margin-top: 60px;
}

.reachgoals_section .gridbox {
  margin-right: 30px;
}

.common_text_center {
  max-width: 1030px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.common_text_center .text_left {
  text-align: left;
}

.common_text_center .top_space {
  margin-top: 36px;
}

.commmonTxt .imgprotxt {
  font-size: 2.2rem;
}

.pathsection .optslidercontent1itm,
.materialsection .optslidercontent1itm,
.natsection .optslidercontent1itm {
  margin-right: 30px;
}

.pathsection .optslidercontent1itm.right,
.materialsection .optslidercontent1itm.right,
.natsection .optslidercontent1itm.right {
  margin-right: 0px;
}

.natsection .viewright {
  padding: 0px;
}

.pathsection .optslidercontent1itm.right,
.natsection .optslidercontent1itm.right {
  width: 400px;
}

.pathsection .mainslider .item.slick-slide {
  height: auto;
}

.pathsection .mainslider .optslidercontent1 {
  margin-bottom: 20px;
}

.featureection .box1 {
  margin-top: 24px;
  width: 100%;
}

.featureection .heading1 {
  margin-bottom: 30px;
}

.our_services.featureection .heading1 {
  margin-bottom: 0;
}

.reachgoals_section .heading_white {
  max-width: 529px;
}

.reachgoals_section .imgprosmalltxt {
  width: 510px;
}

/*.training_section .mainslider { padding-top: 12px;padding-bottom: 15px; margin-top: 25px; }*/
.training_section .optslidercontent {
  padding-top: 10px;
}

.align-center {
  align-items: center;
}

.no_pd_top {
  padding-top: 0px !important;
}

.aboutConat {
  max-width: 730px;
  margin: auto;
}

.aboutConat.common_text_center .top_space {
  margin-top: 65px;
}

.imgprosection .immgbtnbox {
  margin-top: 20px;
}

.imgprosection .immgbtnbox a {
  max-height: 42px;
  font-size: 1rem;
}

.imgprosection .btnblanktbg1 {
  padding: 9px 15px;
}

.lifesection .tabs {
  max-width: 90%;
}

.lifesection ul.tabs-nav {
  width: 264px;
}

.lifesection .tabs-content {
  padding-left: 0px;
  min-height: 250px;
  width: 71%;
}

.lifesection .tab-content {
  min-height: 250px;
}

.lifesection ul.tabs-nav::after {
  top: 0px;
  min-height: 250px;
}

.lifesection .viewerbox {
  margin-top: 0px;
}

.lifesection .viewright {
  padding: 0px 0px 0px 21px;
}

.lifesection .mainslider .item.slick-slide {
  height: 300px;
}

.lifesection .mainslider {
  padding-top: 60px;
}

.lifesection .optslidercontent1 {
  padding-top: 0px;
}

.lifesection .optslidercontent1itm.right {
  width: 420px;
  margin-left: 30px;
}

.natsection .mainslider .item.slick-slide,
.materialsection .mainslider .item.slick-slide {
  height: 330px;
}

.basesection .tabheader {
  justify-content: center;
}

.basesection .mainslider .item.slick-slide {
  /* height: 450px;*/
}

.manufacsection .tabs {
  max-width: 90%;
}

.manufacsection .tabs-content {
  padding-left: 0px;
}

.manufacsection ul.tabs-nav::after {
  top: 0px;
}

.manufacsection .viewerbox {
  margin-top: 0px;
}

.manufacsection .viewright {
  padding: 0px 0px 0px 21px;
}

.manufacsection ul.tabs-nav.type2 {
  height: 410px;
}

.materialsection .optslidercontent1itm.right {
  width: 360px;
}

.materialsection .optslidercontent1itm.right.bigger {
  width: 500px;
}

.optslidercontentbox1.biggerscreen {
  width: 90%;
}

.optslidercontentbox1.biggerscreen .optslidercontent1itm.right {
  width: 500px;
}

#data_collector {
  max-width: 800px;
  margin: 0px auto;
}

#data_collector .checkicon li {
  margin: 14px 0px;
  font-size: 0.85rem;
}

#data_collector .twocolinner:first-child {
  padding-right: 40px;
}

#data_collector .twocolinner:last-child {
  padding-left: 0px;
}

.visualsection .mainslider .item.slick-slide {
  height: 380px;
}

.visualsection .tabs {
  max-width: 100%;
}

#server.tabs-nav {
  min-width: 300px;
}

/*13-04-2023*/

/*ai-material*/
#ai_material_banner .row {
  align-items: center;
}

#ai_material_banner .imgban {
  text-align: center;
}

#ai_material_banner .bantext {
  margin-top: 0px;
  margin-left: 0px;
}

#ai_material_banner .btnbox {
  margin-top: 25px;
}

/*#ai_material_banner .imgprosmalltxt { font-size:1rem; padding-right:10%; }*/

.imgprosection.partner_withus {
  padding-top: 130px;
  padding-bottom: 150px;
}

#partner_withus p {
  color: #ffffff;
  font-size: 1.2rem;
  margin-top: 8px;
}

.grainsize_modules_inner {
  width: 84%;
  margin: 0 auto;
  margin-top: 80px;
}

.grainsize_modules {
  background: linear-gradient(
    94.71deg,
    rgba(151, 69, 163, 0.39) -0.14%,
    rgba(68, 114, 233, 0.39) 100%
  );
  padding: 60px;
  margin-top: 160px;
}

.grainsize_modules_left {
  width: 40%;
}

.grainsize_modules_right {
  width: 60%;
}

.grainsize_modules_right ul li {
  margin: 10px 0px;
  width: 620px;
}

.Sphericitymodule {
  margin-top: 85px;
}

.Sphericitymodule .grainsize_modules_inner {
  margin-top: 45px;
}

.Sphericitymodule .grainsize_modules_left img {
  float: right;
}

.whatis_aimaterial .imgprosmalltxt {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

.whatis_aimaterial .featureitem1 li a {
  height: 130px;
}

.whatis_aimaterial .basefeaturesec {
  margin-top: 60px;
}

.whatis_aimaterial .featureitem1 li a p {
  font-style: italic;
}

.customization {
  margin-top: 90px;
}

.customization .mainslider {
  padding: 36px 0px 64px 0px;
}

.customization_list {
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 1021px;
  margin-left: auto;
  margin-right: auto;
}

.customization_list li {
  font-size: 1.4rem;
  color: #d9d9d9;
  width: 230px;
  padding: 30px;
}

#ai_material_banner .row {
  align-items: center;
}

#ai_material_banner .imgban {
  text-align: center;
}

#ai_material_banner .bantext {
  margin-top: 0px;
  margin-left: 0px;
}

#ai_material_banner .btnbox {
  margin-top: 25px;
}

#partner_withus p {
  color: #ffffff;
  font-size: 1.2rem;
  margin-top: 8px;
}

.partner_withus .ballon2 .balloon1 {
  bottom: auto;
  top: -150px;
}

.partner_withus .ballon1 {
  bottom: 85px;
  top: auto;
}

.grainsize_modules_inner {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
  margin-top: 80px;
}

.grainsize_modules {
  background: linear-gradient(
    94.71deg,
    rgba(151, 69, 163, 0.39) -0.14%,
    rgba(68, 114, 233, 0.39) 100%
  );
  padding: 60px 0px 105px 0px;
  margin-top: 160px;
}

.grainsize_modules_left {
  width: 100%;
  max-width: 521px;
}

.grainsize_modules_right {
  width: 100%;
  max-width: 538px;
}

.Sphericitymodule {
  margin-top: 85px;
}

.Sphericitymodule .grainsize_modules_inner {
  margin-top: 45px;
  max-width: 1013px;
}

.Sphericitymodule .grainsize_modules_left {
  max-width: 475px;
}

.Sphericitymodule .grainsize_modules_left img {
  float: right;
}

.whatis_aimaterial .commmonTxt {
  max-width: 907px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

.whatis_aimaterial .featureitem1 li a {
  height: 130px;
}

.whatis_aimaterial .basefeaturesec {
  margin-top: 75px;
  max-width: 968px;
  margin-left: auto;
  margin-right: auto;
}

.whatis_aimaterial .basefeaturesec .box1a {
  width: 100%;
}

.whatis_aimaterial .featureitem1 li a p {
  font-style: italic;
  margin-bottom: 0px;
  margin-top: 10px;
}

.graphite_module .grainsize_modules_inner {
  max-width: 1019px;
}

.graphite_module .grainsize_modules_left {
  max-width: 481px;
}

.graphite_module_list {
  max-width: 1021px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  margin-top: 65px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.graphite_module_list li {
  padding: 1px;
  background: linear-gradient(149.92deg, #4472e9 10.11%, #bc14c0 88.71%);
  border-radius: 13px;
  width: 23%;
}

.graphite_module_list .modules {
  width: 100%;
  background: #4f4167;
  border-radius: 13px;
  padding: 20px 10px;
  margin-right: 40px;
}

.graphite_module_list .modules p {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.customization {
  margin-top: 90px;
}

.customization p {
  margin-top: 20px;
}

.customization .mainslider p {
  margin-top: 0px;
  margin-bottom: 32px;
}

.customization .mainslider {
  padding: 36px 0px 34px 0px;
  margin-top: 30px;
}

.customization_list {
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 1021px;
  margin-left: auto;
  margin-right: auto;
}

.customization_list li {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #d9d9d9;
  width: 245px;
  height: 60px;
  margin: 30px 0px;
  position: relative;
}

.customization_list li:after {
  content: ' ';
  width: 1px;
  height: 60px;
  background: linear-gradient(90deg, #68e5ff 2.13%, #8c4794 97.3%);
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 0px;
}

.customization_list li:before {
  content: ' ';
  width: 60px;
  height: 1px;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -29px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #68e5ff 2.13%, #8c4794 97.3%);
}

.customization_list li.no_right_border:after {
  display: none;
}

.customization_list li.no_bottom_border:before {
  display: none;
}

.partner_withus p {
  font-size: 1rem;
}

#ai_material_animations {
  padding: 238px 0px 190px 0px;
}

#ai_material_animations .exploreimgbox {
  margin-top: 0px;
}

.info_circles {
  z-index: 999999;
  width: 662px;
  height: 640px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.info_cir {
  cursor: pointer;
  transition: background 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 180px;
  height: 180px;
  background: linear-gradient(
    253.07deg,
    rgba(0, 0, 0, 0.72) -9.9%,
    rgba(0, 0, 0, 0.72) 92.28%
  );
  backdrop-filter: blur(44px);
  border-radius: 50%;
}

.info_cir span {
  cursor: pointer;
  position: relative;
  z-index: 999;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  line-height: 22px;
}

.info_cir:before {
  cursor: pointer;
  transition: background 0.3s ease-in-out;
  content: '';
  width: 168px;
  height: 168px;
  position: absolute;
  left: 6px;
  top: 6px;
  border: 2px solid rgba(7, 19, 51, 1);
  background: #0e0f13;
  border-radius: 50%;
}

.info_cir.first_cir {
  margin-left: 241px;
}

.info_cir.second_cir {
  margin-left: 0px;
  float: left;
}

.info_cir.third_cir {
  margin-left: 302px;
  float: left;
}

.info_cir.fourth_cir {
  margin-left: 94px;
  margin-top: 90px;
  float: left;
}

.info_cir.fifth_cir {
  margin-left: 113px;
  margin-top: 90px;
  float: left;
}

#ai_material_animations .heading1 {
  font-size: 34px;
  line-height: 38px;
}

#ai_material_animations .imgprotxt {
  font-size: 34px;
  line-height: 38px;
}

#ai_material_animations .circleButton {
  background: transparent;
  border: none;
  box-shadow: none;
}

#ai_material_animations .circleButton:before {
  display: none;
}

#ai_material_animations .circleButton label {
  padding: 3px 0px;
  line-height: 14px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px auto;
  margin-bottom: 9px;
  background: linear-gradient(91.85deg, #8c4794 0%, #5267b1 98.33%);
  border-radius: 46px;
  font-size: 12px;
  font-weight: 400;
}

#ai_material_animations .crButtonContainer {
  z-index: 99999999;
}

#ai_material_animations .info_cir:hover {
  background: linear-gradient(92.47deg, #eb9c9c -1.83%, #9745a3 87.9%);
  box-shadow: 3px 4px 9px 3px rgba(229, 165, 231, 0.22);
}

#ai_material_animations .info_cir:hover:before {
  background: linear-gradient(92.47deg, #eb9c9c -1.83%, #9745a3 87.9%);
  box-shadow: 3px 4px 9px 3px rgba(229, 165, 231, 0.22);
  border-color: #fff;
}

/*ai-material*/

@media(max-width: 1200px) {
  .lapbg {
    position: absolute;
    width: 291px;
    height: 298px;
    left: -40px;
    top: 250px;
    background: linear-gradient(146.48deg, #511662 0%, #133281 97.08%);
    box-shadow: -6px -4px 6px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
  }
  
  .laptopimg {
    position: absolute;
    top: 220px;
    left: -135px;
    overflow: hidden;
    width: 489px;
    height: 480px;
    z-index: 4;
    background: url(../images/laptop1.png) no-repeat top left;
  }
  
}

@media (max-width: 768px) {
  .basic {
    height: 200px;
    margin-bottom: 15px;
  }
  .laptopimg {
    top: 57px;
    left: 59px;
    width: 300px;
    height: 300px;
    background-size: contain;
  }

  .lapbg {
    top: 70px;
    left: 120px;
    width: 161px;
    height: 178px;
  }

  .bantext {
    margin-top: 100px;
    margin-left: 0px;
  }

  .imgprotxt {
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 30px;
    line-height: 1.2;
  }

  .imgprotxt::before {
    content: '';
    position: absolute;
    width: 39px;
    height: 3px;
    left: calc(50% - 39px / 2 - 0.5px);
    bottom: -15px;

    background: linear-gradient(92.47deg, #eb9c9c -1.83%, #9745a3 87.9%);
    border-radius: 4px;
  }

  .btnbox {
	flex-direction: row !important;
    width: 100%;
    width: 100%;
    justify-content: center;
    gap: 20px;
  }

  .imgprosmalltxt {
    width: 375px !important;
    margin: 0 auto 30px auto;
	width: auto !important;
  }

  .bannersection {
    padding-bottom: 40px;
    padding-top: 100px;
  }

  .box1 {
    width: 100%;
  }

  .imgprosectiontxt {
    padding: 0 20px;
  }

  .optslidercontentleft {
    width: 100%;
    padding: 0 0px;
    margin-bottom: 20px;
    height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .optslidercontentright img {
    height: auto;
  }

  .optslidercontent {
    display: flex;
    padding: 0 20px 30px 20px;
  }

  .viewul li {
    margin: 0px 0;
    text-align: center;
    list-style-position: inside;
  }
}

/* ################## Auto Quant ################## */
.autoQuantsection {
  padding: 140px 0 30px;
}

.bantext.commmonTxt .imgprotxt.autotxt {
  font-size: 1.86rem;
}

.autoQuantsection .auto_ban_box.first {
  position: absolute;
  right: 70px;
  width: 70px;
  height: 71px;
  opacity: 0.5;
  border: 3px solid hsl(294, 35%, 43%);
  border-radius: 11px;
  z-index: 2;
  top: -30px;
  animation: slideLeftRight 4s infinite alternate linear;
}

.autoQuantsection .auto_ban_box.second {
  position: absolute;
  width: 112px;
  height: 115px;
  right: 20px;
  top: 5px;
  background: linear-gradient(146.48deg, #511662 0%, #133281 97.08%);
  border-radius: 20px;
  border: 0;
  opacity: 1;
}

.autoQuantsection .auto_ban_box.third {
  position: absolute;
  width: 23px;
  height: 22px;
  left: 10px;
  top: 300px;
  border-radius: 7px;
  background: linear-gradient(146.48deg, #511662 0%, #133281 97.08%);
}

.autoQuantsection .auto_ban_box.fourth {
  position: absolute;
  width: 86px;
  height: 83px;
  left: 40px;
  top: 315px;

  background: linear-gradient(146.48deg, #511662 0%, #133281 97.08%);
  border-radius: 17px;
}

@keyframes slideLeftRight {
  0% {
    right: 95px;
  }

  100% {
    right: 60px;
  }
}

.aqsec .twentytwenty-container {
  height: 250px !important;
  width: 100% !important;
  display: flex;
  flex-direction: column;
}

.aqsec {
  padding: 60px 0;
}

/*19-04-2023(Auto Quant)*/
.ml_mr_auto {
  margin-left: auto;
  margin-right: auto;
}

.connect_section {
  margin-top: 80px;
}

.connect_section .autotxt {
  text-align: center;
  margin-bottom: 45px;
}

.connect_section_inner p {
  color: #c8c8c8;
  font-size: 0.875rem;
  line-height: 22px;
}

.connect_section .tabs-content {
  width: 90%;
}

.connect_section .mainslider .item.slick-slide {
  height: 480px;
}

.connect_header {
  max-width: 635px;
}

.connect_header h4 {
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 50px;
}

.connect_section .mainslider {
  padding: 35px 0px 115px 0px;
}

.connect_section .tabs {
  margin-top: 40px;
}

.connect_section .mainslider .slick-dots {
  display: none;
}

.connect_section ul.tabs-nav {
  padding-bottom: 35px;
  margin-top: 30px;
}

.time_tested {
  padding-bottom: 78px;
}

.time_tested p {
  color: #c9c9c9;
  font-size: 1rem;
  line-height: 32px;
  max-width: 1205px;
  margin-top: 35px;
  margin-bottom: 45px;
}

.the_cpu_gpu {
  margin-top: 150px;
}

.the_cpu_gpu .imgprosmalltxt {
  max-width: 940px;
  line-height: 26px;
  font-size: 1.125rem;
}

.the_cpu_gpu_inner {
  max-width: 806px;
  margin-top: 60px;
}

.the_cpu_gpu_inner .mainslider {
  padding: 89px 140px;
}

#batch_processing {
  padding-top: 36px;
  padding-bottom: 60px;
}

#batch_processing p {
  margin-top: 0px;
}

.batch_processing_inner {
  max-width: 935px;
  margin-top: 50px;
}

.batch_processing_left {
  width: 550px;
}

.batch_processing_right {
  width: 385px;
}

.batch_processing_left ul {
  padding-left: 0px;
}

.batch_processing_left ul li {
  font-size: 1rem;
  color: #ffffff;
  line-height: 22px;
  margin-top: 25px;
  list-style: none;
  position: relative;
  padding-left: 40px;
  max-width: 445px;
}

.batch_processing_left ul li:before {
  content: ' ';
  width: 21px;
  height: 21px;
  display: inline-block;
  background: url(../images/check_circle_white.png) no-repeat center;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.autoquant_analysis {
  background: linear-gradient(
    253.07deg,
    rgba(217, 217, 217, 0.1) -9.9%,
    rgba(0, 0, 0, 0.1) 92.28%
  );
  box-shadow: inset 15.3667px -15.3667px 15.3667px rgba(188, 118, 190, 0.1),
    inset -15.3667px 15.3667px 15.3667px rgba(68, 114, 233, 0.14);
  padding: 78px;
  margin-top: 118px;
  border-radius: 20px;
}

.autoquant_analysis .heading2 {
  width: 865px;
  margin-bottom: 80px;
}

.autoquant_analysis_top {
  width: 350px;
  height: 125px;
  justify-content: space-between;
  margin-bottom: 70px;
}

.autoquant_analysis_list {
  margin-top: -100px;
  max-width: 1040px;
}

.list_analysis {
  width: 306px;
  height: 314px;
  margin-left: 30px;
  margin-right: 30px;
  background: linear-gradient(135.98deg, #000000 -11.91%, #060d28 125.55%),
    linear-gradient(
      180deg,
      rgba(68, 114, 233, 0) 0%,
      rgba(104, 229, 255, 0) 100%
    );
}

.list_analysis:hover {
  box-shadow: inset 0px 0px 22px 0px rgba(39, 172, 190, 0.573),
    inset 0px 0px 2px 2px rgba(54, 255, 205, 0.5);
}

.list_analysis p {
  color: #bcbcbc;
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 35px;
}

.standalone_section {
  margin-top: 142px;
  margin-bottom: 115px;
}

.standalone_section .autotxt {
  max-width: 740px;
}

.standalone_table {
  max-width: 1040px;
  margin-top: 37px;
}

.standalone_table thead {
  background: linear-gradient(90.09deg, #e8989d 0.03%, #8c4794 100%);
}

.standalone_table thead th {
  text-transform: uppercase;
}

.standalone_table thead th,
.standalone_table tbody tr td {
  padding: 14px 0px;
  color: #ffffff;
  line-height: 17px;
  font-size: 0.875rem;
}

.standalone_table tbody tr td {
  border-bottom: 1px solid #07112c;
}

.related_news .newsbar {
  padding-top: 17px;
}

.decnolve_section {
  margin-top: 130px;
}

.decnolve_section p {
  max-width: 940px;
  font-size: 1.125rem;
  margin-top: 10px;
}

.decnolve_section_inner {
  max-width: 900px;
  position: relative;
  margin-top: 90px;
}

.image_size {
  text-align: center;
  width: 325px;
  position: absolute;
  left: -160px;
  top: 50%;
  color: #fff;
  transform: translateY(-50%) rotate(-90deg);
}

.image_size span {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #c9c9c9;
}

.image_size:before,
.image_size:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 13px;
  background: linear-gradient(180deg, #68e5ff 0%, #4472e9 100%);
  width: 90px;
  height: 1px;
  border-radius: 5px;
}

.image_size:after {
  left: auto;
  right: 0px;
}

.decnolve_line {
  margin-top: 40px;
  margin-left: 60px;
}

.decnolve_line_0 {
  margin-bottom: 11px;
}

.decnolve_line_01 {
  width: 44.28%;
}

.decnolve_line_02 {
  width: 97.6%;
}

.decnolve_line_03 {
  width: 35.7%;
}

.decnolve_line_04 {
  width: 74.5%;
}

.decnolve_line_05 {
  width: 22.8%;
}

.decnolve_line_06 {
  width: 56.4%;
}

.decnolve_line_07 {
  width: 17.5%;
}

.decnolve_line_08 {
  width: 35.7%;
}

.decnolve_line_09 {
  width: 10.23%;
}

.decnolve_line_10 {
  width: 21.3%;
}

.bg_blue_decnolve {
  background: linear-gradient(90deg, #68e5ff 0%, #4472e9 103.03%);
  border-radius: 0px 29px 29px 0px;
  height: 12px;
}

.bg_gray_decnolve {
  background: linear-gradient(90deg, #d9d9d9 0%, #7d7d7d 103.03%);
  border-radius: 0px 29px 29px 0px;
  height: 12px;
}

.deconvolution_time {
  margin-top: 80px;
}

.deconvolution_time h4 {
  border-bottom: 1px solid #07112c;
  padding-bottom: 18px;
  font-size: 1.125rem;
}

.deconvolution_time .cpu_gpu {
  text-align: center;
  margin-top: 20px;
}

.deconvolution_time .cpu_gpu .cpu_sec {
  margin: 0px 40px;
}

.cpu_gpu_box {
  width: 28px;
  height: 28px;
  display: inline-block;
  margin-right: 15px;
}

.cpu_sec p {
  font-size: 1rem;
}

.blue_box {
  background: linear-gradient(90deg, #68e5ff 0%, #4472e9 103.03%);
}

.gray_box {
  background: linear-gradient(90deg, #d9d9d9 0%, #7d7d7d 103.03%);
}

.intuitive_guided_section {
  margin: 130px 0px 150px 0px;
}

.intuitive_intro {
  max-width: 900px;
  margin: 0px auto;
  text-align: center;
}

.common_intro p {
  font-size: 1.125rem;
  margin-top: 10px;
}

.intuitive_numbers {
  max-width: 1045px;
  margin: 0px auto;
  margin-top: 85px;
}

.intuitive_row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 0px 0px 54px 0px;
  min-height: 150px;
}

.intuitive_row:after {
  content: '';
  width: 2px;
  height: calc(100% - 65px);
  background: #8c4794;
  position: absolute;
  left: 42px;
  top: 90px;
}

.intuitive_left {
  display: flex;
  justify-content: space-between;
}

.intuitive_left h1 {
  width: 134px;
  font-size: 70px;
  font-weight: 400;
  line-height: 70px;
}

.intuitive_left p {
  color: #c9c9c9;
  font-size: 20px;
  font-weight: 700;
  padding: 15px 0 0 0;
}

.intuitive_right p {
  color: #c9c9c9;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 0 0;
  white-space: nowrap;
  flex: 1;
}

.intuitive_right img {
  width: 515px;
}

.intuitive_row.deconvolve:after {
  display: none;
}

.intuitive_row.deconvolve p {
  font-size: 34px;
}

.intuitive_right {
  margin-top: 6px;
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
}

.advantages_list ul li:before {
  background: url(../images/check_circle_blue.png) no-repeat center;
}

.straight_forward_section .imgprotxt {
  max-width: 845px;
}

.straight_forward_section .mainslider {
  max-width: 1245px;
  padding: 0px;
  padding-bottom: 50px;
}

.disadvantages_list ul li:before {
  background: url(../images/cross_blue.png) no-repeat center;
}

.straight_forward_list .heading2 {
  font-size: 1.25rem;
}

.straight_forward_section .optslidercontentbox {
  max-width: 1155px;
  width: 100%;
  height: auto;
  padding: 32px 20px 60px 20px;
}

.straight_forward_section .mainslider .item.slick-slide {
  height: auto;
}

.straight_forward_section .batch_processing_left {
  width: 100%;
}

.straight_forward_section .optslidercontentleft {
  padding-right: 50px;
  margin-right: 84px;
  position: relative;
}

.straight_forward_section .optslidercontentleft:after {
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 95%;
  background: linear-gradient(180deg, #68e5ff 0%, #4472e9 100%);
  right: 0px;
  top: 0px;
}

.straight_forward_section .optslidercontent {
  width: 100%;
  max-width: 900px;
}

.bottom_section {
  background: linear-gradient(
    253.07deg,
    rgba(148, 35, 150, 0.49) -9.9%,
    rgba(0, 0, 0, 0.08) 25.84%,
    rgba(54, 77, 136, 0.14) 63.01%,
    rgba(68, 114, 233, 0.06) 92.28%
  );
  border-radius: 20px;
  padding: 30px 50px 50px 50px;
}

.bottom_section ul {
  display: flex;
  flex-wrap: wrap;
}

.bottom_section ul li {
  font-size: 1rem;
  color: #c9c9c9;
  position: relative;
  list-style: none;
  width: 33.33%;
  padding-left: 35px;
  margin-top: 20px;
}

.bottom_section ul li:before {
  background: url(../images/check_purple.png) no-repeat center;
  background-size: cover;
  position: absolute;
  content: ' ';
  width: 19px;
  height: 15px;
  display: inline-block;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.new_btn {
  width: 53px;
  height: 20px;
  background: linear-gradient(91.85deg, #8c4794 0%, #5267b1 98.33%);
  border-radius: 46px;
  color: #ffffff;
  font-size: 0.75rem;
  margin-left: 10px;
}

.straight_forward_section .optslidercontentbox .imgprosmalltxt {
  font-size: 1.125rem;
}

.straight_forward_section .optslidercontent {
  padding-top: 60px;
}

.straight_forward_section .optslidercontent .heading2 {
  padding-left: 40px;
}

.straight_forward_section .navslider {
  width: 38%;
}

.straight_forward_section .navslider .item.slick-current::before {
  width: 92px;
  height: 4px;
  background: #e8989d;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.875rem;
}

.the_cpu_gpu_inner .mainslider {
  position: relative;
}

.the_cpu_gpu_inner .mainslider .plus {
  position: absolute;
  /*    background: url(../images/add_icon.png) no-repeat center;*/
  /*    background-size: cover;*/
  width: 30px;
  height: 30px;
  display: inline-block;
  top: 50%;
  left: 78px;
  z-index: 9;
}

.the_cpu_gpu_inner .mainslider .plus a {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.the_cpu_gpu_inner .mainslider .plus.step_o2 {
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 8;
}

.the_cpu_gpu_inner .mainslider .plus.step_o3 {
  top: 50%;
  right: 78px;
  left: auto;
  z-index: 10;
}

.the_cpu_gpu_inner .mainslider .plus.step_o4 {
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
}

.the_cpu_gpu_inner .mainslider .plus.step_o5 {
  bottom: 160px;
  left: 226px;
  top: auto;
  z-index: 8;
}

.the_cpu_gpu_inner .mainslider .plus.step_o6 {
  bottom: 160px;
  right: 223px;
  left: auto;
  top: auto;
}

.hidden_content {
  text-align: center;
  width: 294px;
  background: linear-gradient(134.67deg, #220323 -11.8%, #000000 111.74%);
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  padding: 10px;
}

.hidden_content .heading3 {
  font-size: 1rem;
}

.hidden_content p {
  color: #bcbcbc;
  font-size: 0.75rem;
  line-height: 16px;
}

.the_cpu_gpu_inner .mainslider .plus:hover a {
  background: linear-gradient(
    126.03deg,
    rgba(235, 156, 156, 0.2) 7.58%,
    rgba(243, 71, 248, 0.2) 85.47%
  );
}

.the_cpu_gpu_inner .mainslider .plus:hover .hidden_content {
  display: block;
}

/*19-04-2023(Auto Quant)*/

.commonWidthCont .optslidercontent1itm.right {
  width: 55%;
  padding-left: 70px;
}

.securitysection {
  padding: 80px 0;
  background: #171d2d url(../images/nat.png) no-repeat;
  background-size: cover;
}

.tabsCommon {
  padding: 80px 0;
}

.tabsCommon .item {
  padding: 10px 45px;
  text-align: center;
}

.securitysection .optslidercontent1itm p {
  text-align: left;
}

.securitysection .navslider1 {
  max-width: 740px;
}

.headingLight {
  font-weight: 700;
  font-size: 1.8rem;
  display: inline-block;
  background: linear-gradient(92.47deg, #68e5ff -1.83%, #5267b1 87.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
  width: 100%;
  margin-bottom: 50px;
}

.lightMicroscopysection .imgprosmalltxt {
  font-weight: bold;
}

.lightMicroscopysection .common_text_center {
  max-width: 860px;
}

.commonWidthCont.mainslider ul.tabs-nav {
  width: 600px;
}

.lightMicroscopysection .navslider {
  max-width: 400px;
}

.lightMicroConBg {
  padding: 60px 0 80px;
  margin-top: 50px;
  background: #171d2d url(../images/dna-closely.jpg) no-repeat;
  background-size: cover;
}

.electronMicroscopysection {
  padding-bottom: 0;
}

.electronMicroscopysection .navslider {
  max-width: 500px;
}
.exploreImgsection .navslider {
  max-width: 540px;
}

.exploreImgsection {
  padding-bottom: 0;
}

.exploreImgsection .lightMicroConBg {
  padding: 60px 0 80px 0;
  background: #171d2d url(../images/marbg.jpg) no-repeat;
  background-size: cover;
}

.exploreImgsection .headingLight {
  margin-bottom: 0;
}

.smallMediumsection .navslider {
  max-width: 950px;
}

.smallMediumsection2 .navslider {
  max-width: 730px;
}

.smallMediumsection,
.smallMediumsection2 {
  padding: 0;
}

.smallMediumsection .lightMicroConBg {
  padding: 60px 0 80px;
  margin-top: 0;
  background: #171d2d url(../images/nat.png) no-repeat;
  background-size: cover;
}

.tabs-nav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}

.smallMediumsection2 .lightMicroConBg {
  padding: 60px 0 80px;
  margin-top: 0;
  background: #171d2d url(../images/path.jpg) no-repeat;
  background-size: cover;
}

.commonWidthCont.mainslider ul.tabs-nav {
  justify-content: center;
}

.enterpriseLabsection .navslider {
  max-width: 780px;
}

.enterpriseLabsection {
  padding: 0;
}

.enterpriseLabsection .lightMicroConBg {
  margin-top: 0;
}

.enterpriseLabsection .lightMicroConBg {
  background: transparent;
}

.image_border {
  border-radius: 20px;
  background: linear-gradient(116.81deg, #bc14c0 0.31%, #4472e9 98.1%);
  padding: 3px;
}

.image_border img {
  border-radius: 20px;
}

.cell_biology_item .image_border {
  margin-right: 25px;
}

/*Contact Us*/
#contact_us {
  width: 100%;
  max-width: 1244px;
  margin: 0px auto;
  margin-top: 170px;
  position: relative;
}

#contact_us .imgprotxt {
  font-size: 3rem;
}

#contact_us .ballon2 {
  position: absolute;
  left: -15px;
  top: 200px;
}

#contact_us:before {
  content: '';
  position: absolute;
  width: 1478px;
  height: 1478px;
  left: -1100px;
  top: -300px;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(68, 114, 233, 0.5) 0%,
    rgba(81, 22, 98, 0) 100%
  );
  transform: rotate(-180deg);
}

.contact_box {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 20px;
  top: 55px;
  background: linear-gradient(146.48deg, #511662 0%, #133281 97.08%);
  border-radius: 8px;
}

.contact_box_border {
  width: 54px;
  height: 54px;
  position: absolute;
  left: 44px;
  top: 86px;
  opacity: 0.5;
  border: 3px solid #8c4794;
  border-radius: 11px;
}

.contact_box.big {
  width: 110px;
  height: 100px;
  left: auto;
  right: 0px;
  top: 36px;
}

.contact_box_border.big {
  width: 71px;
  height: 71px;
  left: auto;
  right: 70px;
  top: 10px;
}

.contant_top {
  text-align: center;
  position: relative;
  max-width: 682px;
  width: 100%;
  margin: 0px auto;
  padding: 93px 0 0 0;
  /*display: flex;*/
  justify-content: center;
}

.contant_form {
  background: linear-gradient(
    253.07deg,
    rgba(148, 35, 150, 0.49) -9.9%,
    rgba(0, 0, 0, 0.08) 25.84%,
    rgba(54, 77, 136, 0.14) 63.01%,
    rgba(68, 114, 233, 0.06) 92.28%
  );
  box-shadow: inset 7px -9px 8px rgba(188, 118, 190, 0.1),
    inset -7px 6px 5px rgba(68, 114, 233, 0.14);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 70px 103px 60px 137px;
  margin-top: 60px;
  margin-bottom: 100px;
  position: relative;
  z-index: 9;
}

.form_row {
  margin: 30px 0px 0px 0px;
}

.contant_form input,
.contant_form textarea,
.contant_form label {
  background: linear-gradient(92.47deg, #68e5ff -1.83%, #5267b1 87.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  display: inline-block;
  width: 100%;
  border: 0px;
  border-bottom: 1px solid #68e5ff;
  font-size: 18px;
  font-weight: 400;
  padding: 0px 0px 8px 0px;
}

.contant_form label {
  border: 0px;
  margin-top: 15px;
}
.contant_form label.error {
  background: none;
  -webkit-text-fill-color: #bd0000;
}
.contant_form textarea {
  height: 171px;
  border-radius: 15px;
  border: 1px solid #68e5ff;
}

.recaptcha {
  margin-top: 22px;
}

.submit_row {
  margin-top: 15px;
  text-align: center;
  display: flex;
  justify-content: center;
}

.submit_row .btnblanktbgbox {
  max-width: 190px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
gap: 30px;
}

.contant_form .ballon1 {
  position: absolute;
  right: -20px;
  bottom: -40px;
  top: auto;
  left: auto;
  filter: blur(4px);
}

.slick-arrow.slick-disabled {
  opacity: 0;
  cursor: default;
}

/*Contact Us*/

.laptopimg {
  overflow: hidden;
}

.laptopimg .slick-list {
  overflow: hidden;
}

.laptopimg .slick-list .slick-track {
  overflow: hidden;
}

.sldimgwraper {
  overflow: hidden;
}

.sldimgwraper .slick-list {
  overflow: hidden;
}

.sldimgwraper .slick-list .slick-track {
  overflow: hidden;
}

.slider-for.mainslider {
  /* height: 420px;*/
}

.d2 li {
  margin-bottom: 15px;
}

.ttxbBox {
  display: flex;
  align-items: center;
}

.ttxbItem {
  padding: 0 8px;
}

.ttxbItem.ttxbItem1 {
  width: 277px;
}

.autoslider-for.mainslider .slick-dots {
  margin-bottom: inherit;
  margin-top: 30px;
}

p.cap {
  margin-top: 15px;
  margin-bottom: 0;
}

.optlaptop {
  margin-top: 60px;
  width: 90%;
  margin-left: 15px;
}

.headerbar .getintch a {
  background: transparent;
}

.headerbar .getintch a:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  background: #000;
  z-index: -1;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
}

.headerbar .getintch a:hover:before {
  background: linear-gradient(93.21deg, #ffffff 3.24%, #e5a5e7 100.57%);
}

.headerbar .getintch a:hover {
  color: #652cb0;
}

.gotohash {
  cursor: pointer;
}

.circleButton {
  cursor: pointer;
}

.mainnav .btngetin {
  padding: 10px 0px;
}

.whatoursectionitm img {
  margin: 0px 0px 15px 30px;
}

.justify-center {
  justify-content: center;
}

.whattxtfooter {
  justify-content: center;
  width: 100%;
}

.advisory_board {
  margin: 0px 0px 150px 0px;
}

.advisory_board .heading2 {
  margin-bottom: 85px;
}

.advisory_board ul {
  padding: 0px;
  display: flex;
  justify-content: center;
  text-align: center;
}

.advisory_board ul li {
  width: 25%;
}

.advisory_board ul li .imgprotxt {
  font-size: 14px;
  line-height: 21px;
  margin: 19px 0px 10px 0px;
}

.mobileView {
  background: url(../images/mobileBg.svg) left top;
  position: fixed;
  background-size: 100%;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 999999999999999;
  left: 0;
  top: 0;
}

.mobilezViewLogo {
  background: #d9d9d9;
  height: 75px;
  width: 100%;
  margin-top: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobileViewCont {
  text-align: center;
  padding-top: 90px;
}

.mobileViewCont img {
  margin-bottom: 30px;
}

.mobileViewCont p {
  color: #fff;
  font-size: 16px;
}

.mobileLoader {
  margin-top: 40px;
  background: url(../images/mobileLoader.svg) repeat-x center center;
  height: 40px;
  width: 100%;
}

.mobile_bottom {
  margin-top: 35px;
  width: 100%;
  text-align: center;
  color: #fff;
}

.mobile_bottom p {
  font-size: 13px;
}

.mobile_bottom p a {
  color: #fff !important;
}

@media (max-width: 1140px) {
  .mobileView {
    display: none;
  }

  .headersection,
  .bannersection,
  .commmonTxt,
  .fastection,
  .footerSection,
  .solutionbannersection,
  section,
  .homecircle1,
  .cir1 {
    display: block;
  }
}

.mobsec {
  display: flex;
  flex-direction: column;
}

.showMob {
  display: none;
}

.showMob1 {
  display: none !important;
}

.logo.logoMob {
  display: none;
}

.navIcon {
  display: none;
  margin-left: 20px;
}

.navIconImg {
  cursor: pointer;
}

.headingbx {
  margin-top: 120px;
}

.menuplus {
  display: none;
}

.slick-slide img {
  margin: 0 auto;
}

.homeballon1 .balloon2 {
  z-index: -99 !important;
}

#hardware ul.serverblock li a {
  cursor: auto;
}

#realtime {
  height: 284px !important;
  width: 400px;
}

.visualpos {
  position: relative;
}

.visualpos .plus {
  position: absolute;
  width: 30px;
  height: 30px;
  display: inline-block;
  top: 7%;
  left: 26%;
}

.visualpos .plus a {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.visualpos .plus.step_o2 {
  top: 7%;
  left: 63%;
  transform: translateX(-50%);
  z-index: 6;
}

.visualpos .plus.step_o3 {
  top: 56%;
  left: 28%;
  right: auto;
  z-index: 1;
}

.visualpos .plus.step_o3:hover {
  z-index: 5;
}

.visualpos .plus.step_o4 {
  top: 43%;
  left: 50%;
  transform: translateX(-50%);
  bottom: auto;
  z-index: 4;
}

.visualpos .plus.step_o5 {
  bottom: auto;
  right: 20%;
  top: 50%;
  z-index: 8;
  left: auto;
  z-index: 3;
}

.visualpos .plus.step_o6 {
  bottom: 15%;
  right: auto;
  left: 5%;
  top: auto;
  z-index: 2;
}

.visualpos .plus.step_o7 {
  bottom: 5%;
  right: auto;
  left: 24%;
  top: auto;
  z-index: 1;
}

.visualpos .plus:hover a {
  background: linear-gradient(
    126.03deg,
    rgba(235, 156, 156, 0.5) 7.58%,
    rgba(243, 71, 248, 0.5) 85.47%
  );
}

.visualpos .plus:hover .hidden_content {
  display: block;
  z-index: 99;
}

.contentrow {
  display: flex;
}
.contant_form input[type='checkbox'] {
  width: unset;
}
.form_row.twoColInput {
  display: flex;
  gap: 30px;
}
.form_row.twoColInput .frmgrp {
  width: calc(50% - 16px);
}
.frmgrp .btn-group {
  width: 100%;
}
button.multiselect {
  background: transparent;
  border: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  border-bottom: 1px solid #68e5ff;
  border-radius: 0;
  padding: 4px 0;
}
.btn-default:hover {
  color: inherit;
  background-color: inherit;
  border-color: #68e5ff;
}
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: transparent;
  border-bottom: 1px solid #68e5ff;
}
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  background: linear-gradient(92.47deg, #68e5ff -1.83%, #5267b1 87.9%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-color: transparent;
  border-color: inherit;
  box-shadow: none;
  border-bottom: 1px solid #68e5ff;
}
.btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.multiselect-selected-text {
  background: linear-gradient(92.47deg, #68e5ff -1.83%, #5267b1 87.9%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 18px;
}
.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 15px 5px;
}
ul.multiselect-container.dropdown-menu li a label.checkbox {
  color: #7d7d7d;
  -webkit-text-fill-color: #7d7d7d;
  background: transparent;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color: transparent;
}

@media (max-width: 768px) {
  .form_row.twoColInput {
    flex-direction: column;
  }
  .form_row.twoColInput .frmgrp {
    width: 100%;
  }
  .contentrow {
    flex-direction: column;
  }

  .visualpos .plus.step_o3 .hidden_content {
    transform: translateX(-20%);
  }

  .visualpos .plus.step_o1 .hidden_content {
    transform: translateX(-30%);
  }

  #realtime {
    height: 184px !important;
    width: 260px;
    margin-bottom: 15px;
  }

  .headerbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0px;
    background: linear-gradient(180deg, #ffffff 0%, #ededed 100%);
    padding-right: 20px;
  }

  .navIcon {
    display: block;
  }

  .getintch {
    display: none;
  }

  .ipimgright {
    padding: 20px 0 0 0 !important;
    text-align: center;
  }

  .logo {
    display: none;
  }

  .logo.logoMob {
    display: block;
    padding: 17px;
  }

  .mobOrder1 {
    order: 1;
  }

  .mobOrder2 {
    order: 2;
  }

  .showMob {
    display: flex;
    justify-content: center;
  }

  .showMob1 {
    display: block !important;
  }

  .hideMob {
    display: none !important;
  }

  .countanimatebox {
    flex-direction: row !important;
    align-items: center;
    position: relative;
  }

  .countanimatebox::before {
    content: '';
    position: absolute;
    width: 283px;
    height: 1px;
    left: calc(50% - 283px / 2 - 0.5px);
    bottom: -6px;

    background: linear-gradient(92.47deg, #eb9c9c -1.83%, #9745a3 87.9%);
    border-radius: 4px;
  }

  .counttxt {
    text-align: left !important;
    margin-left: 20px;
    width: 145px;
  }

  .btnthemegradientbgbox,
  .btnblanktbgbox {
    flex: inherit;
  }

  .btnblanktbg,
  .btnblanktbg1 {
    padding: 10px 30px;
  }

  .btnthemegradientbg {
    padding: 10px 25px;
  }

  .bannerleft {
    text-align: center;
  }

  .headingfirst::before {
    left: 50% !important;
    transform: translateX(-50%);
  }

  .explorebox {
    padding: 40px 40px 0px !important;
    background: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
  }

  .col3box {
    margin-top: 0px !important;
  }

  .ipimgsection {
    padding-bottom: 10px !important;
  }

  .mobh2 {
    width: 300px;
    margin: 0 auto !important;
  }

  .exploreimgbox {
    margin-top: 20px;
    transform: scale(0.7);
  }
  #ai_material_animations {
    padding: 0px 0px 0px 0px;
  }
  .homecircle1 {
    display: none;
  }

  .footerSection {
    padding: 50px 20px;
    background: #0d0b12;
  }

  .footerlogo img {
    width: 120px;
  }

  p {
    font-size: 1rem;
  }

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding: 0 20px;
  }

  .imgban {
    width: 275px;
    margin: 0 auto;
  }

  #aboutBanner .imgban img {
    display: table;
    margin: 0 auto;
    width: 100%;
  }

  .service_banner .imgban {
    width: 100%;
  }

  .service_banner .imgban img.studentimg {
    margin: 0 auto;
    display: table;
    width: 98%;
  }

  .abt_ban_box {
    left: -40px;
    top: -38px;
    width: 40px;
    height: 40px;
    border-radius: 6px;
  }

  .abt_ban_box.second {
    left: 9px;
    top: 9px;
    width: 20px;
    height: 20px;
  }

  .abt_ban_box.third {
    width: 26px;
    height: 26px;
  }

  .abt_ban_box.fourth {
    right: -48px;
    bottom: -34px;
    width: 37px;
    height: 37px;
  }

  #aboutBanner.bannersection {
    padding-top: 150px;
  }

  #our_values {
    max-width: 100%;
    margin: 0 0 80px 0 !important;
    padding: 0;
    justify-content: center;
    gap: 10px;
  }

  #our_values li {
    max-width: none;
    width: calc(50% - 10px);
  }

  #our_values::after {
    display: none;
  }

  .advisory_board ul {
    flex-direction: column;
  }

  .valuesBoxesInner {
    width: 100%;
    height: 100%;
  }

  .valuesBoxes {
    width: 100%;
  }

  .advisory_board ul li {
    width: 100%;
    margin-bottom: 30px;
    display: block;
  }

  .advisory_board .heading2 {
    margin-bottom: 50px;
  }

  .advisory_board {
    margin: 0px 0px 40px 0px;
  }

  .advisory_board h3.imgprotxt::before {
    display: none;
  }

  #contact_us {
    margin-top: 60px;
  }

  .contact_box.big {
    width: 25px;
    height: 25px;
    left: auto;
    right: 82px;
    top: 133px;
    border-radius: 4px;
  }

  .contact_box_border.big {
    width: 36px;
    height: 36px;
    left: auto;
    right: 42px;
    top: 147px;
    border-radius: 6px;
  }

  .contact_box_border {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 75px;
    top: 111px;
    opacity: 0.5;
    border: 3px solid #8c4794;
    border-radius: 4px;
  }

  .contant_form {
    width: 90%;
    margin: 50px auto;
    padding: 50px 30px;
  }

  .submit_row {
    margin-top: 40px;
  }

  .contant_form .ballon1 {
    display: none;
  }

  .studentimg {
    width: 77%;
  }

  .studentpbg {
    width: 170px;
    height: 160px;
    left: 12px;
    top: 46px;
  }

  .featureitem li {
    width: 100%;
  }

  p,
  .imgprotxt {
    text-align: center !important;
  }

  .schedule_left ul li {
    list-style-position: inside;
  }

  .reachgoals_section .fastectionrow {
    padding: 0;
  }

  .moborder-1 {
    order: 1 !important;
  }

  .moborder-2 {
    order: 2 !important;
  }

  .btnthemegradientbg,
  .btnblanktbg1 {
    min-width: 140px;
  }

  .solimgban {
    width: 280px;
    margin: 0 auto;
  }

  .solspot3,
  .solspot4 {
    display: none;
  }

  .solbantext {
    padding-top: 60px;
  }

  .solspot1 {
    width: 20px;
    height: 20px;
    left: -50px;
    top: 110px;
    border-radius: 4px;
  }

  .solspot2 {
    width: 70px;
    height: 70px;
    left: -30px;
    top: 128px;
    border-radius: 12px;
  }

  .solbantext p.imgprosmalltxt {
    width: 265px !important;
  }

  .btnblanktbg.btngetin1 {
    margin: 0 auto;
    display: block;
  }

  .featureitem1 li a {
    height: 200px;
  }

  .ballon3 .balloon1 {
    display: none;
  }

  .featureection {
    padding: 0 0 110px 0;
    display: none;
  }

  section.imgprosection .ballon1 .group-33-xl4bh6 {
    height: 100%;
    width: 100%;
    filter: blur(3px);
  }

  section.imgprosection .ballon1 {
    width: 70px;
    height: 70px;
    left: 14px;
    top: -26px;
    filter: blur(0px);
  }

  .immgbtnbox {
    flex-direction: column;
  }

  .immgbtnbox a.imgprobtn.me-3 {
    margin: 0 0 20px 0 !important;
  }

  .imgprosection {
    padding: 80px 0;
  }

  .imgprosection .ballon2 .balloon1 {
    width: 200px;
    height: 200px;
    right: -100px;
    bottom: -90px;
    filter: blur(4px);
  }

  .heading2 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .headingLight {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 230px;
    margin: 0 auto 30px;
  }

  .heading2 img {
    width: 60px;
  }

  .headingLight img {
    height: 40px;
  }

  .tabsCommon {
    padding: 10px 0;
  }

  .headingbx {
    margin-top: 10px;
  }

  .expimsection .heading2 {
    width: 260px;
  }

  .manufacsection {
    padding: 30px 0;
  }

  .manufacsection ul.tabs-nav.type2 {
    height: auto;
  }

  .materialsection .optslidercontent1itm.right {
    width: auto;
  }

  .optslidercontentbox1 {
    width: 100%;
  }

  .optslidercontentbox1.biggerscreen .optslidercontent1itm.right {
    width: 100%;
  }

  .pathsection .optslidercontent1itm.right,
  .natsection .optslidercontent1itm.right {
    width: 100%;
  }

  .materialsection .mainslider .item.slick-slide {
    height: unset !important;
  }

  .natsection .mainslider .item.slick-slide {
    height: unset !important;
  }

  .lifesection .mainslider .item.slick-slide {
    height: unset !important;
  }
  .pathsection .optslidercontent1itm,
  .materialsection .optslidercontent1itm,
  .natsection .optslidercontent1itm {
    margin-right: 0;
  }
  .lifesection .mainslider {
    padding-top: 10px;
  }

  .lifesection .tabs-content {
    width: 100%;
  }

  .lifesection .optslidercontent1itm.right {
    width: auto;
    margin-left: 0;
  }

  .commonWidthCont .optslidercontent1itm.right {
    width: 100%;
    padding-left: 0;
  }

  .commonWidthCont.mainslider ul.tabs-nav {
    justify-content: flex-start;
  }

  .headingcustom {
    font-size: 2.1rem;
  }

  #ai_material_banner .imgban {
    width: 100%;
    margin-bottom: 30px;
  }

  #ai_material_banner .imgprobox {
    display: none;
  }

  #ai_material_banner .imgprotxt {
    width: 300px;
  }

  .whatis_aimaterial .heading1 .imgprotxt {
    font-size: 1.6rem;
    margin-top: 30px;
    margin-bottom: 10px;
  }

  .whatis_aimaterial .heading1 .imgprotxt::before {
    display: none;
  }

  .whatis_aimaterial .basefeaturesec {
    display: none;
  }

  .grainsize_modules {
    margin-top: 60px;
  }

  .grainsize_modules_right ul li {
    width: 100%;
  }

  .grainsize_modules_inner {
    margin-top: 15px;
    flex-direction: column;
  }

  .grainsize_modules_left {
    order: 2;
  }

  .grainsize_modules_left img {
    width: 300px;
    margin: 20px auto 0;
    display: table;
    float: none;
  }

  .Sphericitymodule .grainsize_modules_left img {
    float: none;
  }

  .graphite_module_list {
    flex-direction: column;
  }

  .graphite_module_list li {
    padding: 2px;
    border-radius: 13px;
    width: 100%;
    margin-bottom: 20px;
  }

  .graphite_module_list .modules {
    padding: 4px 10px;
  }

  .grainsize_modules {
    padding: 60px 0px 50px 0px;
  }

  .customization .mainslider {
    margin: 8px auto 0;
    margin-top: 8px;
    padding: 2.125rem;
    background: linear-gradient(
      253.07deg,
      rgba(148, 35, 150, 0.49) -9.9%,
      rgba(0, 0, 0, 0.08) 25.84%,
      rgba(54, 77, 136, 0.14) 63.01%,
      rgba(68, 114, 233, 0.06) 92.28%
    );
    box-shadow: inset 7px -9px 8px rgba(188, 118, 190, 0.1),
      inset -7px 6px 5px rgba(68, 114, 233, 0.14);
    backdrop-filter: blur(10px);
    border-radius: 20px;
  }

  .customization_list {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .customization_list li {
    font-size: 13px;
    width: 50%;
  }

  .customization_list li:nth-of-type(even):after {
    display: none;
  }

  .customization_list li.no_bottom_border.bbl:before {
    display: block;
  }

  .imgprosection.partner_withus,
  .autoQuantsection .auto_ban_box.first,
  .autoQuantsection .auto_ban_box.second,
  .autoQuantsection .auto_ban_box.third,
  .autoQuantsection .auto_ban_box.fourth {
    display: none;
  }

  .autoQuantsection .imgban {
    width: 100%;
  }

  .bantext.commmonTxt .imgprotxt.autotxt {
    font-size: 2rem;
    width: 202px;
  }

  .connect_section .tabs-content {
    width: 100%;
  }

  .viewright {
    padding: 0;
  }

  .connect_section .mainslider {
    padding: 35px 0 0 0;
  }

  .intuitive_row .imgprotxt::before {
    display: none;
  }

  .intuitive_right {
    flex-direction: column;
  }

  .intuitive_right p {
    font-size: 16px;
  }

  .intuitive_right img {
    width: 300px;
  }

  .intuitive_left h1 {
    font-size: 1.5rem;
  }

  .intuitive_left h1 {
    font-size: 3rem;
    width: 100px;
  }

  .intuitive_row.deconvolve .intuitive_right p {
    text-align: left !important;
  }

  .intuitive_guided_section {
    margin: 70px 0px 70px 0px;
  }

  .straight_forward_section .imgprotxt {
    max-width: 845px;
    font-size: 1.88rem;
    width: 100%;
  }

  .optslidercontentbox .imgprosmalltxt.txc {
    width: 100% !important;
  }

  .straight_forward_section .optslidercontentleft {
    padding-right: 0;
    margin-right: 0;
    text-align: left;
  }

  .optslidercontent .optslidercontentleft {
    align-items: center;
    height: auto;
    margin: 0;
  }

  .straight_forward_section .optslidercontent {
    padding-top: 0px;
  }

  .bottom_section ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    flex-direction: column;
  }

  .bottom_section ul li {
    width: 100%;
  }

  .cpu_sec p.imgprosmalltxt {
    width: auto !important;
    margin: 0 !important;
  }

  .deconvolution_time .cpu_gpu .cpu_sec {
    margin: 0px 20px;
  }

  .decnolve_section_inner::before {
    content: '';
    position: absolute;
    height: 4px;
    width: 400px;
    left: 0;
    bottom: -30px;
    border: 1px solid;
    background: linear-gradient(180deg, #68e5ff 0%, #4472e9 100%);
  }

  .the_cpu_gpu_inner .mainslider {
    padding: 75px 50px;
  }

  .the_cpu_gpu_inner .mainslider .plus {
    top: 45%;
    left: 2px;
  }

  .the_cpu_gpu_inner .mainslider .plus.step_o3 {
    top: 45%;
    right: 17px;
  }

  .plus.step_o1 .hidden_content,
  .plus.step_o6 .hidden_content {
    transform: translateX(0);
  }

  .plus.step_o3 .hidden_content,
  .plus.step_o5 .hidden_content {
    transform: translateX(-100%);
  }

  .the_cpu_gpu_inner .mainslider .plus.step_o6 {
    bottom: 111px;
    right: 284px;
  }

  .the_cpu_gpu_inner .mainslider .plus.step_o5 {
    bottom: 112px;
    left: 271px;
  }

  .plus.step_o1 .hidden_content {
    z-index: 999999;
  }

  .the_cpu_gpu_inner .mainslider .plus {
    z-index: 0;
  }

  .plus.step_o1:hover ~ .plus.step_o6 {
    z-index: -1;
  }

  .batch_processing_inner {
    margin-bottom: 50px;
    flex-direction: column;
    margin-top: 0;
    padding: 0 40px;
  }

  .batch_processing_left {
    width: 100%;
    margin-bottom: 40px;
  }

  .batch_processing_right {
    width: 100%;
  }

  .autoquant_analysis {
    background: none;
    box-shadow: none;
    padding: 0px;
  }

  .autoquant_analysis_top {
    width: 286px;
  }

  .autoquant_analysis_list {
    margin-top: 0;
    flex-direction: column;
  }

  .list_analysis {
    width: 240px;
    height: 240px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }

  .autoQuantsection {
    padding: 60px 0 30px;
  }

  img.autoquantHeroLogo {
    width: 50px;
  }

  .optslidercontentleft ul li {
    list-style-position: inside;
  }

  .btnsec {
    max-width: 260px;
    white-space: nowrap;
    margin: 0 auto;
  }

  .getintch_new .btnfeature {
    min-width: 140px !important;
  }

  .mannavdropdown {
    min-width: auto !important;
    position: relative;
    padding: 0 0 25px 0px;
  }

  .sldimgwraper {
    width: 320px;
    height: 220px;
  }

  .crl5,
  .crl4 {
    display: none;
  }

  .crl1 {
    position: absolute;
    width: 102px;
    height: 102px;
    left: -50px;
    top: 125px;
  }

  .optballon1 .balloon1 {
    width: 252px;
    height: 252px;
    right: -168px;
    top: 229px;
    left: auto;
  }

  .lapcirbg {
    top: 20px;
    left: 50%;
    width: 260px;
    transform: translateX(-49%);
  }

  .optlaptop {
    margin-top: 35px;
    width: 100%;
    margin-left: -30px;
  }

  .crl3 {
    position: absolute;
    width: 700px;
    height: 700px;
    left: 100px;
    top: 170px;
  }

  .optText {
    margin-left: auto;
    width: inherit;
    margin-top: 60px;
    text-align: center;
  }

  .heading51 {
    font-size: 2.18rem;
    margin: 0 auto;
  }

  .viewleft {
    order: 2;
  }

  .viewright {
    order: 1;
  }

  .viewleft-1 {
    width: 100%;
  }

  .twocol {
    flex-direction: column;
  }

  .twocolinner {
    flex-direction: column;
    margin-bottom: 15px;
  }

  .twocolinner:first-child {
    border-right: none;
  }

  .toptabtxt {
    width: 100%;
    margin-bottom: 15px;
  }

  .heading2a img {
    width: 30px;
    max-height: 30px;
  }

  .heading2a {
    font-size: 1.8rem;
  }

  .analisisbxitm {
    width: 100%;
  }

  .v-tab {
    flex-direction: column;
  }

  .v-tab_container {
    border-left: 0px solid #8c4794;
  }

  .v-tab_tab-head li {
    width: 41%;
  }

  .h-tab_tab-head li {
    padding: 8px 5px;
    line-height: 18px;
  }

  .v-tab_content {
    padding: 10px 0px;
  }

  .paintbox {
    flex-direction: column;
  }

  .tabbtnpanel {
    height: 100%;
  }

  .mt3 {
    margin-top: 15px;
  }

  .ttxbx {
    width: 100%;
  }

  .track.type2.w1 {
    width: 100%;
  }

  .track.type2 li {
    width: 50%;
  }

  .v-tab_content .twentytwenty-container {
    height: 198px !important;
    width: 270px !important;
  }

  #tracking-content.tabs-content {
    padding: 0;
  }

  .track li {
    width: 50%;
  }

  .twocolbox {
    flex-direction: column;
  }

  .twocolbox1 {
    width: 100%;
  }

  .checkicon.check2 li {
    padding: 0px 0;
  }

  .bor {
    border-right: 0px solid #8c4794;
  }

  .track.type2 {
    width: 100%;
  }

  .centertxt {
    width: 100%;
  }

  .pinkul {
    flex-wrap: wrap;
  }

  .pinkul li {
    width: 100%;
  }

  .vpmblock {
    flex-direction: column;
  }

  .vpnblockleft img {
    display: table;
    margin: 0 auto;
  }

  .licenseslider-nav {
    width: 100%;
  }

  .contentbx {
    flex-direction: column;
  }

  #licensec2-content.tabs-content {
    padding: 0;
  }

  .contentbxitm {
    margin-top: 20px;
  }

  .customwidthdiv {
    width: 100%;
  }

  .tabbtn a {
    margin-right: 4px;
  }

  .twocolboxcenter {
    width: 100%;
    flex-direction: column;
  }

  .serverblock li {
    width: 100%;
  }

  .grediantbox1 {
    margin: 15px auto 0;
    padding: 1.8rem 0rem;
    background: none;
    box-shadow: none;
  }

  .page.maincomp {
    height: auto;
  }

  .fourcolbox1 {
    width: 100%;
  }

  .threecol1 {
    width: 100%;
  }

  .threecol1txt ul li {
    text-align: center;
    list-style-position: inside;
  }

  .a2txt video {
    width: 100% !important;
  }

  #keyFrameAnimations .tabbtn a {
    width: 76px;
    display: inline-block;
    text-align: center;
  }

  #keyFrameAnimations .tabbtn a.active::before {
    content: '';
    position: absolute;
    width: 80px;
    height: 2px;
    background: #e8989d;
    bottom: 0px;
    left: calc(0%);
  }

  .slick-slider {
    width: 100% !important;
  }

  .sldimgwraper.slick-slider {
    width: 300px !important;
  }

  .fastection .gridbox {
    padding: 50px 0px 0px 0px;
    margin-right: auto;
  }

  .powerimg {
    flex-direction: column;
  }

  .llgcontainer {
    width: 100%;
  }

  .iimblk {
    width: 100%;
  }

  .iimblk span {
    width: calc(50% - 16px);
  }

  .powerimg p {
    padding: 30px 0;
  }

  .ttxbBox {
    flex-direction: column;
  }

  .mainnav ul li a {
    padding: 15px 25px 15px 25;
    position: relative;
  }

  .menuplus {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 57px;
    cursor: pointer;
    background-image: url(../images/plus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
  }

  .menuplus.urbg {
    background-image: url(../images/minus.png);
  }

  .mainnav ul li.active:hover a,
  .mainnav ul li.active a,
  .mainnav ul li a:focus {
    border-bottom: none;
    color: inherit;
  }

  .tabheader img {
    width: 25px;
  }

  .optsection {
    padding-top: 60px;
  }

  .imgprobox .imgpro {
    width: 140px;
  }

  .product_banner .imgprosmalltxt {
    max-width: 100%;
  }

  .mainnav ul {
    justify-content: space-around;
    flex-direction: column;
    padding-left: 0;
  }

  .optsection .mainslider .item.slick-slide {
    height: unset;
  }

  .mainnav ul li {
    padding: 0 0;
    position: relative;
  }

  .mainnav ul li:hover .mannavdropdown {
    display: none;
  }

  .mannavdropdown ul li.imgli,
  .hdm {
    display: none;
  }
  .heading3 {
    font-size: 1.1rem;
  }
}

@media (max-width: 380px) {
  .mainnav ul li a {
    padding: 15px 25px 15px 15px;
  }
}

@media (max-width: 344px) {
  .mainnav ul li a {
    padding: 15px 25px 15px 15px;
  }
}

/*02-06-2023*/
.features_at_glans .heading2box {
  width: 100%;
}

.features_at_glans .featureitem li {
  width: 13.66%;
}

.optionalmodulebox {
  margin-top: 35px;
}

.font-700 {
  font-weight: 700;
}

.mannavdropdown ul li .font-700 {
  font-size: 1rem;
}

.get_in_touch .btnthemegradientbg {
  color: #fff !important;
}

.mainnav ul li a.btnfeature {
  height: 44px;
  padding-top: 10px;
  padding-bottom: 0px;
}

.mainnav ul li a.btnfeature {
  height: 44px;
  padding-top: 10px;
  padding-bottom: 0px;
}

.mannavdropdown .btnfeature {
  margin-top: 20px;
}

.getintch_new .btnfeature {
  min-width: 210px;
  text-transform: capitalize;
}

.o-ai-materials {
  background: url(../images/ai-material-icon.png) no-repeat center;
}

.featureitem li a:hover .o-ai-materials {
  background: url(../images/ai-material-icon-hover.png) no-repeat center;
}

#Features .featureitem_pro {
  flex-wrap: nowrap;
}

#Features .featureitem_pro li {
  width: 20%;
}

#Features .featureitem_pro li a {
  justify-content: flex-start;
}

/*02-06-2023*/

@media (max-width: 1140px) {
  .mobileView {
    display: none;
  }

  .headersection,
  .bannersection,
  .commmonTxt,
  .fastection,
  .footerSection,
  .solutionbannersection,
  section,
  .homecircle1,
  .cir1 {
    display: block;
	overflow: hidden;
  }
  
  .btnbox {
    flex-direction: column;
	width: auto;
  }
  
  .ipimgsection .imgprosmalltxt {
    width: auto !important;
  }
  
  .from-supercharged-mu-efo9xP {
    width: auto !important;
  }
  
  /*
  .homecircle1 {
    display: none !important;
  }
  */
}

@media(min-width: 769px) {
  section {
    overflow: hidden !important;
  }
}

#gototop {
  font-size: 24px;
  width: 50px;
  height: 50px;
  background: black;
  position: fixed;
  z-index: 99992;
  bottom: -110px;
  right: 10px;
  color: #fff;
  outline: none;
  border: none;
  border-radius: 100px;
  transition: all 0.4s;
}
#scrollDown {
  font-size: 24px;
  width: 50px;
  height: 50px;
  background: black;
  position: fixed;
  z-index: 99991;
  bottom: 10px;
  right: 10px;
  color: #fff;
  outline: none;
  border: none;
  border-radius: 100px;
  transition: all 0.4s;
}
#gototop.show {
  bottom: 10px;
}
#scrollDown.hide {
  bottom: -110px;
}
.contant_top .text-white {
  color: #ddd;
}

.gap20 {
  margin-right: 20px;
}
.gap11 {
  margin-left: 50px;
}

@media (max-width: 768px) {
  .gap20 {
    margin-right: 0;
  }
  .gap11 {
    margin-left: 30px;
  }
  .circleContainer {
    transform: scale(0.7);
  }
}