@charset "UTF-8";
:root {
  --bs-primary: #64b6ca;
  --bs-secondary: #11262f;
}

#headerVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
  }

.services {

}

.service {
 background: var(--bs-primary);
 color: var(--bs-secondary);
 text-align: center;
 padding: 2rem;

 cursor: pointer;
  position: relative;
  display: block;
  max-width: 25rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

.service-thumbnail{
  width: 50%;
  height: 50%;
}

.service-caption{
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  background-color: white;
}

.service .service-caption:hover {
  opacity: 1;
}

.service-caption-content {

}

.service-caption-content-info {
  text-align: left;
}

.portfolio-modal-content{
  text-align: left;
}

.portfolio-modal-erp {
  background-image: url(../assets/img/services/global.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
}

.portfolio-box-erp {
  background-color: rgb(255, 255, 255, 0.7);
  border-radius: 0.5rem;
  padding: 2rem;
}


.portfolio-modal-rpa {
  background-image: url(../assets/img/services/robot.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

.portfolio-box-rpa {
  background-color: rgb(255, 255, 255, 0.7);
  border-radius: 0.5rem;
  padding: 2rem;
}

.portfolio-modal-training {
  background-image: url(../assets/img/services/sap-training.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}

.portfolio-box-training {
  background-color: rgb(255, 255, 255, 0.8);
  border-radius: 0.5rem;
  padding: 2rem;
}

.about-img {
  margin:auto;
  display: block;
  max-height: 300px;
}