.homeSectionDetails {
  width: 100%;
  border-radius: 20px;
  background-color: #131729;
  margin: 20px 0;
}

.homeSectionDetails .servicesStripe {
  padding: 10px;
}

.homeSectionDetails .serviceContainer {
  margin: 20px 0;
}

.homeSectionDetails .serviceHeader {
  display: flex;
  flex-flow: nowrap row;
  align-items: center;
  justify-content: flex-start;
  background-color: #171b30;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-top: 10px;
  position: relative;
}

.homeSectionDetails .serviceHeader:hover img {
  transform: scale(1.2);
}

.homeSectionDetails .price {
  margin: 5px;
  position: absolute;
  right: 10px;
}

.homeSectionDetails img {
  width: 20px;
  height: 20px;
  margin: 0 5px;
  transition: transform 0.3s;
}
.homeSectionDetails h3 {
  margin-right: 50px;
}

.homeSectionDetails .toggleDetails {
  display: none;
}

.detailsContainer {
  border-top: 1px solid white;
  height: 100%;
  width: 100%;
  display: none;
  background-color: #171b30;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 10px 0;
  margin-bottom: 10px;
}

/* ---------------------togle each list item-------------------- */
.homeSectionDetails #service1:checked ~ #detailsContainer1 {
  display: block;
}

.homeSectionDetails #service2:checked ~ #detailsContainer2 {
  display: block;
}

.homeSectionDetails #service3:checked ~ #detailsContainer3 {
  display: block;
}

.homeSectionDetails #service4:checked ~ #detailsContainer4 {
  display: block;
}

.homeSectionDetails #service5:checked ~ #detailsContainer5 {
  display: block;
}

.homeSectionDetails #service6:checked ~ #detailsContainer6 {
  display: block;
}

.homeSectionDetails #service7:checked ~ #detailsContainer7 {
  display: block;
}

.homeSectionDetails #service8:checked ~ #detailsContainer8 {
  display: block;
}

.homeSectionDetails #service9:checked ~ #detailsContainer9 {
  display: block;
}

.homeSectionDetails #service10:checked ~ #detailsContainer10 {
  display: block;
}