.center-data {
  text-align: center;
  color: white;
}
.hei_800 {
  height: 800px;
}
.top-left {
  color: #ffff;
  font-size: 26px;
  text-align: center;
  background: black;
  padding: 10px
}
.full-blog {
  position: relative;
  top: 20px;
  border: 1px solid black;
  padding: 10px;
  border-radius: 6px;
  color: #000;
  background-color: transparent;
}
.w-70 {
  width: 70% !important;
}
.height-700 {
  height: 700px !important;
}
.data_web-blog {
  padding: 0px 10px 0px;
}
.data_web-blog-display {
  display: flex;
}
.blog-imgae-inside {
  width: 387px !important;
  object-fit: contain;
  margin-right: 50px;
}
.prog-loy-img-div {
  width: 230px;
}
.w-38 {
  width: 38px;
}
.blog-list {
  display: flex;
  justify-content: center;
}
.blog-list-child {
  margin-right: 40px;
  width: 30%;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  border-radius: 10px;
  min-height: 400px;
  background: #fff;
  text-align: center;
  padding: 10px;
}
.blog-list-child a {
  text-decoration: none;
}
/* .down-icon::after{
  display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
} */
.blog-list-child h4 {
  color: #2f5991;
  font-size: 20px;
  letter-spacing: .125rem;
  text-transform: uppercase;
}
.blog-list-child p {
  font-size: 13px;
  color: #112846d1;
  width: 100%;
  margin-top: 20px;
  font-weight: 600;
}
.blog-list-img {
  border-radius: 10px;
  width: 100%;
  margin: auto;
  height: 200px;
  object-fit: contain;
}
@media(max-width: 768px) {
  /* .top-left {
        padding: 14px !important;
        position: absolute  !important;
        top: 0  !important;
        left: 0  !important;
        font-size: 18px  !important;
        width: 100%  !important;
        text-align: start  !important;
      } */
  .hei_800 {
    height: 100% !important;
  }
  .data_web-blog-display {
    flex-direction: column;
  }
  .blog-imgae-inside {
    width: 100% !important;
    margin: 0px !important;
  }
  .blog-list {
    flex-direction: column;
  }
  .blog-list-child {
    width: 100% !important;
    padding-bottom: 70px;
    margin-top: 20px;
    margin-right: 0px;
  }
  .prog-loy-img-div {
    width: 100%;
  }
  #prog-column {
    flex-direction: column;
  }
  .hei_800 {
    height: auto !important;
  }
  .top-left {
    top: 7px !important;
    left: 7px !important;
    font-size: 19px !important;
  }
  .height-700 {
    height: auto !important;
  }
}