.text-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.text-icon {
  align-items: center;
  align-self: flex-start;
  display: flex;
  flex-wrap: wrap; 
  width: calc(100%/3 - 20px);
  padding: 48px 22px 28px;
  margin-bottom: 30px;
  transition: 0.35s;
  border-bottom-width: 2px;
  box-shadow: 0 10px 50px rgba(4,75,194,.1);
  border-radius: 25px;
  justify-content: center;
}


.text-icons.columns-2 .text-icon{
  width: calc(100%/2 - 20px);
}

.text-icons.columns-4 .text-icon{
  width: calc(100%/4 - 20px);
}
@media (max-width: 768px) {
  .text-icon,  .text-icons.columns-2 .text-icon, .text-icons.columns-2 .text-icon {    
    width: 100%!important;
  }
}
.text-icon:hover {
    box-shadow: 0 3px 30px rgba(110,122,182,0.1);
    transform: translate3d(0,-20px,0);
  }
.text-icon:not(.no-hover) {
  border-bottom: 1px solid rgba(255, 255, 255, 0);
}
.text-icon:not(.no-hover):hover {
  box-shadow: 0 3px 30px rgba(110, 122, 182, 0.1);
}
.text-icon.border-shadow {
  border: 1px solid var(--border-color);
  box-shadow: 0 3px 30px rgba(110, 122, 182, 0.1);
  border-bottom: 1px solid var(--primary-color);
}
.text-icon .center {
  text-align: center;
}
.text-icon .left {
  text-align: left;
}
.text-icon .right {
  text-align: right;
}
.text-icon__link {
  color: var(--text-color);
  font-weight: 600;
}
.text-icon__container {
  display: flex;
  flex-wrap: nowrap;
}
.text-icon--position-top,
.text-icon--position-bottom {
  flex-direction: column;
}
.text-icon--position-right .text-icon__icon-box,
.text-icon--position-bottom .text-icon__icon-box {
  order: 2;
}
.text-icon--position-right .text-icon__icon-boxv{
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .text-icon__container {
    display: block;
  }
}
.text-icon__icon-box {
  flex: 0 0 85px;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .text-icon__icon-box {
    padding: 0 15px 15px 0;
  }
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
  .text-icon__icon-box {
    flex: 0 0 70px;
    padding: 0 15px 0 18px;
  }
}
.text-icon__icon-box img, .text-icon__icon-box svg {
  max-width: 90px;
}
.text-icon__icon-box i {
  font-size: 45px;
}
.text-icon__title {
  padding: 13px 0 13px;
  margin: 0;
  transition: all 0.3s ease 0s;
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
  .text-icon__title {
    font-size: 18px;
    padding-bottom: 5px;
  }
}
.text-icon__text {
  margin: 0;
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
  .text-icon--position-top.text-icon {
    padding: 25px 30px !important;
  }
}
.text-icon--position-top .text-icon__container {
  flex-flow: column wrap;
}
.text-icon--position-top .text-icon__icon-box {
  flex: 0 0 60px;
  padding: 0;
}
.text-icon--position-top .text-icon__icon-box img,
.text-icon--position-top .text-icon__icon-box svg {
  max-height: 90px;
}
.text-icon--icon-left_position.text-icon {
  padding: 40px;
  transition: 0.35s;
}
@media screen and (min-width: 1024px) and (max-width: 1324px) {
  .text-icon--icon-left_position.text-icon {
    padding: 40px 15px 40px 15px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
  .text-icon--icon-left_position.text-icon {
    padding: 30px 8px 25px 15px;
  }
}
.text-icon--position-right .text-icon__icon-box {
  order: 2;
}
.text-icon--icon-left_position .text-icon__title, .text-icon--position-right .text-icon__title {
  padding-top: 0;
}

/*--------- survey-services-page --------- */
.text-icon-left .text-icon__title {
  margin: 1.8vw 4.5vw 0;
}
.text-icon-left .text-icon__icon-box {
  position: absolute;
}
@media screen and (max-width: 767px) {
  .text-icon-left .text-icon__icon-box {
    position: relative;
  }
}

.bg-black .text-icon__title,
.bg-black .text-icon__text {
  color: #fff;
}
.bg-black .text-icon__icon-box img {
  max-width: 90px;
  filter: invert(1) brightness(100);
}