/*****************************
    Blog Post
  *****************************/
  .blog-post {
    position: relative;
  }
  /*atlers*/
  .blog-post .blog-image {
    overflow: hidden; 
    position: relative;
    border-radius: 10px;
    perspective: 1px;
  }
  
  .blog-post .blog-image img {
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    transition: transform 1s cubic-bezier(0.25, 0.04, 0, 0.93);
    transform: translate3d(0, 0, 0) scale(1.06);
    
  }
  
  .blog-post .blog-image:before {
    z-index: 1;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
    top: auto;
    height: 70%;
    transition: all .35s;
  }
  
  .blog-post .blog-post-details .blog-title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  
  .blog-post .blog-post-details .blog-title a {
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    background-image: -ms-linear-gradient(transparent 95%, currentColor 1px);
    background-repeat: no-repeat;
    background-size: 0 100%;
    background-position: 0 -1px;
    transition: all 0.6s cubic-bezier(0.45, 0, 0.14, 1.03);
  }
  
  .blog-post .blog-post-details .blog-title a:focus {
    color: inherit;
  }
  
  .blog-post .blog-post-details .blog-title a:hover {
    color: inherit;
  }
  
  .blog-post .blog-post-details .blog-post-meta {
    display: flex;
    align-items: center;
    margin-top: 10px;
  }
  
  .blog-post .blog-post-details .blog-post-meta .blog-post-author a {
    font-size: 16px;
    color: #5c667d;
  }
  
  .blog-post .blog-post-details .blog-post-meta .blog-post-author a img {
    height: 30px;
    border-radius: 50%;
    margin: 0px;
    width: auto;
    display: inline-block;
    margin-right: 10px;
  }
  
  .blog-post .blog-post-details .blog-post-meta .blog-post-time a {
    color: #5c667d;
  }
  
  .blog-post .blog-post-details .blog-post-meta .blog-post-time i {
    margin-right: 10px;
  }
  
  .blog-post:hover .blog-title a {
    background-size: 100% 100%;
    color: inherit;
  }
  
  .blog-post:hover img {
    transform: translate3d(3%, 0, 0) scale(1.06);
  }
  
  .blog-post-image img {
    border-radius: 6px;
  }
  
  /* Post Style 01 */
  .blog-post.post-style-01 {
    position: relative;
    cursor: pointer;
  }
  /*atlers*/
  .blog-post.post-style-01 .blog-post-details {
    position: absolute; 
    left: 0;
    right: 0;
    width: 100%;
    z-index: 2;
    bottom: 20px;
    padding: 0px 30px;
    margin-top: 100%;
     pointer-events: none;
  }
  
  .blog-post.post-style-01 .blog-post-details a.tag {
    font-size: 12px;
    line-height: 12px;
    color: #ffffff;
    padding: 6px 20px;
    text-transform: uppercase;
    font-weight: bold;
  }
  
  .blog-post.post-style-01 .blog-post-details a.tag:focus {
    box-shadow: none;
  }
  
  .blog-post.post-style-01 .blog-post-details h3 {
    margin-top: 20px;
    color: #ffffff;
  }
  
  .blog-post.post-style-01 .blog-post-details h4 {
    margin-top: 15px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 24px;
    line-height: 32px;
  }
  
  .blog-post.post-style-01 .blog-post-details h5 {
    margin-top: 15px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 26px;
    line-height: 32px;
  }
  
  .blog-post.post-style-01 .blog-post-details .blog-post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
  }
  
  .blog-post.post-style-01 .blog-post-details .blog-post-meta .blog-post-author {
    margin-right: 20px;
    margin-bottom: 10px;
  }
  
  .blog-post.post-style-01 .blog-post-details .blog-post-meta .blog-post-author a {
    font-size: 16px;
    color: #ffffff;
  }
  
  .blog-post.post-style-01 .blog-post-details .blog-post-meta .blog-post-author a img {
    height: 30px;
    border-radius: 50%;
    margin: 0px;
    width: auto;
    display: inline-block;
    margin-right: 10px;
    transform: inherit;
  }
  
  .blog-post.post-style-01 .blog-post-details .blog-post-meta .blog-post-time {
    margin-bottom: 10px;
  }
  
  .blog-post.post-style-01 .blog-post-details .blog-post-meta .blog-post-time a {
    color: #ffffff;
  }
  
  .blog-post.post-style-01 .blog-post-details .blog-post-meta .blog-post-time i {
    margin-right: 10px;
  }
  
  .blog-post.post-style-01:hover h3 a {
    background-size: 100% 100%;
    color: #ffffff;
  }
  
  .blog-post.post-style-01:hover h4 a {
    background-size: 100% 100%;
    color: #ffffff;
  }
  
  .blog-post.post-style-01:hover h5 a {
    background-size: 100% 100%;
    color: #ffffff;
  }
  
  /* Post Style 02 */
  .blog-post.post-style-02 {
    position: relative;
    overflow: hidden;
  }
  
  .blog-post.post-style-02 .badge {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 9;
  }
  
  .blog-post.post-style-02 .badge:focus {
    box-shadow: none;
  }
  
  .blog-post.post-style-02 .blog-post-details {
    margin-top: 15px;
  }
  
  .blog-post.post-style-02 .blog-post-details h6 {
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #023a51;
  }
  
  .blog-post.post-style-02 .blog-post-details h6 a:hover {
    color: #023a51;
  }
  
  .blog-post.post-style-02 .blog-post-details .blog-post-time a {
    color: #5c667d;
  }
  
  .blog-post.post-style-02 .blog-post-details .blog-post-time a i {
    margin-right: 10px;
  }
  
  /* Post Style 03 */
  .blog-post.post-style-03 {
    position: relative;
    overflow: hidden;
  }
  
  .blog-post.post-style-03 .badge {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 9;
  }
  
  .blog-post.post-style-03 .badge:focus {
    box-shadow: none;
  }
  
  .blog-post.post-style-03 .blog-post-details {
    margin-top: 15px;
  }
  
  .blog-post.post-style-03 .blog-post-details h6 {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #023a51;
  }
  
  .blog-post.post-style-03 .blog-post-details h6 a:hover {
    color: #023a51;
  }
  
  .blog-post.post-style-03 .blog-post-details .blog-post-meta {
    display: flex;
    align-items: center;
    margin-top: 10px;
  }
  
  .blog-post.post-style-03 .blog-post-details .blog-post-meta .blog-post-author a {
    font-size: 16px;
    color: #5c667d;
  }
  
  .blog-post.post-style-03 .blog-post-details .blog-post-meta .blog-post-author a img {
    height: 20px;
  
    border-radius: 50%;
    margin: 0px;
    width: auto;
    display: inline-block;
    margin-right: 10px;
  }
  
  .blog-post.post-style-03 .blog-post-details .blog-post-meta .blog-post-time {
    margin-left: 10px;
  }
  
  .blog-post.post-style-03 .blog-post-details .blog-post-meta .blog-post-time a {
    color: #5c667d;
  }
  
  .blog-post.post-style-03 .blog-post-details .blog-post-meta .blog-post-time a i {
    margin-right: 10px;
    color: #30c96a;
  }
  
  .blog-post.post-style-03 .blog-post-details p {
    margin-top: 10px;
  }
  
  .blog-post.post-style-03:hover .blog-post-author a img {
    transform: translate3d(0%, 0, 0) scale(1);
  }
  
  /* Post Style 04 */
  .blog-post.post-style-04 {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
  }
  
  .blog-post.post-style-04 .blog-image {
    min-width: 130px;
    width: 130px;
    margin-right: 25px;
    border-radius: 6px;
  }
  
  .blog-post.post-style-04 .blog-image img {
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    transition: transform 1s cubic-bezier(0.25, 0.04, 0, 0.93);
    transform: translate3d(0, 0, 0) scale(1.06);
  }
  
  .blog-post.post-style-04 .blog-image img:hover {
    transform: translate3d(3%, 0, 0) scale(1.06);
  }
  
  .blog-post.post-style-04 .blog-image:before {
    background: rgba(5, 24, 48, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
  }
  
  .blog-post.post-style-04 .blog-post-details .badge {
    padding: 0px;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    text-transform: uppercase;
  }
  
  .blog-post.post-style-04 .blog-post-details .badge:focus {
    box-shadow: none;
  }
  
  .blog-post.post-style-04 .blog-post-details h6 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 10px;
    color: #023a51;
    line-height: 24px;
  }
  
  .blog-post.post-style-04 .blog-post-details h6 a:hover {
    color: #023a51;
  }
  
  .blog-post.post-style-04 .blog-post-details .blog-post-time a {
    color: #5c667d;
  }
  
  .blog-post.post-style-04 .blog-post-details .blog-post-time a i {
    margin-right: 10px;
    color: #5c667d;
  }
  
  .blog-post.post-style-04 .blog-post-details .blog-post-meta {
    margin-top: 0;
  }
  
  .blog-post.post-style-04:hover img {
    transform: translate3d(3%, 0, 0) scale(1.06);
  }
  
  /* Post Style 05 */
  .blog-post.post-style-05 {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }
  
  .blog-post.post-style-05:last-child {
    margin-bottom: 0px;
  }
  
  .blog-post.post-style-05 .blog-post-date {
    flex: 0 0 13%;
  }
  
  .blog-post.post-style-05 .blog-post-date a {
    color: #5c667d;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
  }
  
  .blog-post.post-style-05 .blog-post-date h2 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 900;
    margin-bottom: 0;
    margin-top: 7px;
  }
  
  .blog-post.post-style-05 .blog-image {
    min-width: 160px;
    width: 160px;
    margin-right: 30px;
    position: relative;
  }
  
  .blog-post.post-style-05 .blog-image img {
    border-radius: 6px;
    position: relative;
  }
  
  .blog-post.post-style-05 .blog-image .video-icon {
    position: absolute;
    z-index: 9;
    bottom: 10px;
    right: 10px;
  }
  
  @media (max-width: 991px) {
    .filters-group button {
      margin: 0 5px 10px;
    }
    .filters-group button:first-child {
      margin-left: 0;
    }
    .filters-group button:last-child {
      margin-right: 0;
    }
    .blog-post.post-style-11 .post-info {
      padding: 10px 20px 10px 20px;
    }
    .blog-post.post-style-11 .post-info .blog-post-meta {
      padding: 15px 0 15px 0;
    }
    .blog-post.post-style-11 .post-info p {
      margin-bottom: 15px;
    }
    /* News Latest Posts*/
    .news-latest-posts .blog-post.post-style-01 {
      margin-bottom: 25px;
    }
    /* News Sport Posts*/
    .news-sport-posts .blog-post.post-style-03 {
      margin-bottom: 20px;
    }
    .blog-post.post-style-01 .blog-post-details {
      padding: 0px 20px;
    }
    /* blog-style-07*/
    .madical-section .blog-post.post-style-07 .post-image {
      flex: 0 0 210px;
    }
    .madical-section .blog-post.post-style-07 .blog-post-details {
      width: 100%;
    }
    .banner-section .banner-content {
      padding-top: 20px;
    }
    .banner-section .banner-content .blog-post.banner-post-style {
      padding: 0px 50px 50px 50px;
    }
    .banner-section .banner-content .blog-post.banner-post-style .blog-post-details .blog-post-meta {
      padding-bottom: 20px;
    }
    .blog-post.post-style-12 .blog-details .blog-post-meta {
      padding: 0px 0 29px 0;
    }
  }
  
  @media (max-width: 767px) {
    /* blog-style-11*/
    .blog-post.post-style-11 {
      display: block;
    }
    .blog-post.post-style-11 .post-image {
      width: 100%;
      min-width: 100%;
    }
    .blog-post.post-style-11 .post-info {
      padding: 30px;
      width: 100%;
    }
    .news-medical-posts .blog-post.post-style-01 {
      margin-bottom: 30px;
    }
    .banner-section .banner-content .blog-post.banner-post-style {
      padding: 0px 50px 50px 50px;
    }
    .banner-section .banner-content .blog-post.banner-post-style .blog-post-details .blog-title {
      font-size: 42px;
      line-height: 52px;
      margin-bottom: 20px;
    }
    .banner-section .banner-content .blog-post.banner-post-style .blog-post-details .blog-post-content p {
      margin-bottom: 25px;
    }
    .blog-post.post-style-09 .blog-post-details {
      padding: 20px;
      margin: -50px 20px 0px 20px;
    }
  }
  
  @media (max-width: 575px) {
    .blog-post.post-style-01 .blog-post-details h3,
    .blog-post.post-style-01 .blog-post-details h4,
    .blog-post.post-style-01 .blog-post-details h5 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 20px;
      line-height: 24px;
    }
    .blog-post.post-style-04 {
      display: block;
    }
    .blog-post.post-style-04 .blog-image {
      width: 100%;
      margin-bottom: 15px;
    }
    .blog-post.post-style-05 {
      display: block;
      margin-bottom: 35px;
    }
    .blog-post.post-style-05 .blog-image {
      width: 100%;
      margin-bottom: 20px;
    }
    .blog-post.post-style-05 .blog-post-date {
      position: absolute;
      z-index: 9;
      left: 15px;
      top: 15px;
      text-align: center;
      background: #ffffff;
      padding: 10px;
      border-radius: 6px;
    }
    .blog-post.post-style-05 .blog-post-date h2 {
      font-size: 24px;
      line-height: 16px;
    }
    .blog-post.post-style-11 .blog-image {
      min-width: 100%;
    }
    .blog-post.post-style-11 .blog-post-details {
      padding: 20px;
    }
    .blog-post.post-style-07 {
      display: block;
    }
    .blog-post.post-style-07 .blog-post-details {
      width: 100%;
    }
    .blog-post.post-style-07 .post-image {
      margin-top: 20px;
    }
    .blog-post.post-style-06 .blog-details .blog-post-details .blog-post-meta .blog-post-share .share-box .share-box-social {
      display: block;
      min-width: 0;
    }
    .blog-post.post-style-07 .blog-post-details .blog-post-meta .blog-post-share .share-box .share-box-social {
      display: block;
      min-width: 0;
    }
    .blog-post.post-style-08 .blog-details .blog-post-details .blog-post-meta .blog-post-share .share-box .share-box-social {
      display: block;
      min-width: 0;
    }
    .blog-post.post-style-11 .blog-post-details .blog-post-meta .blog-post-share .share-box .share-box-social {
      display: block;
      min-width: 0;
    }
    .blog-post.post-style-12 .blog-details .blog-post-details .blog-post-meta .blog-post-share .share-box .share-box-social {
      display: block;
      min-width: 0;
    }
    .blog-post.post-style-13 .blog-post-details .blog-post-meta .blog-post-share .share-box .share-box-social {
      display: block;
      min-width: 0;
    }
    /* blog-style-07*/
    .madical-section .blog-post.post-style-07 {
      padding: 20px;
    }
    .madical-section .blog-post.post-style-07 .post-image {
      margin: 0;
    }
    .madical-section .blog-post.post-style-07 .blog-post-details {
      margin-top: 15px;
    }
    .video-section .blog-style-vertical .blog-post.post-style-05 .blog-post-date a {
      color: #5c667d;
    }
    .video-section .blog-style-vertical .blog-post.post-style-05 .blog-post-date h2 {
      color: #023a51;
    }
    .banner-section .banner-content .blog-post.banner-post-style {
      padding: 0px 30px 30px 30px;
    }
    .banner-section .banner-content .blog-post.banner-post-style .blog-post-details .blog-title {
      font-size: 32px;
      line-height: 38px;
      margin-bottom: 10px;
    }
    .banner-section .banner-content .blog-post.banner-post-style .blog-post-details .blog-post-content p {
      margin-bottom: 15px;
    }
    .navigation.post-navigation .nav-previous {
      width: 100%;
      margin-right: 0%;
    }
    .navigation.post-navigation .nav-previous .nav-left {
      width: 100%;
    }
    .navigation.post-navigation .nav-next {
      width: 100%;
      margin-left: 0%;
    }
    .navigation.post-navigation .nav-next .nav-right {
      width: 100%;
    }
    .news-latest-posts.blog-single-04 .blog-post.post-style-01 .blog-post-details {
      bottom: 10px;
    }
  }
  
  @media (max-width: 391px) {
    .blog-post.post-style-01 .blog-post-details {
      bottom: 10px;
      padding: 0px 20px;
    }
    .blog-post.post-style-01 .blog-post-details .blog-post-meta .blog-post-author {
      margin-right: 10px;
    }
    .blog-post.post-style-01 .blog-post-details .blog-post-meta .blog-post-author a {
      font-size: 14px;
    }
    .blog-post.post-style-01 .blog-post-details .blog-post-meta .blog-post-author a img {
      height: 25px;
      margin-right: 6px;
    }
    .blog-post.post-style-01 .blog-post-details .blog-post-meta .blog-post-time a {
      font-size: 14px;
    }
    .blog-post.post-style-01 .blog-post-details .blog-post-meta .blog-post-time a i {
      margin-right: 6px;
    }
    .blog-post.post-style-13 .blog-post-details .blog-post-meta .blog-post-time {
      margin-right: 10px;
    }
    .blog-post.post-style-13 .blog-post-details .blog-post-meta .blog-post-time i {
      margin-right: 6px;
    }
    .blog-post.post-style-13 .blog-post-details .blog-post-meta .blog-post-comment {
      margin-right: 10px;
    }
    .blog-post.post-style-13 .blog-post-details .blog-post-meta .blog-post-comment a i {
      margin-right: 6px;
    }
    .blog-post.post-style-13 .blog-post-details .blog-post-meta .blog-post-share .share-box a i {
      margin-right: 6px;
    }
    .news-latest-posts.blog-single-04 .blog-post.post-style-01 .blog-image img {
      height: 180px;
    }
  }