*{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
body{
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.blog-heading{
  font-size:4rem;
  color:#0E46A3;
  font-weight: 500;
}
.square-icon{
   margin-top: 15px;
   display: flex;
   justify-content: center;
   
}
.blog-square{
  width:15px !important;
  height: 15px !important;
  border: 1px solid #161D6F;
  transform: rotate(45deg);
  margin-bottom: 5px;
}
@media (max-width: 576px) {
.blog-heading{
      font-size:2rem;
  }
}
  h1,h4,h2,h3,h5,h6{
    color: #0e46a3;
  }
  p{
    color: #161d6f;
    font-size: 14px;
  word-break: keep-all;
  text-align: justify;
  }
  marquee{
border: 2px slid transparent;
margin-left: 10%;
margin-right: 10%;
  }
  .blog-p{
    height: 50%;
  }
  .events{
    border: 2px solid 
    rgba(203, 201, 178, 0.81);
    overflow: hidden;
    height: 100%;
    padding: 20px 30px 50px 30px;
    transition: all 1s;
}
.events:hover{
    transform: translate(5px ,-20px);
    opacity: 1;
    box-shadow: 3px 3px 30px 3px #03163c ;   
}
.h4:hover{
  background-color: white !important ;
}
.h4 a:hover{
  color:#0e46a3 !important;
}
.quote{
  transition: all 1s;
}
.quote-i{
  color:#0e46a3;
}
.quote:hover{
  transform: translate(4px ,-15px);
  background-color: #161d6f;
  border-radius: 40px;
  opacity: 1;
box-shadow: 2px 2px 10px 3px #03163c;
  .quote-i{
    color: whitesmoke;
  }
  .quote-p{
    color: whitesmoke;
  }

  
}