.transpak_service_area{padding:50px 0 0 ;background:#f1f1f1;}
.transpak_service_area .inner{
    /* background:#fff; */
/* padding:50px 30px; */
padding-bottom: 50px
}

.transpak_service_area .tit {text-align:center;}
.transpak_service_area .tit h2{font-size:clamp(20px, 2.3vw, 32px);line-height:1;color:#2c2c2c;font-weight:bold;}
.transpak_service_area .tit h2 span{color:var(--color-primary);line-height:inherit;}
.transpak_service_area .tit p {margin:15px 0 0;color:#2c2c2c}

.transpak_service_area .list{margin:50px 0 0;}
.transpak_service_area .list ul{display:flex;flex-wrap:wrap;margin:-15px -15px;}
.transpak_service_area .list ul li{width:calc(100% / 3);padding:15px;}

.transpak_service_area .list ul li .box{background: #fff;display:flex;flex-direction:column;justify-content:center;height:100%;}
.transpak_service_area .list ul li .txt{padding:25px 20px;flex:1;background: #fff;}
.transpak_service_area .list ul li .txt h5{font-size:20px;font-weight:600;}
.transpak_service_area .list ul li .txt p{margin:15px 0 0;color:#2c2c2c;font-size:16px;}
.transpak_service_area .list ul li .more{margin:20px 20px 25px;}
.transpak_service_area .list ul li .more a{padding:10px 20px;font-size:14px;color:#fff;border-radius:8px;transition-duration:0.5s;background:var(--color-primary);}


@media screen and (max-width:1281px){
.transpak_service_area .inner{padding:40px 25px;}
.transpak_service_area .list ul li .txt h5{font-size:18px;}
}

@media screen and (max-width:992px){
.transpak_service_area .inner{padding:30px 25px;}
.transpak_service_area .list ul li{width:calc(100% / 2);}
}

@media screen and (max-width:768px){
.transpak_service_area{padding:30px 0 0;}
.transpak_service_area .inner{padding:30px 20px;}
.transpak_service_area .list{margin:30px 0 0;}
.transpak_service_area .list ul li .txt{padding:20px 15px;}
.transpak_service_area .list ul li .txt h5{font-size:17px;}
.transpak_service_area .list ul li .txt p{font-size:15px;}
.transpak_service_area .list ul li .more{margin:0 15px 20px;}
}

@media screen and (max-width:640px) {
.transpak_service_area .inner{padding:25px 15px;}
.transpak_service_area .list ul li .more a{padding:8px 15px;font-size:12px;}
}

@media screen and (max-width:576px) {
.transpak_service_area .list ul{display:flex;flex-wrap:wrap;margin:-10px 0 0;}
.transpak_service_area .list ul li{width:100%;padding:10px 0;}
}	


@media screen and (max-width:480px) {
.transpak_service_area .inner{padding:25px 10px;}
.transpak_service_area .tit p{margin:10px 0 0;font-size:15px;}
.transpak_service_area .list ul li .txt{padding:15px 10px;}
.transpak_service_area .list ul li .txt h5{font-size:16px;}
.transpak_service_area .list ul li .txt p{margin:10px 0 0;font-size:14px;}
}