
/* .bg-opacity{
    position: relative;
    background-color: black;
} */

.bg-opacity{
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 1;
    background: url("../img/hospital.jpg") no-repeat center center;
    /* background: url("https://images.unsplash.com/photo-1414235077428-338989a2e8c0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80") no-repeat center center; */
    background-size: cover;
}



.text1 {
  /* position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%); */
  font-size: 65px;
  color: white;
}

.text2 {
  /* position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%); */
  font-size: 30px;
  color: white;
}

.text3 {
  /* position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%); */
  font-size: 40px;
  color: white;
}

.text1, .text2, .text3 {
 text-shadow: 4px 4px 6px #000000;
}

.text-underline {
  color: white;
  width: 40%;
  height: 1%;
}

.text-underline2 {
  color: green;
  width: 40%;
  height: 3%;
  border-width: 2px;
}

.min-card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
  border-radius: 10px;
  height: 70px;
}

.min-card p {
  font-size: 17px; 
  color:white;
}

/* On mouse-over, add a deeper shadow */
.min-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.min-card2:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.min-card2 {
 /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
  border-radius: 10px;
  height: 100px;
  border: none;
}


.service-card {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.1);
  border: none;
  height: 320px
}

.service-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Carousel Start Here*/
@media (min-width: 768px) {
  .carousel-inner {
    display: flex;
  }
  .carousel-item {
    margin-right: 0;
    flex: 0 0 33.333333%;
    display: block;
  }
}

.carousel-card{
    margin: 0 .5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
}
.carousel-control-prev, .carousel-control-next{
    background-color: green;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-card .img-wrapper {
  max-width: 100%;
  height: 20em;
  display: flex;
  justify-content: center;
  align-items: center;
}
img{
  max-height: 100%;
}
/* Carousel End Here*/

.insurance-container{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}