.bg-primary{
    background-color: #232a82 !important;
    border-color: #232a82 !important;
 }

 .bg-primary2{
    background-color: #34a5dd !important;
    border-color:  #34a5dd !important;
    color: white
 }

 .bg-dark{
    background-color: black !important;
 }

 .text-dark{
    color: black !important;
 }

 .overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fn-l{
    font-weight: 300 !important;
}

.h6-b{
    font-weight: bolder;
    color: black;
}

.h6-sub{
    font-family: 'Times New Roman', Times, serif !important;
}

.image-container {
    position: relative;
}

.overlay-img{
    width: 100%;
    height: 220px;
}

 .s-img{
    width: 100%;
    height: 175px;
 }

 .wwu-box{
    border: 2px solid white !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 220px;
    padding: 20px;
 }

 .h-line{
    border-color: white !important;
    border-width: 2px;
    opacity: 1 !important;
 }
 
 .mgn{
    margin: 0px auto;
 }

 body::-webkit-scrollbar {
   width: 0.5em;
 }
  
 body::-webkit-scrollbar-track {
    background-color: white;
 }
  
 body::-webkit-scrollbar-thumb {
   background-color: black;
   outline: 1px solid black;
   border-radius: 10px;
 }

 .text-footer{
   color: black !important;
 }

 .text-footer:hover{
   color: white !important;
 }

 .post-img-res{
   max-width: 100% !important;
   max-height: 400px !important;
 }

 .blog-banner-bg{
    height: 50vh;
    width: 100%;
 }

 h1{
    color: black !important;
 }

 .post-img{
   height: 230px;
 }

 .nav-link{
    color: white !important;
 }

 @media(max-width: 560px) {

    .post-img{
      height: 220px;
    }
    .nav-link{
        color: black !important;
     }
 }

 .vr-line{
    height: 100%;
    width: 2px;
    color: black;
    background-color: black;
 }

 .overview-img{
  width: 100%;
  height: 170px;
 }