@charset "utf-8";
/* CSS Document */

.container { padding: 0;}
.cons_serv_right, .cons_serv_left { width: 50%;}
.list_tit { font-size: 14px; color: #000; font-family: Karla; font-weight: bold; line-height: 20px; margin-bottom: 15px;}
.cons_serv_txt { max-width: 440px;margin: 0 0 0 auto;}
.cons_serv_txt a { margin: 40px 0 0;}
.besp_solu_right { max-width: 800px;}
.wrapper p { margin-bottom: 10px;}
.wrapper.economical { max-width: 960px;}
.economical.mar-120.text-center {margin: 80px 0 120px;}
.endtoend_service { max-width: 1023px; margin: 0 auto;}
.serv_step { padding: 30px 0px 0; position: relative; margin: 0 32px;}
.serv_step li { width: 20%; float: left; text-align: center;}
.step_no, .step_tit { display: block;}
.step_no { background: #231f20; width: 53px; height: 53px; border-radius: 100%; text-align: center; line-height: 53px; color: #fff; margin: 0 auto;font-size: 20px;}
.step_tit{ font-size: 14px;font-weight: bold; color: #231f20;  font-family: Karla; line-height: 20px; margin: 14px 0 0;}
.serv_step:after {
    position: absolute;
    content: "";
    width: 91%;
    height: 1px;
    /*    border: 1px dashed #bd7756;*/
    background: repeating-linear-gradient(90deg, #bd7756, #bd7756 4px, transparent 4px, transparent 12px);
    height: 1px;
    left: 0;
    top: 55px;
    z-index: -1;
    right: 0;
    margin: 0 auto;
    opacity: 1;
}
.common_join_team a { width: 90px;}
@media (max-width: 1439px) {}

 @media (max-width: 1199px) {
     .cons_serv_txt { padding-left: 40px;}
     .besp_solu_left , .besp_solu_right{ width: 100%;}
     .besp_solu  { flex-wrap: wrap;}
     .besp_solu_left .small_tit { text-align: left;}
     .economical.mar-120.text-center {
    margin: 80px 0 ;
}
   }

 @media (max-width: 991px) {
    
       .container { padding: 0 30px;}
       .cons_serv_right, .cons_serv_left { width: 100%;}
       .cons_serv  { flex-wrap: wrap;}
       .cons_serv_txt { max-width: 100%; padding: 80px 0 0;}
     .serv_step { margin: 0;}
}

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


 @media (max-width: 580px) {
     
     .last-child {
    margin-bottom: 15px !important;
}
    .economical.mar-120.text-center {
    margin: 35px 0;
} 
}


 @media (max-width: 360px) {}