.slider-swiper img {
  width: 100%;
}
.service-div {
  position: relative;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-bottom: solid 3px var(--local-color);
  border-radius: var(--input-radius);
  overflow: hidden;
  height: 100%;
  background-color: var(--light-color);
}
.service-div::before {
  content: "";
  display: block;
  width: 100%;
  height: 120px;
  background-color: var(--local-color);
}
.services-div:nth-child(1) {
  --local-color: var(--secondary-color);
}
.services-div:nth-child(2) {
  --local-color: var(--secondary-color2);
}
.services-div:nth-child(3) {
  --local-color: var(--secondary-color3);
}
.services-div:nth-child(4) {
  --local-color: var(--secondary-color4);
}
.service-div img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: solid 5px var(--light-color);
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
    0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2),
    0 1px 8px 0 rgba(0, 0, 0, 0.12);
  margin-top: -60px;
}
.service-div a,
.service-div h2 {
  color: var(--local-color);
}
.service-div p {
  text-align: center;
}
.service-div div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.about-div div {
  background-color: var(--local-color);
  color: var(--light-color);
  text-align: center;
  border-radius: var(--input-radius);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12),
    0 1px 2px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
.about-div:nth-child(1) {
  --local-color: var(--secondary-color);
}
.about-div:nth-child(2) {
  --local-color: var(--secondary-color2);
}
.about-div:nth-child(3) {
  --local-color: var(--secondary-color3);
}
.about-div:nth-child(4) {
  --local-color: var(--secondary-color4);
}
.about-div p {
  text-align: center;
  color: var(--light-color);
}
@media screen and (max-width: 992px) {
  .slider-swiper .swiper-button-next,
  .slider-swiper .swiper-button-prev {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .slider-swiper .swiper-slide {
    padding-bottom: 30px;
    background-color: #02638f;
  }
}