.container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* Space between columns */
  }
  
  /* Left Column */
  .left-column {
    flex: 1 1 275px;
    padding: 10px;
    border-radius: 4px;
    background: #3E38381A;
    backdrop-filter: blur(105px);
    /* // border-left: 1px solid #ccc; */
    /* // background-color: #f8f9fa; */
  }
  
  /* Right Column */
  .right-column {
    flex: 2 1 600px;
    padding: 10px;
    /* // border: 1px solid #ccc; */
    /* // border-radius: 4px; */
    /* // background-color: #f8f9fa; */
  }
  /* Button Styling */
  .list-group-item {
    display: block;
    width: 100%;
    padding: 21px 15px!important;
    background-color: transparent;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: left;
    /* // border: 1px solid #ccc; */
    /* border-radius: 4px; */
  }
  
  /* Active Button Styling */
  button.active {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
  }
  
  
  /* Scrollable Content */
  .scrollable-content {
    height: 350px;
    overflow-y: auto;
    padding: 10px;
  }
  
  .scrollable-content img {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
  }
  
  .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{
    border: 1px solid #FFFFFF1A !important;
    background: linear-gradient(180deg, #D5EBFF 0%, #EDF1F5 100%) !important;
    backdrop-filter: blur(105px);
    color:#1e1e1e !important;
  }
  
.service-img {
  width: 252px !important;
  height: 210px !important;
  object-fit: fill !important;
}

.webapplication-scroll .list-group {
  --bs-list-group-color: var(--secondary-color) !important;
  --bs-list-group-bg: transparent !important;
  --bs-list-group-border-color: none !important;
  --bs-list-group-border-width: 0 !important;
  --bs-list-group-border-radius: 0 !important;
}

.webapplication-scroll .list-group-item.active {
  color: var(--secondary-color) !important;
  z-index: 100 !important;
  background: var(--Color-3, #D5EBFF);
  border: 1px solid #FFFFFF1A;
  backdrop-filter: blur(105px);
}

.list-group-item-action:focus, .list-group-item-action:hover {
  color: #072E49 !important;
}