/* Service area start */

.service_main {
  padding: 200px 0 120px 0;
  background-color: #f3f3f3;
  margin-top: -100px;
}


.service_main .witr_section_title{margin-bottom:50px;}

.service_page_service {
  padding-top: 100px;
  margin-top: 0;
}

.service_inner .text_box {
  background-color: #ffffff;
  border-radius: 0px 0px 8px 8px;
  padding: 40px 20px;
}

.service_inner .service-item h3 {
  padding:0 0 10px;
}

.service_inner .all_color_service p {
display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;
}

.service_inner .service-btn{margin-top:25px;}
.service-btn > a {
  display: inline-block;
  transition: 0.5s;
  padding: 9px 30px;
  border-radius: 100px;
  font-size: 17px;
  font-weight: 600;
  border: 1px solid var(--color-primary);
  color: #ffffff;
  background-color: var(--bg-color);
}

.service-btn a:hover {
  background-color: #060606;
  border: 1px solid transparent;
}


@media screen and (max-width:1281px){
.service_main{padding:100px 0 120px 0;margin-top:-50px;}
}
  
@media screen and (max-width:768px){  
.service_main{padding: 30px 0 5px;margin-top: 0;}
.service_main .witr_section_title{margin-bottom:30px;}
.service_inner .text_box{padding:30px 15px;}
.service_inner .all_color_service p{font-size:17px;}  
.service-btn > a{padding:7px 25px;font-size:16px;}
  
}
 
@media screen and (max-width:480px){  
.service_main .witr_section_title{margin-bottom:25px;}
.service_inner .text_box{padding:25px 12px;}
.service_inner .all_color_service p{font-size:16px;}  
.service_inner .service-item h3{font-size:20px;}
}

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

.service-btn > a{padding:6px 20px;font-size:15px;}
}