.webapplication-scroll {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* Space between columns */
  }
  
  /* Left Column */
  .left-column {
    flex: 1 1 200px; /* Grow to fill space, but not less than 200px */
    padding: 10px;
    /* // border-left: 1px solid #ccc; */
    border-radius: 4px;
    /* // background-color: #f8f9fa; */
  }
  
  /* Right Column */
  .right-column {
    flex: 2 1 600px; /* Grow to fill space, but not less than 600px */
    padding: 10px;
    /* // border: 1px solid #ccc; */
    /* // border-radius: 4px; */
    /* // background-color: #f8f9fa; */
  }
  /* Button Styling */
  .list-group-item {
    display: block;
    width: 100%;
    padding: 10px;
    /* // border: 1px solid #ccc; */
    background-color: transparent;
    border-radius: 4px;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: left;
  }
  
  /* Active Button Styling */
  button.active {
    background-color: #007bff; /* Or any color you prefer */
    color: #fff;
    border-color: #007bff;
  }
  
  
  /* Scrollable Content */
  .scrollable-content {
    height: 350px; /* Increased height for more content */
    overflow-y: auto;
    padding: 10px;
  }
  
  .scrollable-content img {
    max-width: 100%; /* Ensures images fit within their container */
    height: auto; /* Maintains aspect ratio */
    margin-top: 10px; /* Adds space between the image and text */
  }
  
  .list-grp-card{
    border-radius:8px;
    border:1px solid rgba(255,255,255,.1490196078) !important;
    color:#f8f9ff !important;
    background:linear-gradient(180deg,rgba(10,9,21,.78) -11.65%,rgb(0,0,0) 35.92%,rgba(10,96,185,.13) 109.63%),linear-gradient(0deg,rgba(255,255,255,.15),rgba(255,255,255,.15)) !important;
  }
  .active-card{
    background:linear-gradient(180deg,#FAFAFF -3.44%,#B6DAFF 100%) !important;
    color:#1e1e1e !important;
    border:none !important;
  }
  ::-webkit-scrollbar{
    width:3px!important
  }
  
.service-img {
  width: 252px !important;
  height: 210px !important;
  object-fit: fill !important;
}