.circular_iamge{
 float:left; width: 230px;margin:20px;
}
#services {
  width: 100%;
  padding: 50px 50px;
  background-color: rgb(207 166 133);
}

#col_A {
  width: 30%;
  height: 490px;
  overflow-y: scroll;
  padding-right: 15px;
   display: inline-block;
   text-align: left;
}

#col_A::-webkit-scrollbar {
  width: 30%; /* Hide scrollbar */
}

#Col_B {
  width: 69%;
  height: 250px;
  padding: 20px;
  transition: background-color 0.3s ease;
  display: inline-block;
  margin-top:-162px;
}

#servicesList {
  list-style-type: none;
  padding-left: 0;
}

#servicesList li {
  padding: 15px;
  font-size: 16px;
  cursor: pointer;
  transition: transform 0.3s ease;
  color:white;
  opacity:0.5;
  text-align: left;
  background: #00000024;
  border-radius: 14px;
  border: white solid 1px;
}

#servicesList li:hover {
  transform: scale(.90);
  opacity:1;
}


#servicesList li i {
  color:white;
  font-size: 18px;
  margin-right:10px;
  transition: transform 0.3s ease;
}

#servicesList li:hover i {
  color:#fffb73;
  transform: rotate(359deg);
}

.service-content {
  padding: 20px;
  height: 100%;
}

#serviceDescription {
  font-size: 18px;
}
.outline_heading{
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #ffffff;
    text-transform: capitalize;
    word-break: break-word;
    font-size: 65px;
    font-family: sans-serif;
    font-weight: 700;
    z-index: 1;
  }
  .list-group-item{
    background-color: none!important;
    border:none!important;

    #col_B img{
      width: 500px!important;
    }
    #service-details{
      color:white!important;
    }

@media(max-width: 768px) {
  .Col_A {
    width:100%!important;
  }
  #Col_B{
    display: none;
  }
}


/*@media(max-width: 480px) {
  #Col_A {
    width:100%;
  }
}*/