.icons-cards--homepage {
  padding: 100px 0;
  position: relative;
  z-index: 2;
}

.icons-cards__headlines {
  padding-bottom: 15px;
}

.icons-card-item {
  margin-top: 15px;
}

.icons-cards__bttn {
  margin-top: 26px;
  text-align: center;
}

.icons-card {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-right: 48px;
  flex-wrap: wrap;
}

.icons-card i {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: #e8f4ff;
  color: #789d4a;
  font-size: 45px;
  line-height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.icons-card i::after {
  content: "";
  position: absolute;
  width: 85px;
  height: 85px;
  border: 6px solid #fff;
  top: -5px;
  left: -5px;
  border-radius: 50%;
}

.icons-card__details {
  font-weight: 600;
  color: #003c71;
  font-size: 22px;
  line-height: 1.09em;
  width: calc(100% - 90px);
}

.icons-card__details span {
  position: relative;
  padding-right: 23px;
  display: inline-block;
}

.icons-card__details::after {
  content: "\e902";
  font-family: "chemtreat";
  position: absolute;
  font-size: 13px;
  line-height: 1em;
  font-weight: normal;
  margin-left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  color: #ff6720;
}


@media (max-width: 600px) {
  .icons-card__details span.long-title::after {
    margin-left: 43px;
  }
}

@media (min-width: 768px) {
  .icons-card {
    padding-right: 33px;
  }

  .icons-cards__headlines {
    padding-bottom: 0;
  }

  .icons-card-item {
    margin-top: 30px;
  }

  .icons-cards__bttn {
    margin-top: 45px;
  }
}

@media (min-width: 1200px) {
  .icons-card {
    padding-right: 45px;
  }

  .icons-card__details::after {
    margin-left: 15px;
  }

  .icons-cards--homepage {
    padding: 100px 0 110px;
  }

  .icons-cards__headlines {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }

  .icons-cards__headlines .btn {
    width: 243px;
    padding-right: 49px;
  }

  .icons-cards__title {
    width: calc(100% - 243px);
    padding-right: 95px;
  }

  .icons-card:hover {
    background: #003c71;
    border-radius: 38px;
  }

  .icons-card:hover .icons-card__details,
  .icons-card:hover .icons-card__details::after {
    color: #fff;
  }

  .icons-card:hover i {
    background: #789d4a;
    color: #fff;
  }
}

@media (min-width:1200px) and (max-width:1366px) {
  .icons-cards--homepage .container .row .icons-card-item:nth-child(2) .icons-card__details .long-title::after {
    margin-left: 53px;
  }
}

@media (min-width:768px) and (max-width:914px) {
  .icons-cards--homepage .container .row .icons-card-item:nth-child(2) .icons-card__details .long-title::after {
    margin-left: 53px;
  }
}

@media (max-width: 375px) {
  span.long-title {
    padding-right: 0;
  }

  .icons-card__details span.long-title::after {
    margin-left: 20px;
  }

  .icons-cards--homepage .container .row .icons-card-item:nth-child(2) .icons-card__details .long-title::after {
    margin-left: 60px;
  }
}