/* -- Image Carosel -- */
.image-carosel {
    overflow: auto;
    white-space: nowrap;
    width: 100%;
}
.image-carosel img {
    width: 125px;
    cursor: pointer;
}
.service-modal .modal-body img {
    width: 100%;
}
.service-modal .modal-body .modal-prev {
  opacity: 0;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  border-left: 5px solid silver;
  border-top: 5px solid silver;
  width: 25px;
  height: 25px;
  transform: translate(50%, -50%) rotate(-45deg);
    cursor: pointer;
}
.service-modal .modal-body:hover .modal-nav {
    opacity: 1.0;
}
.service-modal .modal-body .modal-next {
  opacity: 0;
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  border-right: 5px solid silver;
  border-bottom: 5px solid silver;
  width: 25px;
  height: 25px;
  float: right;
  transform: translate(-50%, -50%) rotate(-45deg);
    cursor: pointer;
}