.heading-width {
  width: 90%;
}

.p-width {
  width: 80%;
}

@media(max-width:992px) {
  .heading-width {
    width: 100%;
  }

  .p-width {
    width: 100%;
  }

  .our-products .heading {
    width: 100%;
  }

  .our-products .p-l {
    width: 100%;
  }

  .expert-card .pragraph {
    width: 100%;
  }

  .width45 {
    width: 100%;
  }

  .width65 {
    width: 100% !important;
  }

  .width-40 {
    width: 100%;
  }
}

.bg-1 {
  background-image: url(https://d2q4gipm2ebkzp.cloudfront.net/img/product-development/bg-1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;
}

.bg-2 {
  background-image: url(https://d2q4gipm2ebkzp.cloudfront.net/img/product-development/bg-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;
}

.our-products h5 {
  text-decoration: underline !important;
  color: #FF595E;
}

.our-products .padding {
  padding: 24px 29px;
}

.our-products .paddin-1 {
  padding: 24px 0px;
}

.our-products .p-l {
  width: 75%;
}

.our-products .margin-top {
  padding-top: 4rem;
}

.our-products .heading {
  width: 45% !important;
}





.width45 {
  width: 45% !important;
}

.width65 {
  width: 65%;
}

.width-40 {
  width: 40%;
}

/* .our-card {
  background: linear-gradient(0deg, rgb(7 63 188 / 11%) 0%, #0f1029 12%) !important;
  padding: 16px 8px 8px 8px;
  border-radius: 12px; */
  /* // min-height: 322px !important; */
/* } */

.our-card {
  position: relative;
  border-radius: 6px !important;
 background: linear-gradient(246.11deg, #062924 1.05%, #011326 100%);

  border: none !important;
}

 .our-card .z-index {
  z-index: 2;
}

.our-card .card-img-top {
  width: 11% !important;
  z-index: 2;
}


@media (max-width: 767.98px) {
  .our-clint .owl-item {
    margin-right: 20px !important;
  }
}

.prod-img {
  width: 403px;
  height: 100%;
  object-fit: cover;
}

.accordion-item {
  background-color: transparent !important;
  border-top: 1px solid #526577 !important;
}

.accordion-button {
  background-color: transparent !important;
}

.accordion-button:focus {
  box-shadow: none !important;
}

.accordion-button::after {
  background-image: url(https://d2q4gipm2ebkzp.cloudfront.net/img/plus.png) !important;
}

.business-content::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 40%;
  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;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url(https://d2q4gipm2ebkzp.cloudfront.net/img/mobile/rightcurve.png);
  z-index: 1;
  background-repeat: no-repeat;
  background-position: left;
}
.custom-gramosoft-img {
  width: 100%;
  max-width: 250px;   
  margin-top: -80px;  
}

@media (max-width: 767.98px) {
  .custom-gramosoft-img {
    max-width: 200px;
  }

  .business-content {
  
    padding-top: 20px;
  }
}


.head-content {
  background: linear-gradient(81.22deg, #21D496 -18.44%, #054A91 104.98%);
  color: transparent;
  /* Make the text transparent to show the gradient */
  -webkit-background-clip: text;
  /* For WebKit browsers (Chrome, Safari) */
  background-clip: text;
  /* For Firefox */
}

 .lap-process-img{
    width: 100%;
    aspect-ratio: 353 / 148;
    object-fit: contain;
  }

  .mobile-process-img {
    width: 100%;
    aspect-ratio: 174/ 174;
    object-fit: contain;
}

  .mobile-processes-img{
    width: 100%;
    aspect-ratio: 60 / 180;
    object-fit: contain;
  }
@media (max-width: 991.98px) {
  .processs-description{
    width: 100% !important;
  }

  .business-content::after{
    height: 22% !important;
  }

  .business-content::before{
    height: 30% !important;
    bottom: 0px !important;
  }

  .custom-mobile {
  width: 100% !important;
  }
}
  @media (min-width: 992px) {
    .processs-description{
    width: 50% !important;
  }
}

#accordionFlushExample {
  height: 52vh;
  overflow-y: scroll;
}


