#service img {max-width:100%; vertical-align:top}
#service {width:100%; font-size:16px; line-height:26px; font-weight:400; padding:0px 0 0 0;}
#service .head  {font-size:35px;line-height:45px; font-weight:600; text-align:center;  padding:0px 0 10px 0 }
#service ul{padding:0 0 20px 0}
#service ul li { position:relative; padding:3px 0 3px 13px;  }
#service ul li:before { content: "";  width: 5px; height: 5px; background-color: #555;  
position: absolute; left: 0; top: 15px;   border-radius: 50%; }

#service .txt1 {padding:20px 0 40px 0}
#service .cap1 img{max-width:900px; text-align:center;}
#service .cap2 img{max-width:100%; text-align:center;}
#service .cap3 img{max-width:900px; text-align:center; margin:20px 0 30px 0}

#service h3  {font-size:22px; font-weight:500; margin-top:30px; padding:0 0 20px 16px; position:relative; }
#service h3::before {content:""; height:18px; width:4px; background-color:#016ccf; position:absolute; top:5px;  left:0px; }
#service h4 {font-size:18px; line-height:28px; font-weight:600; margin-bottom:10px}

#service .list {padding:20px 0 }
#service .txt2 {line-height:26px; padding-bottom:20px}
#service .txt3 {line-height:32px; padding-bottom:20px; text-align:center}
#service h3.etc {text-decoration: none}
#service .down a {font-weight:600; color:#dc1313; text-decoration:underline}
#service .btn a {display:block; background:#f26522; color:#fff; font-weight:500;  font-size:25px;
padding:20px; border-radius:100px;  width:250px; margin:20px auto; text-align:center}

#service .flex2 {display:flex; text-align:center; flex-wrap: wrap; justify-content: center; align-items:center;
margin:70px 0 0 0; gap:30px;   }
#service .flex2 .item {  width:250px; text-align:center;  }
#service .flex2 .item a {display:block; background:#222; color:#fff; font-weight:500;  font-size:25px;
padding:20px; border-radius:100px}
#service .flex2 .item a:hover {background:#dc1313; transition:0.3s all;}

#service .item a {display:block; background:#222; color:#fff; font-weight:500;  font-size:25px;
padding:20px; border-radius:100px; text-align:center; width: 250px; margin:0 auto}
#service .item a:hover {background:#dc1313; transition:0.3s all;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#service {width:100%; font-size:14px; line-height:20px; }
#service .head  {font-size:20px;  padding:0px 0 0px 0 }
#service  .head_txt {font-size:15px; line-height:22px; }
#service .pro {padding:30px 0}
#service ul li { position:relative; padding-left:11px;  }
#service ul li:before { content: "";  width: 4px; height: 4px; top: 10px; }
#service .flex {padding:0px  }
#service .flex .item {width:100%; text-align:center; margin:10px 0 10px 0; border-right:0px dashed #ccc; }
#service .flex .item .tit{font-size:16px; font-weight:600; padding:10px 0 10px 0}
#service .flex .item .txt{}

#service .cont1 {padding:20px 0 0px 0}
#service .cont2 {padding:20px 0 0px 0}
#service .txt1 {padding:10px 0 20px 0}
#service .cap1 img{max-width:100%; text-align:center;}
#service .cap3 img{max-width:100%; text-align:center; margin:10px 0 20px 0}
#service .link {padding:30px 0 0 0}
#service .link ul li {list-style:none; padding:3px 0}
#service h3 {font-size:18px; line-height:28px;  }
#service h4 {font-size:16px; line-height:22px;  margin-bottom:10px}
#service .list {padding:20px 0 }
#service h3.etc {text-decoration: none}
#service .txt3 {line-height:22px; font-size:14px !important; padding:10px 0}
#service .txt2 {line-height:22px;}
#service .list2 .txt2 {line-height:22px;  }

.mgT50 {margin-top:30px}
.mgT20 {margin-top:0px}

#service .flex2 {margin:40px 0 0 0; gap:20px;   }
#service .flex2 .item {  width:150px; text-align:center;  }
#service .flex2 .item a {display:block;  font-size:15px;padding:10px; }
#service .flex2 .item a:hover {background:#dc1313; transition:0.3s all;}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}