.web-section {
  background: linear-gradient(180deg, #0B162E 0%, #0A0B19 100%)
}
.web-card {
  border-radius: 13px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .88) 0%, rgba(255, 255, 255, .72) 100%);
  box-shadow: 0 3px 9.7px #0000000d;
  -webkit-backdrop-filter: blur(18.2000007629px);
  backdrop-filter: blur(18.2000007629px);
  position: relative;
  left: 156px
}
.web-card .card-body {
  background: linear-gradient(180deg, rgba(255, 255, 255, .88) 0%, rgba(255, 255, 255, .7216) 100%);
}
.custom-mobile {
  width: 30%
}
.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;
}

.nav-link.active {
  background: linear-gradient(82.77deg, #21D496 -71.55%, #054A91 158.62%) !important;
  color: var(--secondary-color) !important;
}
.nav-link {
  background: linear-gradient(82.8deg, #21D496 -95.89%, #054A91 180.46%) !important;
  color: var(--secondary-color) !important
}
.item-nav {
  width: 25%;
}
.tab-cards {
  margin-top: 3%;
  box-shadow: 0 4px 20.1000003815px #8c949d29 !important;
  border-radius: 12px !important;
  background-color: #21d49614 !important;
  border: 1px solid rgba(33, 212, 150, .53) !important
}
@media (max-width: 992px) {
  .web-card {
    left: 0
  }

  .disscuss {
    width: 100% !important;
  }
}
@media (max-width: 509px) {
  .nav-item {
    width: 100% !important
  }
}
@media (max-width: 575.98px) {
  .nav-item {
    width: 50% !important;
  }
}
@media (max-width:992px) and (min-width: 576px) {
  .banner-height {
    height: 950px !important;
  }
}
.owl-item {
  margin-right: 20px !important;
}
.owl-carousel .owl-stage {
  display: flex !important;
}
.owl-carousel .owl-item {
  display: flex !important;
  flex: 1 0 auto !important;
}
.owl-carousel .thumbnail {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 15px !important;
}
.owl-carousel .thumbnail .caption {
  display: flex !important;
  flex: 1 0 auto !important;
  flex-direction: column !important;
}
.owl-carousel .thumbnail .caption .flex-text {
  flex-grow: 1 !important;
}
.owl-theme .owl-nav {
  position: absolute;
  bottom: -25px;
  right: 0;
  display: flex;
}
.owl-dots {
  position: absolute;
  bottom: -18px;
  left: 0;
}

.lap {
  position: absolute;
  top: 2545px;
  height: 283px;
  width: 1170px;
  z-index: 1;
}
.lap-process-img {
  width: 100%;
  aspect-ratio: 353 / 148;
  object-fit: contain;
}
.mobile-process-img {
  width: 100%;
  aspect-ratio: 180 / 174;
  object-fit: contain;
}
.mobile-processes-img {
  width: 100%;
  aspect-ratio: 44 / 148;
  object-fit: contain;
}

    /* Scrollable Content */
  .scrollable-content {
    height: 350px;
    overflow-y: auto;
    padding: 10px;
  }

  .scrollable-content img {
    max-width: 100%; 
    height: auto;
    margin-top: 10px; 
  }