.fit-cover {
  object-fit: contain;
}

.shadow-3 {
  text-shadow: 0 1px 8px rgba(0,0,0,1)!important;
}

.min-height-300 {
  min-height: 300px;
}

.float-wa:hover {
  color: rgb(23,135,63);
}

body {
  overflow-x: hidden;
}

.cardGroup__1 {
  background-color: white;
  width: 80%;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 2px 2px 8px 0px rgba(33,37,41,0.3);
}

.start_vid:hover {
  color: red;
}

.start_vid {
  animation-duration: 5s;
  animation-delay: 1s;
}

@media (min-width: 768px) {
  .why__indo li {
    font-size: xx-large;
  }
}

@media (min-width: 768px) {
  .why__indo h2 {
    font-size: 60px;
  }
}

.why__indo {
  height: 100vh;
}

.why__indo .row {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

@media (max-width: 767px) {
  .logo__text {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
}