@media only screen and (max-width: 576px) {
  .services_item a:hover {
    -webkit-box-shadow: -10px 10px 0px 0px #192A45;
            box-shadow: -10px 10px 0px 0px #192A45;
  }
  .experts_item .hover_wrapper:hover {
    -webkit-box-shadow: -10px 10px 0px 0px #192A45;
            box-shadow: -10px 10px 0px 0px #192A45;
  }
}

@media only screen and (min-width: 576px) {
  .services_item a:hover {
    -webkit-box-shadow: -18px 17px 0px -2px #192A45;
            box-shadow: -18px 17px 0px -2px #192A45;
  }
  .experts_item .hover_wrapper:hover {
    -webkit-box-shadow: -18px 17px 0px -2px #192A45;
            box-shadow: -18px 17px 0px -2px #192A45;
  }
}

.services--background {
  background-color: #EEEEEE;
}

.services_item a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.services_item a:hover .services_item__content {
  bottom: 0px;
}

.services_item__content {
  height: 140px;
  background-color: rgba(0, 22, 56, 0.6);
  color: white;
  bottom: -67px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.choose_item img {
  width: 100px;
}

.experts--background {
  background-color: #EEEEEE;
}

.experts_item .hover_wrapper {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.experts_item .hover_wrapper:hover .experts_item__content {
  bottom: 0px;
}

.experts_item__discription {
  font-size: 0.92rem;
}

.experts_item__content {
  height: 125px;
  background-color: rgba(0, 22, 56, 0.6);
  color: white;
  bottom: -70px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.experts_item__content input {
  background-color: #FFFFFF;
  color: #192A45;
  font-size: 16px;
}

.experts_item__content input:hover {
  color: white;
}
/*# sourceMappingURL=styles.css.map */