.dt_test_area{background:#f1f1f1;padding:50px 0;display: none;}
.dt_test_area .inner{background:#fff;padding:50px 30px;}

.dt_test_area .tit{text-align:center;}
.dt_test_area .tit em{text-transform:uppercase;font-size:18px;font-weight:700;color:var(--color-primary);}
.dt_test_area .tit h2{margin:15px 0 0;color:var(--title-text-color);line-height:1;font-size:clamp(20px, 2.3vw, 32px);}

.dt_test_area .list{margin:50px -10px 0;position:relative;}
.dt_test_area .swiper-slide{padding:10px;height:auto;}
.dt_test_area .swiper-slide .box{height:100%;box-shadow:0 0 10px 0 rgb(240 241 243);padding:30px 30px 26px;position:relative;background:#fff;display:flex;flex-direction:column;}
.dt_test_area .swiper-slide .star{display:flex;align-items:center;}
.dt_test_area .swiper-slide .star i{font-size:24px;color:var(--color-primary);}
.dt_test_area .swiper-slide .star em{font-size:20px;color:var(--color-primary);font-weight:600;font-style:italic;margin-left:10px;}
.dt_test_area .swiper-slide p{margin:20px 0 0;font-size:16px;color:#333;line-height:1.4;flex:1;}
.dt_test_area .swiper-slide .ico{margin:20px 0 0;}
.dt_test_area .swiper-slide .ico img{border-radius:50%;}
.dt_test_area .swiper-slide h6{margin:20px 0 0;font-size:22px;color:#111;font-weight:700;}
.dt_test_area .swiper-slide h6 span{display:block;font-size:18px;color:#edb509;margin:5px 0 0;}

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



@media screen and (max-width:1550px){
.dt_test_area .swiper-slide .star i{font-size:23px;}
}

@media screen and (max-width:1441px) {
.dt_test_area .swiper-slide .star i{font-size:22px;}
}

@media screen and (max-width:1367px) {
.dt_test_area .swiper-slide .star i{font-size:21px;}
.dt_test_area .swiper-slide .star em{font-size:19px;}
}

@media screen and (max-width:1281px){
.dt_test_area .inner{padding:40px 25px;}
.dt_test_area .tit em{font-size:16px;}
.dt_test_area .list{margin:40px -10px 0;}
.dt_test_area .swiper-slide .box{padding:30px 25px 20px;}
.dt_test_area .swiper-slide .star i{font-size:20px;}
.dt_test_area .swiper-slide .star em{font-size:18px;margin-left:8px;}
.dt_test_area .swiper-slide h6{font-size:20px;}
.dt_test_area .swiper-slide h6 span{font-size:16px;}
.dt_test_area .swiper-slide .ico img{width:80px;}

.dt_test_area .swiper-button-prev,.dt_test_area .swiper-button-next{display:none;}
.dt_test_area .swiper-pagination{display:block;}
}

@media screen and (max-width:992px){
.dt_test_area .inner{padding:35px 25px;}
.dt_test_area .list{margin:30px -10px 0;}
.dt_test_area .swiper-slide .box{padding:25px 20px 15px;}
.dt_test_area .swiper-slide .star i{font-size:18px;}
.dt_test_area .swiper-slide .star em{font-size:16px;}
.dt_test_area .swiper-slide h6{font-size:18px;}
}

@media screen and (max-width:768px){
.dt_test_area{padding:30px 0;}
.dt_test_area .inner{padding:30px 20px;}
.dt_test_area .list{margin:20px -10px 0;}
.dt_test_area .swiper-slide .box{padding:20px 20px 15px;}
.dt_test_area .swiper-slide .ico img{width:70px;}
.dt_test_area .swiper-slide .star i{font-size:16px;}
.dt_test_area .swiper-slide .star em{font-size:15px;margin-left:6px;}
.dt_test_area .swiper-slide h6{font-size:16px;margin:15px 0 0;}
.dt_test_area .swiper-slide h6 span{font-size:14px;}
.dt_test_area .swiper-pagination-bullet {height:12px;width:12px;margin:0 4px;}
}

@media screen and (max-width:640px) {
.dt_test_area .inner{padding:25px 15px;}
.dt_test_area .swiper-slide p{font-size:15px;}
.dt_test_area .swiper-slide .ico img{width:60px;}
}	

@media screen and (max-width:480px) {
.dt_test_area .inner{padding:25px 10px;}
.dt_test_area .tit em{font-size:14px;}
.dt_test_area .tit h2{margin:10px 0 0;}
.dt_test_area .swiper-pagination{margin:20px 0 0;}
}