.service-head {
  color: #5d3185;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-left: 0px;
  text-align: left;
}

.service-head a:hover {
  color: #8e4bcb;
}

.services-outer {
  background-color: #f7f7f7;
}

section.services-outer {
  /* padding: 70px 0 1px !important; */
}

.services-outer .flex-space-between {
  justify-content: center;
}

.services .flex-space-between {
  justify-content: center;
}

.services-outer .flex-space-between .left-div h3 {
  text-align: center;
}

.services-outer .flex-space-between .right-div h4,
.services-outer .flex-space-between .right-div p {
  text-align: center;
}

.services-outer .right-div .read-more {
  display: block;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: brightness(0) saturate(100%) invert(100%) sepia(90%) saturate(0%) hue-rotate(161deg) brightness(103%) contrast(100%);
}

.services-outer .right-div .read-more svg {
  width: 22px;
  padding-left: 5px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(75%) saturate(2%) hue-rotate(347deg) brightness(107%) contrast(100%);
}

.services-wrapper {
  margin-top: -210px;
  padding-bottom: 30px;
}

.services .flex-box {
  column-gap: 20px;
  row-gap: 25px;
  margin-bottom: 20px;
}

.services .flex-box {
  align-items: baseline;
}

.services .flex-box .service-box,
.half-back-secs .flex-box .service-box {
  width: 100%;
  background: #fff;
  /* border-radius: 20px; */
  /* padding: 35px 26px; */
  padding: 30px 24px 30px;
  /* border: 1px solid #ddd; */

}

.services .flex-box .service-box .icon-box,
.half-back-secs .flex-box .service-box .icon-box {
  /* display: flex;
  justify-content: center; */
  padding: 10px;
  display: inline-flex;
  background-color: #f3f3f3;
  border-radius: 10px;
  margin-bottom: 10px;
  min-width: 65px;
  min-height: 65px;
  justify-content: center;
  align-items: center;
}

.services .flex-box .service-box .icon-box img,
.half-back-secs .flex-box .service-box .icon-box img {
  width: auto;
  height: 35px;
  opacity: 0.5;
  margin: 0 auto;
  display: block;
}

.services .flex-box .service-box .content-box .service-p {
  color: var(--para-text);
  text-align: center;
  padding: 0 10px;
  /* text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; */
}

.services .flex-box .service-box .content-box .service-head {
  color: var(--black-text);
}

.half-back-secs .flex-box .service-box .content-box .service-p {
  color: var(--para-text);
  text-align: left;
  /* padding: 0 10px; */
}

/* .half-back-secs .flex-box .service-box .content-box .service-head{
  color: var(--brown-text);
} */
.services-outer .flex-space-between h2 {
  text-align: center;
}

.services-outer .flex-space-between .right-div .button-div-left {
  justify-content: center;
}

@media screen and (min-width:576px) {

  .services .flex-box,
  .half-back-secs .flex-box {
    row-gap: 30px;
    align-items: flex-start;
  }

  .services-outer .flex-space-between {
    justify-content: center;
    row-gap: 25px;
  }

  .services-outer .flex-space-between .left-div h3,
  .services-outer .flex-space-between .right-div h4,
  .services-outer .flex-space-between .right-div p {
    text-align: center;
  }

  .services-outer .right-div .read-more {
    justify-content: center;
  }

  .services .flex-space-between {
    justify-content: center;
  }

  .services .flex-space-between h2 {
    text-align: center;
  }
}

@media screen and (min-width:768px) {

  .services .flex-box .service-box,
  .half-back-secs .flex-box .service-box {
    width: 47%;
  }

  .half-back-secs .flex-box {
    column-gap: calc((100% - (47% * 2)) / 1);
    justify-content: center;
  }

}

@media screen and (min-width:1024px) {
  .services-outer .flex-space-between {
    justify-content: space-between;
    /* column-gap: 67px; */
  }

  .services .flex-space-between,
  .services-outer .flex-space-between {
    justify-content: space-between;
  }

  .services .flex-space-between h2 {
    width: 50%;
    text-align: left;
  }

  .services-outer .flex-space-between h2 {
    text-align: left;
  }

  .half-back-secs .flex-box .service-box {
    width: 23%;
    /* padding: 40px 20px; */
    padding: 30px 24px 40;
  }

  .services .flex-box .service-box {
    width: 23%;
    /* padding: 40px 20px; */
    padding: 30px 24px 40;
    /* min-height: 232px; */
  }

  .half-back-secs .flex-box {
    column-gap: calc((100% - (23% * 4)) / 3);
  }

  .services-outer .flex-space-between .right-div .button-div-left {
    justify-content: left;
  }

  .services-outer .flex-space-between .left-div h3,
  .services-outer .flex-space-between .right-div h4,
  .services-outer .flex-space-between .right-div p {
    text-align: left;
  }

  .services-outer .flex-space-between .left-div {
    width: 34%;
  }

  .services-outer .flex-space-between .right-div {
    width: 62%;
  }

  .services-outer .right-div .read-more {
    justify-content: flex-start;
  }

  .services-outer .flex-space-between .left-div {
    width: 33%;
  }
}

@media screen and (min-width:1440px) {

  .services .flex-box .service-box,
  .half-back-secs .flex-box .service-box {
    width: 23.5%;
  }

  .services-outer .flex-space-between .left-div {
    width: 30%;
  }

  .services-outer .flex-space-between .right-div {
    width: 60%;
  }

  .half-back-secs .flex-box {
    column-gap: calc((100% - (23.5% * 4)) / 3);
  }
}



/* Refactored inline styles */
.service-header-flex {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.services .flex-box .service-box .service-header-flex .icon-box,
.half-back-secs .flex-box .service-box .service-header-flex .icon-box {
  margin-bottom: 0;
}

.service-sub-head {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 5px;
}

.services .flex-box .service-box .icon-box i,
.half-back-secs .flex-box .service-box .icon-box i {
  font-size: 24px;
  color: #5d3185;
  display: block;
}


.ppc-services-section .service-box h4,
.social-media-section .service-box h4 {
  color: #5d3185;
  padding: 0;
}