.blog_banner .banner_images{position: relative; height: 27.5rem; object-fit: cover;} 
.blog_banner .banner_inner{position: absolute;bottom: 30px; left: 50%;transform: translateX(-50%);  width: 78%;}
.banner_content .banner_caption .caption{font-size: 25px; line-height: 37px; color: #fff; font-weight: 400;padding-bottom: 10px;margin: 0px;}
.banner_content .banner_heading  .title{font-size: 50px; line-height: 54px; color: #fff;padding-bottom: 10px;font-weight: 600;margin: 0px;}
.banner_content  .banner_author{display: flex; align-items: center; gap: 10px;}
.banner_content  .banner_author img {width: 40px; height: 40px;}
.banner_content  .banner_author span{display: block; font-size: 17px; line-height: 27px; font-weight: 500; color: #fff;}
.banner_content  .banner_author span:nth-child(2){font-size: 15px; line-height: 24px;}
.banner_inner .banner_content{padding-inline: 20px;}
.blog_banner  .swiper-button-prev,.blog_banner  .swiper-button-next{background-image: none;    width: auto;top: unset;bottom: 50px;margin-inline: 20px;}

/* image slider */

.image_slider .image-swiper-container{width: 70%;background-color: #fff;border-radius: 10px;padding: 26px;}
.image_slider .image-swiper-container img{max-width: 100%; /* fmeupdata */ border-radius: 4px; width: 138px;height: 138px; object-fit: cover;/* end fmeupdate */}

.image_slider .image-swiper-container .swiper-slide {
  width: 127px;
    margin-right: 30px;
    border: 1px dashed #80808061;
    padding: 4px;
    border-radius: 5px;
}

.popular_topic{display: flex; justify-content: space-between;align-items: center;}
.popular_topic .layout_icons {display: flex;gap: 20px;}



/* list blog */
.card_grid.list_view{ display: flex;flex-direction: column; }
.card_grid.list_view  .blog_Cards{display: flex; flex-direction: row;gap: 30px;}
.card_grid.list_view  .blog_Cards a:nth-child(1){width: 27%; display: block;}
.card_grid.list_view  .blog_Cards a img{    width: 100%; height: 100%; object-fit: cover;}
.card_grid.list_view  .blog_Cards .card_cnt{width: 70%;}
.card_grid.list_view  .blog_Cards .reviews{display: inline-flex;}
.card_grid.list_view  .blog_Cards .view_like{display: inline-flex;gap: 20px;    margin-right: 20px;}



@media screen  and (min-width:200px) and (max-width:1080px){


  .image_slider .image-swiper-container img{width: 100%;}

  .twitter_block .twetter_link{font-size: 15px; line-height: 24px;}

  /* banner styling */

  .banner_inner .banner_content{padding-inline: 10px;}
  .banner_content .banner_heading .title{font-size: 22px; line-height: 30px;}
  .banner_content .banner_caption .caption{font-size: 18px; line-height: 28px;}
  .blog_banner .banner_inner{bottom: 10px;width: 85%;}
  .blog_banner .swiper-button-prev img, .blog_banner .swiper-button-next img{width: 60%;}

  .layout_icons .list_icon{display: none;}
  .image_slider .image-swiper-container{width: 100%;box-sizing: border-box;}
  .blog_banner  .swiper-button-prev,.blog_banner  .swiper-button-next{background-image: none;    width: auto;top: unset;bottom: 15px;margin-inline: 20px;}
.blog_banner  .swiper-button-prev{left: auto; right: 60px;}

  
}

@media screen  and (min-width:768px) and (max-width:1080px){
  
  .layout_icons .list_icon{display: block;}
  .banner_inner .banner_content{padding-inline: 30px;}
  .banner_content .banner_heading .title{font-size: 30px; line-height: 42px;}
  .blog_banner .banner_inner{bottom: 30px;}
  .blog_banner .swiper-button-prev, .blog_banner .swiper-button-next{display: block;}
  .blog_banner  .swiper-button-prev{left: 10px; right: auto;}
}


@media screen  and (min-width:1080px) and (max-width:1400px){
 
  .page_cnt .card_grid{grid-template-columns: repeat(3,minmax(0px, 1fr));gap: 15px;}
  .banner_content .banner_heading .title{font-size: 28px; line-height: 33px;}
  .banner_content .banner_caption .caption{font-size: 20px; line-height: 28px;}
  .blog_banner .banner_inner{bottom: 30px;}

}