.detail_block {margin-bottom: 2rem;}
.detail_block .banner_img img.banner_images {max-height: 24.625rem; object-fit: cover; width: 100%;}
.detail_block .cnt_block{margin-top: 3.438rem;margin-bottom: 27px; padding: 39px 64px;background-color: #fff; width: 80%;margin-inline: auto;box-sizing: border-box;}
.cnt_block .detail_cta{padding-bottom: 45px; display: flex;gap: 10px;}
.detail_block img{max-width: 100%;}
.cnt_block .blog_info{padding-bottom: 30px; display: flex; gap: 20px;}
.cnt_block .blog_info span{font-size: 15px; line-height: 24px;color: #999999;}

.blog_detail .primary_text{padding-bottom: 30px;}
.blog_detail .caption{display: block; padding-block: 30px; color: var(--primary_color);font-size: 24px; line-height: 36px;font-style: italic; font-weight: 300;margin: 0px;}
.detail_block .section_title{text-align: left; font-size: 18px; line-height: 25px; color: #464646; font-weight: 600;margin: 0px;}


.blog_detail .two_col{display: flex; gap: 20px; justify-content: space-between; align-items: center;padding-bottom: 30px; }
.blog_detail .two_col .img_block{flex: 1;}

.blog_detail  .post_like {text-align: center;}
.blog_detail  .post_like .subtitle{font-size: 16px; line-height: 24px; color: #464646;padding-bottom: 25px;margin: 0px;}

.blog_detail .post_like_btn{display: flex;gap: 10px;justify-content: center;}
.blog_detail .post_like_btn .likesbtn{margin-right: 10px;}
.blog_detail .post_like_btn .like_btn{cursor: pointer; min-width: 4em; background-color: #E9F9F0; border-radius: 5px;padding: 9px 14px; color: #28C36D; font-size: 16px; line-height: 24px; text-decoration: none;}
.blog_detail .post_like_btn .like_btn:nth-child(2){color: #FC677C;background-color: #FFF3F5;}
.blog_detail .post_like_btn .like_btn input {
    display: none;
}
/* feedback block */
.detail_block .feedback_block {margin-bottom: 27px; padding: 39px 64px;background-color: #fff; width: 80%;margin-inline: auto;box-sizing: border-box;}

.feedback_form{display: flex;flex-wrap: wrap; gap: 40px;}
.field_item{background-color: #F1F1F1;height: 59px;outline: none;border: 1px solid #E5E5E5; border-radius: 7px;font-size: 16px; line-height: 24px; color: #C4C4C4;padding-inline: 20px;box-sizing: border-box;}
.field_item::placeholder{color: #C4C4C4;}
.form_field.full,.form_field .full{width: 100%;}
.form_field label{padding-bottom: 10px; display: block;}
.form_field  textarea.field_item{resize: none;padding-block: 10px;height: unset;}

.form_cta{text-align: center;}
.form_cta .form_note{display: flex; align-items: center; justify-content: center; gap: 10px;padding-block: 30px;}
.form_cta  .primary_cta{min-width: 16em;padding-block: 15px;}
.form_cta  .primary_cta.sign_cta{border-color: #C4C4C4;color: #C4C4C4;}
.form_cta  .primary_cta.sign_cta:hover{color: #fff;border-color: var(--primary_color);}




/* detail_swiper */

.feedback_block .detail_swiper.related-products {margin-top: 30px;}
.feedback_block .detail_swiper:not(.feedback_block.post-images-gallery .detail_swiper, .feedback_block.post-videos-gallery .detail_swiper) {margin-top: 2.5rem;}
.feedback_block .detail_swiper .swiper_title{padding-bottom: 25px;} 
.detail_swiper_inner  .slider_cnt{position: relative;}
.detail_swiper_inner .slider_cnt  img{width: 100%;display: block;}
.detail_swiper_inner .slider_cnt .slider_text{position: absolute;bottom: 0px;left: 0px;padding: 12px 18px;background-color: rgba(0, 0, 0, 0.3);box-sizing: border-box;width: 100%;}
.detail_swiper_inner  .slider_text .data{font-size: 12px;line-height: 20px; color: #fff;padding-bottom: 7px;box-sizing: border-box;}

.detail_swiper_inner  .slider_text .section_title{color: #fff; font-weight: 700;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.detail_swiper .detail_swiper_inner {position: relative;    margin-bottom: 40px; }
.detail_swiper_inner .btn_container
{  position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px;}

.detail_swiper_inner  .swiper-wrapper,.detail_swiper_inner  .swiper-container{position: unset;   padding-bottom: 10px;}
.detail_swiper_inner .swiper-button-prev,.detail_swiper_inner .swiper-button-next{background-image: none;margin-top: unset;}
.detail_swiper_inner .swiper-button-prev img,.detail_swiper_inner .swiper-button-next img{width: 45px; max-width:unset;}
.detail_swiper_inner  .swiper-button-prev{right: 10px; left: auto;}
.detail_swiper_inner  .swiper-button-next{left: 10px; right: auto;margin-left: 15px;}

/* 
tags and categories block */

.tags_block{margin-bottom: 27px; padding: 39px 64px;background-color: #fff; width: 80%;margin-inline: auto;box-sizing: border-box;}
.tags_block .tag_title.section_title{padding-bottom: 20px;}
.tags_block  .tags_Cta {padding-bottom: 40px; display: flex; gap: 20px;flex-wrap: wrap;}
.tags_block  .tags_Cta  .primary_cta{border-color: #C4C4C4; color: #6C757D; min-width: 6em; }
.tags_block  .tags_Cta  .primary_cta:hover{border-color: var(--primary_color); color: #fff;}
.tags_block .sideba_author_info{padding: 0px;}


/* related_post */
.related_post{ margin-bottom: 27px; padding: 39px 30px; background-color: #fff; width: 80%; margin-inline: auto;box-sizing: border-box;}
.related_post  .section_title{padding-bottom: 30px;}

 .post_card_outer{display: grid;grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px;}
.post_Card {position: relative;}
.post_Card  img{width: 100%; height: 23.688rem; object-fit: cover; border-radius: 7px;}
.post_Card  .post_cnt{position: absolute; bottom: 0; left: 0;padding-inline: 15px;box-sizing: border-box;}
.post_Card  .post_cnt .date{font-size: 12px;line-height: 20px;color: #fff;padding-bottom: 15px;display: block;} 
.post_Card  .post_cnt .section_title.card_title{color: #fff;padding-bottom: 0px;font-weight: 700;padding-left: unset;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;margin-bottom: 10px;}
.post_Card  .post_cnt .card_text{font-size: 12px; line-height: 20px; color: #fff;padding-bottom: 20px;margin: 0px;}


/* related_product */
.related_product{margin-bottom: 27px; padding: 0px 30px; width: 80%; margin-inline: auto;box-sizing: border-box;}
.related_product  .section_title{padding-bottom: 30px;}
.product_card{background-color: #fff;border-radius: 8px;}
.product_card img{width: 100%;}
.product_card  .product_data{padding-inline: 20px; padding-bottom: 20px;}
.product_card  .product_data a{text-decoration: none;}
.product_card  .product_data .date{font-size: 12px; line-height: 20px; color: #999999;padding-bottom: 10px; display: block; padding-top: 20px;}
.product_card  .product_data .section_title{padding-left: unset;color: #495057;padding-bottom: 0px; text-decoration: none;}


/* reviews_block */

.reviews_block{padding: 0px 30px; width: 80%; margin-inline: auto;box-sizing: border-box;}
.reviews_block .review_cta{display: flex;justify-content: space-between;align-items: center;padding-bottom: 27px;gap: 10px;}
.reviews_block .review_cta  .rev_cta.primary_cta{border-radius: 20px;}

.reviews_block .review_detail{background-color: #fff;padding-block: 30px;}

.review_detail .end_btn{text-align: end;padding-bottom: 30px;padding-inline: 20px;}
.review_detail .primary_cta.rev_cta{border-radius: 20px; min-width: 4em;padding-block: 6px;}
.review_detail   .review_card_outer{display: flex;overflow-x: auto;gap: 13px;padding-bottom: 30px;}
.review_card_outer .review_card{min-width: 35%;}
.review_card_outer .review_card:nth-child(1){margin-left: 20px;}
.review_card_outer .review_card:last-child{margin-right: 20px;}


.review_card  .total_reviews_block{display: flex; align-items: center; gap: 5px;padding-bottom: 18px;}
.review_card  .total_reviews_block span{font-size: 13px; color: #818181;line-height: 20px; }
.review_card  .total_reviews_block span:nth-child(3){font-size: 15px; color: #474747;line-height: 24px; font-weight: 500; }

.review_card .review_desc{background-color: #F6F7F9;padding: 15px; border-radius: 5px;}
.review_card .review_desc .rev_name{display: flex; justify-content: space-between;padding-bottom: 8px;}
.review_card .review_desc .rev_name .name{font-size: 13px; line-height: 20px;color: #474747;font-weight: 500;}

.review_card .review_desc .rew_title{font-size: 13px; line-height: 20px; color: #474747; font-weight: 600;padding-bottom: 8px;margin: 0px;}
.review_card .review_desc .rev_text{font-size: 15px; line-height: 24px; color: #818181;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;margin: 0px;}

.review_card_outer::-webkit-scrollbar { display: none; }
.review_detail .end_btn:last-child{padding-bottom: 0px;}
.review_detail .primary_cta.rev_cta.pen_btn span{padding-left: 5px;}


@media screen and (min-width:200px) and (max-width:1080px) {
    .detail_block .cnt_block{width: 100%;padding: 20px;margin-top: 30px;}
    .cnt_block .detail_cta  a{width: 35%;}
    .cnt_block .detail_cta{padding-bottom: 30px;flex-wrap: wrap;}
    .cnt_block .blog_info{flex-wrap: wrap;gap: 10px;}
    .blog_detail .caption{font-size: 18px; line-height: 26px;}
    .detail_block .feedback_block{width: 100%; padding: 20px;}
    .form_cta .form_note{flex-direction: column;}
    .detail_block .section_title{font-size: 16px; line-height: 24px;}
    .feedback_form{gap: 20px;}
    .detail_swiper_inner .swiper-button-prev img, .detail_swiper_inner .swiper-button-next img{width: 30px;}
    .detail_swiper_inner .swiper-button-next{margin-left: 0px;}
    .tags_block{padding: 20px; width: 100%;}
    .post_card_outer { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
    .related_post{padding: 20px; width: 100%;}
    .review_card_outer .review_card{min-width: 250px;}
    .reviews_block{width: 100%;padding-inline: 0px;}
    .related_product{width: 100%;padding: 0px;}
    .form_cta  .primary_cta{min-width: 14em;}
}

@media screen and (min-width:768px) and (max-width:1080px) {
    .cnt_block .detail_cta{flex-wrap: nowrap;}
}

@media screen and (min-width:768px) and (max-width:1400px) {
    .detail_block .cnt_block,.detail_block .feedback_block,.tags_block,.related_post,.related_product,.reviews_block{width: 95%;padding: 40px;}
    .post_card_outer{    grid-template-columns: repeat(2, minmax(0, 1fr));}
}


