.main-header {
    /* background-color: rgba(128, 128, 128, 0.2); */
    color: rgb(29, 46, 90);
    font-weight: bolder;
    text-align: center;
    padding: 10px;
    object-fit: cover;
}

/* .main-header h2::first-letter {
    font-weight: bold;
    color: red;
} */
/* .first-letter {
    color: red;
    font-weight: bold; 
} */


.main-header h2 {
    color: #dc3545
    font-weight: bold;
}

@media (min-width: 1200px) {
    .main-header h2 {
      font-size: 35px;
    }
    .main-header h5 {
      font-size: 25px;
    }
  }
  /* If the screen size is smaller than 100px, set the font-size to 5px */
@media (max-width: 100px) {
    .main-header h2,h5 {
    font-size: 5px;
  }
}
.bg {
    background-image: url("bg.jpg");
    background-size: cover;
    background-position: center center; 
    width: 100%;
    /* padding: 50px; */
    margin-bottom: 20px;
    display: flex;
    justify-content: center; 
    align-items: center; 
    text-align: center; 
}

.bg h4 {
    color: white;
    font-weight: bolder;
    background-color: rgba(49, 66, 104, 0.8); 
    padding: 40px;
    width: auto; 
}

.highlight{
  color:white;
  font-size: 24px;
}

.subtitle{
  color: #62e7c3;
  font-style: italic;
}

i:hover{
    cursor: pointer;
    transform: scale(1.5);
}

iframe {
    width: 100%;
    height: 500px;
    /* border: none;
    border-radius: 8px;
    padding-left: 20px; */
    position: relative;
}

.carousel-inner {
    padding: 1em;
  }
.carousel-control-prev,
.carousel-control-next {
  background-color: #e1e1e1;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .carousel-item {
    margin-right: 0;
    flex: 0 0 calc(100%/4);
    /* flex: 0 0 33.333333%; */
    display: block;
  }
  .carousel-inner {
    display: flex;
    padding:0rem;
  }
}



.card {
  /* margin: 0 0.5em; */
  /* box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18); */
  border: none;
  text-align: center;
}


.card .img-wrapper {
    /* max-width: 50%; */
    /* height: 5em; */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* padding: 50px; */
    padding-left: 50px;
    padding-right: 50px;
}
.card img {
    /* max-height: 100%; */
    /* max-width: fit-content; */
    display: block; 
}
.card img:hover{
    cursor: pointer;
    transform: scale(0.9);
    box-shadow: 2px 6px 8px 0 rgba(11, 11, 11, 0.5);
}

.text:hover{
 color: rgba(8, 1, 1, 0.514);
 background-color: rgb(244, 244, 246);
}

@media (max-width: 767px) {
  .card .img-wrapper {
    /* height: 17em; */
    overflow: hidden;
  }
}

.middle{
  /* transition: .5s ease; */
  opacity: 1;
  /* position: absolute;
  top: 50%; */
  /* bottom: 15%; */
  /* left: 50%; */
  /* transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  text-align: center; */
 
}
a{
  text-decoration: none;
}
.text{
  background-color:black;
  color:white;
  border: 10px;
  border-radius:85px;
  font-size: 21px;
  font-weight: bold;
  padding: 10px 10px;
  margin-top: 5px;
}
/* .img-wrapper:hover .middle{
  opacity: 1;
} */

.footer  {
    text-align: center;
    background-color:rgba(128, 128, 128, 0.2);
    color: white;
    /* padding: 20px; */
    /* padding-bottom: 0%; */
    margin-top: 20px;
    object-fit: cover;
    
    }

.footer img {
    padding: 7px;
    max-width: 100%;
}

.footer a {
    color: white;
    text-decoration: none;
}