.collaboration-model + .services-all {
  margin-top: 35px;
}

.services-all:has(+ .key_skills_section_new),
.services-all:has(+ .services-tabs) {
  padding-bottom: 35px;
}

.services-all {
  margin: 35px 0;
}

.hire-frontend:has(+ .review) {
  margin-bottom: 75px;
  display: inline-block;
  width: 100%;
}

.services-all.angular-developer-job .list-wrapper .list:nth-child(7) .icon {
  background-position: -32px -224px;
}

.services-all + .hire-tabs {
  margin-top: 25px;
}

.services-all .section-title h2 {
  text-wrap: unset;
}

.services-all.blur-ele {
  overflow-x: clip;
}

.services-all .or-click {
  display: inline-block;
  margin-top: 20px;
}

.services-all .more-info-icon-text {
  justify-content: center;
}

.services-all .list-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  text-align: left;
}

.services-all .list-wrapper:has(+ *) {
  margin-bottom: 70px;
}

.services-all .list-wrapper .list {
  width: 100%;
  background-color: var(--white);
  height: fit-content;
  border-radius: 12px;
  cursor: pointer;
  border: 1px solid var(--LightGrey);
  transition: var(--transition3);
  position: relative;
  z-index: 1;
}

.services-all .list::before {
  /* position: absolute; */
  /* content: ''; */
  /* top: 0; */
  /* left: 0; */
  /* width: 100%; */
  /* height: 100%; */
  /* border-radius: 12px; */
  /* background: var(--primaryGradient); */
  /* z-index: 5; */
  /* pointer-events: none; */
  /* z-index: -1; */
  /* opacity: 0; */
  /* transition: var(--transition3); */
}

.services-all .list:not(.active):hover::before {
  opacity: 1;
}

/* .services-all .list:not(.active):hover {
  border-color: var(--PrimaryGreen);
} */

.services-all .title {
  display: flex;
  align-items: center;
  padding: 30px;
  padding: 10px 30px 10px 10px;
}

.services-all .list-wrapper .list.active .arrow {
  transform: rotate(180deg);
}

.services-all .content {
  display: none;
  padding: 10px 30px 30px;
}

.services-all .list-wrapper .list .icon {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../../sprite-icon/hire-angular-sprite-icon.png);
  background-repeat: no-repeat;
  background-size: 290px;
  transform: scale(0.7);
  filter: brightness(0) saturate(100%) invert(27%) sepia(76%) saturate(4860%) hue-rotate(239deg) brightness(101%) contrast(97%);
}

.services-all .list-wrapper .list:nth-child(1) .icon {
  background-position: -21px -20px;
}

.services-all .list-wrapper .list:nth-child(2) .icon {
  background-position: -110px -20px;
}

.services-all .list-wrapper .list:nth-child(3) .icon {
  background-position: -200px -20px;
}

.services-all .list-wrapper .list:nth-child(4) .icon {
  background-position: -20px -108px;
}

.services-all .list-wrapper .list:nth-child(5) .icon {
  background-position: -110px -111px;
}

.services-all .list-wrapper .list:nth-child(6) .icon {
  background-position: -200px -108px;
}

.services-all .list-wrapper .list:nth-child(7) .icon {
  background-position: -27px -214px;
  background-size: 310px;
}

.services-all .list-wrapper .list:nth-child(8) .icon {
  background-position: -110px -198px;
}

.services-all .list-wrapper .list:nth-child(9) .icon {
  background-position: -200px -198px;
}

.services-all .list-wrapper .list:nth-child(10) .icon {
  background-position: -21px -285px;
}

.services-all .list-wrapper .list:nth-child(11) .icon {
  background-position: -110px -285px;
}

.services-all .list-wrapper .list:nth-child(12) .icon {
  background-position: -208px -285px;
}

.services-all .list-wrapper .list:nth-child(13) .icon {
  background-position: -22px -378px;
}

.services-all.hire-dotnet .list:nth-child(4) .icon {
  background-position: -43px -170px;
  background-size: 415px;
}

.services-all.hire-java .list-wrapper .list .icon,
.services-all.hire-android .list-wrapper .list .icon,
.services-all.hire-ios .list-wrapper .list .icon {
  background-size: 250px;
}

.services-all.hire-java .list-wrapper .list:nth-child(1) .icon {
  background-position: 0px 0px;
}

.services-all.hire-java .list-wrapper .list:nth-child(2) .icon {
  background-position: -90px 0px;
}

.services-all.hire-java .list-wrapper .list:nth-child(3) .icon {
  background-position: -180px 0px;
}

.services-all.hire-java .list-wrapper .list:nth-child(4) .icon {
  background-position: 0px -89px;
}

.services-all.hire-java .list-wrapper .list:nth-child(5) .icon {
  background-position: -95px -89px;
}

.services-all.hire-java .list-wrapper .list:nth-child(6) .icon {
  background-position: -181px -90px;
}

.services-all.hire-android .list-wrapper .list:nth-child(1) .icon {
  background-position: 0px 0px;
}

.services-all.hire-android .list-wrapper .list:nth-child(2) .icon {
  background-position: -90px 0px;
}

.services-all.hire-android .list-wrapper .list:nth-child(3) .icon {
  background-position: -180px 0px;
}

.services-all.hire-android .list-wrapper .list:nth-child(4) .icon {
  background-position: 0px -89px;
}

.services-all.hire-android .list-wrapper .list:nth-child(5) .icon {
  background-position: -95px -89px;
}

.services-all.hire-android .list-wrapper .list:nth-child(6) .icon {
  background-position: -181px -90px;
}

.services-all.hire-ios .list-wrapper .list:nth-child(1) .icon {
  background-position: 0px 0px;
}

.services-all.hire-ios .list-wrapper .list:nth-child(2) .icon {
  background-position: -90px 0px;
}

.services-all.hire-ios .list-wrapper .list:nth-child(3) .icon {
  background-position: -180px 0px;
}

.services-all.hire-ios .list-wrapper .list:nth-child(4) .icon {
  background-position: 0px -89px;
}

.services-all.hire-ios .list-wrapper .list:nth-child(5) .icon {
  background-position: -95px -89px;
}

.services-all.hire-ios .list-wrapper .list:nth-child(6) .icon {
  background-position: -181px -90px;
}

.services-all.hire-ios .list-wrapper .list:nth-child(7) .icon {
  background-position: 0px -180px;
}

.services-all.hire-ios .list-wrapper .list:nth-child(8) .icon {
  background-position: -90px -180px;
}

.services-all.hire-ios .list-wrapper .list:nth-child(9) .icon {
  background-position: -180px -180px;
}

.services-all.hire-flutter .list-wrapper .list:nth-child(2) .icon {
  background-position: -115px -20px;
}

.services-all.hire-qa .list-wrapper .list .icon {
  background-size: 200px;
}

.services-all.hire-hubspot {
  margin-bottom: 150px;
}

.services-all .content {
  /* max-width: 450px; */
  margin-top: -10px;
}

.services-all .title h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  font-family: var(--poppins);
  padding-left: 10px;
  flex: 1;
  user-select: none;
}

.services-all.blur-ele::before {
  width: 595px;
  height: 182px;
  top: 270px;
  right: auto;
  left: -60px;
  transform: rotate(21.655deg);
}

.services-all.blur-ele::after {
  width: 366px;
  height: 228px;
  transform: rotate(21.655deg);
  left: -220px;
  bottom: auto;
  top: 260px;
}

.services-all.hire-reactjs .list-wrapper .list:nth-child(10) .icon {
  background-position: -21px -285px;
}

.services-all.hire-reactjs .list-wrapper .list:nth-child(11) .icon {
  background-position: -110px -285px;
}

.services-all + .faq {
  margin-top: 75px;
}

@media (min-width: 768px) {
  .collaboration-model + .services-all {
    margin-top: 50px;
  }

  /* .services-all.bg-white {
    padding: 50px 0;
  } */

  .services-all {
    margin: 50px 0;
    /* padding: 100px 0; */
  }

  .services-all + .hire-tabs {
    margin-top: 75px;
  }

  .services-all .list:not(.active):hover {
    background-color: var(--BluePrimary);
    color: var(--white);
  }

  .services-all .list:not(.active):hover .icon,
  .services-all .list:not(.active):hover .arrow svg {
    filter: brightness(0) invert(1);
  }

  .services-all:has(+ .key_skills_section_new),
  .services-all:has(+ .services-tabs) {
    padding-bottom: 50px;
  }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1430px) {
  /* .services-all.bg-white {
    padding: 75px 0;
  } */

  .services-all {
    margin: 75px 0;
  }

  .collaboration-model + .services-all {
    margin-top: 75px;
  }

  .services-all.four-col .list-wrapper .list {
    width: calc(25% - 50px);
  }

  .services-all:has(+ .key_skills_section_new),
  .services-all:has(+ .services-tabs) {
    padding-bottom: 75px;
  }
}

@media (min-width: 1660px) {
}

@media (max-width: 991px) {
  .services-all .list-wrapper.hire-mob-slider {
    display: grid;
    grid-template-columns: unset;
    gap: 10px;
  }

  .services-all .list-wrapper.hire-mob-slider .list {
    padding: 10px 20px 10px 5px;
  }

  .services-all .list-wrapper .list .icon {
    transform: scale(0.7);
  }

  .services-all .title h3 {
    padding-left: 0;
  }

  .services-all .content {
    padding: 0 20px;
    max-width: 100%;
  }
}

@media (max-width: 512px) {
  .services-all .title h3 {
    font-size: 18px;
  }
}