.dastra_blog_area{padding:50px 0 0;background:#F1F1F1;}
.dastra_blog_area .inner{
    /* background:#fff; */
    /* padding:50px 30px; */
    padding-bottom: 50px
}
.dastra_blog_area .tit {text-align:center;}
.dastra_blog_area .tit h2 {font-size:clamp(20px, 2.3vw, 32px);line-height:1;color:#2c2c2c;font-weight:bold;}

.dastra_blog_area .list{margin:40px 0 0;position:relative;}
.dastra_blog_area .swiper{margin:0 -10px;}
.dastra_blog_area .swiper-slide{padding:10px;}
.dastra_blog_area .swiper-slide .pic{display:block;position:relative;overflow:hidden;}
.dastra_blog_area .swiper-slide .pic img{width:100%;border-radius:5px;}
.dastra_blog_area .swiper-slide .txt{background:#fff;padding:20px 15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position:relative;overflow:hidden;}
.dastra_blog_area .swiper-slide .txt h4{font-size:20px;line-height:24px;height:48px;overflow:hidden;color:#212121;}
.dastra_blog_area .swiper-slide .txt h4 a{font-weight:600;line-height:inherit;}
.dastra_blog_area .swiper-slide .txt p{margin:15px 0;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:67px;}

.dastra_blog_area .swiper-slide .txt .more{display:inline-block;padding:10px 20px;background:transparent;border-radius:5px;color:#0171BB;font-size:16px;font-weight:600;border:1px solid #f1f1f1;}
.dastra_blog_area .swiper-slide .txt .more:hover{background:#0171BB;color:#fff}

.dastra_blog_area .swiper-slide .txt .right_ico{position:absolute;bottom:0;right:24px;}
.dastra_blog_area .swiper-slide .txt .right_ico a {font-size:20px;position:relative;z-index:1;color:#0171BB;}
.dastra_blog_area .swiper-slide .txt .right_ico a::before {content:"";position:absolute;height:110px;width:110px;border:2px solid #f7f7f7;bottom:-78px;z-index:-1;transform:rotate(-35deg);right:-38px;border-radius:0 20px;transition:0.5s;}
.dastra_blog_area .swiper-slide:hover .txt  .right_ico a {color:#fff;}
.dastra_blog_area .swiper-slide:hover .txt  .right_ico a::before {background:#0171BB;}

.dastra_blog_area .swiper-pagination{margin:25px 0 0;position:static;width:100%;font-size:0;display:none;}
.dastra_blog_area .swiper-pagination-bullet {height:14px;width:14px;border-radius:50%;margin:0 7px;background:#ccc;opacity:1;}
.dastra_blog_area .swiper-pagination-bullet-active{background:var(--color-primary);}


@media screen and (max-width:1281px){
.dastra_blog_area .inner{padding:40px 30px;}
.dastra_blog_area .swiper-slide .txt h4{font-size:18px;}
.dastra_blog_area .swiper-slide .txt .more{padding:9px 18px;font-size:15px;}
.dastra_blog_area .swiper-slide .txt .right_ico a::before{height:100px;width:100px;}
}

@media screen and (max-width:992px){
.dastra_blog_area .inner{padding:35px 25px;}
.dastra_blog_area .swiper-slide .txt h4{font-size:17px;}
.dastra_blog_area .swiper-slide .txt .more{padding:8px 16px;font-size:14px;}
.dastra_blog_area .swiper-slide .txt .right_ico{display:none;}
.dastra_blog_area .swiper-pagination{display:block;}
}

@media screen and (max-width:768px){
.dastra_blog_area{padding:30px 0 0;}
.dastra_blog_area .inner{padding:30px 20px;}
.dastra_blog_area .list{margin:30px 0 0;}
.dastra_blog_area .swiper-slide .txt h4{font-size:16px;height:auto;}
.dastra_blog_area .swiper-slide .txt p{font-size:15px;-webkit-line-clamp:2;min-height:44px;}
}

@media screen and (max-width:640px) {
.dastra_blog_area .inner{padding:30px 15px;}
}

@media screen and (max-width:576px) {
.dastra_blog_area .inner{padding:30px 10px;}
.dastra_blog_area .list{margin:20px 0 0;}
.dastra_blog_area .swiper-slide .txt{padding:15px 10px;}
}

@media screen and (max-width:480px) {
.dastra_blog_area .swiper-slide .txt p{margin:10px 0;font-size:14px;}
.dastra_blog_area .swiper-slide .txt .more{display:none;}
.dastra_blog_area .swiper-pagination{margin:15px 0 0;}
.dastra_blog_area .swiper-pagination-bullet {height:12px;width:12px;}
}	

@media screen and (max-width:420px) {


}