.web-section {
  background-color: #0a0915
}

.appexplore {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, .15);
  background: linear-gradient(180deg, rgba(10, 96, 185, .21) -11.65%, rgba(0, 0, 0, .01) 64.68%, rgba(10, 9, 21, 0) 115.22%)
}

.app-icon {
  border: 1px solid #fffFFF26;
  padding: 8px;
  border-radius: 6px
}

.experts-img {
  position: absolute;
  bottom: 33px;
  right: 0
}

.data-analysis {
  background: linear-gradient(180deg, rgba(6, 137, 248, .23) -4.17%, rgba(94, 179, 250, .07) 115.48%);
  padding: 7px;
  border-radius: 10px
}

.list-group-item {
  padding-left: 0
}

.reviws-card {
  min-height: 381px !important;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, .25);
  padding: 12px
}

.connect-card {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .25);
  background: #fafaff;
  width: 70%;
  height: 100%;
  box-shadow: 0 0 48px 8px rgba(33, 212, 150, .35);
  margin-top: 5rem !important
}

.connect-card::after {
  position: absolute
}

.banner-head {
  background: linear-gradient(81deg, #21d496 -18.44%, #054a91 104.98%);
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent
}

.projects-card {
  border-radius: 12px;
  border: 1px solid #cacaca;
  background: #fafaff;
  min-height: 371px
}

.webdevelop {
  position: relative;
  border-radius: 8px;
  background: linear-gradient(246.11deg, #062924 1.05%, #011326 100%);
  border: none !important
}

.webdevelop .z-index {
  z-index: 2
}

.width46 {
  width: 58%
}

.width75 {
  width: 75%
}

@media (max-width:1399.98px) and (min-width:992px) {
  .reviws-card {
    min-height: 457px !important
  }
}

@media (max-width:767.98px) and (min-width:576px) {
  .reviws-card {
    min-height: 464px !important
  }
}

@media (max-width:576px) and (min-width:387px) {
  .reviws-card {
    min-height: 464px !important
  }
}

@media (max-width:387.98px) {
  .reviws-card {
    min-height: 506px !important
  }
}

@media (max-width:992px) and (min-width:576px) {
  .width46 {
    width: 100% !important
  }

  .width75 {
    width: 100% !important
  }
}

@media (max-width:575.98px) {
  .width46 {
    width: 100% !important
  }

  .width75 {
    width: 100% !important
  }

  .custom-mobile {
    width: 100% !important
  }
}

.custom-mobile {
  width: 48%
}

.custom-mobile1 {
  width: 75%
}

@media (max-width:991.98px) {
  .custom-mobile {
    width: auto !important
  }

  .custom-mobile1 {
    width: auto !important
  }

  .connect-card {
    width: auto !important
  }

  .experts {
    flex-direction: column
  }

  .experts-contact {
    height: 100% !important
  }

  .experts-img {
    width: 286px;
    height: auto;
    position: relative !important
  }

  .app-experts {
    height: auto !important
  }

  .contact-btn {
    width: auto !important
  }

  .app-experts .experts-img {
    position: absolute;
    bottom: 0;
    right: 0
  }

  .w-67 {
    width: 100% !important
  }

  .business-content::after {
    height: 22% !important
  }

  .business-content::before {
    height: 30% !important;
    bottom: 0 !important
  }
}

@media (min-width:992px) {
  .affordable {
    flex-wrap: nowrap !important
  }

  .process-small-content {
    width: 75%
  }
}

.w-67 {
  width: 67%
}

.lap-process-img {
  width: 100%;
  aspect-ratio: 353/148;
  object-fit: contain
}

.mobile-process-img {
  width: 100%;
  aspect-ratio: 167/174;
  object-fit: contain
}

.mobile-processes-img {
  width: 100%;
  aspect-ratio: 65/148;
  object-fit: contain
}

.head-content {
  background: linear-gradient(81.22deg, #21d496 -18.44%, #054a91 104.98%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text
}

.business-content::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 68%;
  background-image: url(https://d2q4gipm2ebkzp.cloudfront.net/img/product-development/rightshadow.png);
  z-index: 0;
  background-repeat: no-repeat;
  background-position: right
}

.business-content::before {
  content: "";
  position: absolute;
  bottom: -31px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://d2q4gipm2ebkzp.cloudfront.net/img/mobile/rightcurve.png);
  z-index: 0;
  background-repeat: no-repeat;
  background-position: left
}

.owl-item {
  width: 233px !important
}

.list-group-item {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: transparent;
  border-radius: 4px;
  margin-bottom: 5px;
  cursor: pointer;
  text-align: left;
}