.services-content {
  padding: 80px 0;
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

.service-list {
  min-width: 230px;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: sticky;
  top: 0;
 list-style: none;
 padding-left: 0;
}

.service-list > li {
  color: #7f8183;
  padding: 24px 0px;
  border-bottom: 1px dashed #c0cee6;
  cursor: pointer;
  padding-bottom: 24px;
}

.service-list > li:last-child {
  border-bottom: 0;
}
.service-list > li:first-child {
  padding-top: 0;
}

.service-list .selected_li > a{
  color: #2b5aa9;
  font-weight: 500;
  font-family: "SVN-Gilroy";
}

.preview {
  position: relative;
} 

.sub-content {
  width: 90%;
}

.sub-content > h4 {
  font-size: 25px;
  margin: 70px 0 25px 0;
}

.sub-content > p {
  letter-spacing: 0.2px;
  color: #1e1e1f;
  line-height: 24px;
}

.sub-img-service {
    display: flex;
    gap: 10px;
    position: absolute;
    left: 50%;
    /* display: grid !important; */
    transform: translateX(-50%);
    grid-template-columns: repeat(4, minmax(90px, 7fr));
    grid-gap: 2rem;
    justify-content: center;
    align-items: center;
 
}
.sub-img-service > img{
 object-fit:cover;
height: 50px !important;
width: 100%!important;
border: 1px solid #000;
}

.big_img_service{
    height: 450px;
    object-fit: cover;
    width: 760px;
}

.big_img_service > img{ 
height: 100% !important;
    object-fit: unset;
}

.sub-img-service .select_img_service {
  border: 1px solid #ffd500;
}