@media only screen and (max-width: 960px) {
    .square{
        opacity: 0.5 !important;
        }        
  }

  


@media only screen and (max-width: 690.98px) {
    section#about{
        padding: 0px !important;
    }     
  }
  


@media (min-width: 690.98px) and (max-width: 991.98px){
  section#about{
      padding: 10px !important;
  }
}

.img-fluid{
  height: 400px;
  width: 100%;
}

.align-menu{
  display: flex;
  align-items: center;
}
/* h1.title-anim{
  min-width: 600px;
} */
.hero-title h1{
  letter-spacing: 1px;
}
.body-frame{
  border: 2px solid red !important;
} 
#progressBar{
  display:none
}

span.check i {
  color: green;
}
.news-img img{
  object-fit: cover ;
}