footer{
    margin-top: 40%;
}
@media (max-width: 786px) {
    footer{
        margin-top: 200%;
      }
      footer .row {
          flex-direction: column;
          text-align: center;
        }
        footer .col-md-3 {
          margin-bottom: 20px;
        }
        footer  .col-md-3 h5 , .col-md-2 p , .col-md-4 h5{
          font-size: 60px;
          font-weight: 600;
        }
        footer .para h5{
          font-size: 60px;
        }
        footer .col-md-4 p , .col-md-3 p {
          font-size: 60px;
        }
        footer .col-md-7 p{
          font-size: 40px;
        }
}



.teacher{
    background-color: rgb(251, 255, 0);
    padding: 30px 30px 30px 30px;
    text-align: center;
}

.teacher a{
    text-decoration: none;
    color: black;
}

.swiper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 312px;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-slide {
  width: 780px;
  background-size: cover;
  background-position: center;
}

.mySwiper2 {
  height: 80%;
  width: 100%;
}

.mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}