.service-pattern-001:before { content: ""; position: absolute; background: #020411; width: 80%; height: 300px; bottom: 100px; right: 0; }

.service-pattern-002:before { content: ""; position: absolute; background: #020411; width: 20%; height: 50%; top: 50px; }

.service-pattern-002:after { content: ""; position: absolute; background: #020411; width: 20%; height: 50%; bottom: 0; right: 0; }

.service-pattern-003:after { content: ""; position: absolute; background: #020411; width: 30%; height: 400px; bottom: 0; right: 0; }

.service-step-01 .sppb-media-body { padding-left: 14px; }

.service-step-style .sppb-blocknumber-number { font-size: 60px; font-weight: 500; line-height: 50px; position: relative; }

.service-step-style h3 { font-size: 24px; letter-spacing: 1px; }

.service-step-style .sppb-blocknumber-number:after { content: ""; position: absolute; background: #fff; width: 25px; height: 5px; bottom: -17px; left: 0; transition: all .3s linear; }

.service-step-style:hover .sppb-blocknumber-number:after { width: 50px; transition: all .3s linear; }

.sppb-addon.sppb-addon-feature.img-style-001:after {content: ""; position: absolute; left: 0; right: 0; margin: auto; bottom: 10px; background: #fff; height: 2px; width: 50px;transition: all .3s linear; }

.sppb-addon.sppb-addon-feature.img-style-001:hover:after {width: 70px; transition: all .3s linear;}

@media(max-width: 768px){.sppb-addon.sppb-addon-feature.img-style-001:after {bottom: 30px;}}

#sec-service img{
  max-width:120px;
}
#sec-service .sppb-addon.sppb-addon-feature{
    border:1px solid transparent;
  padding:30px 15px;
}
#sec-service .sppb-addon.sppb-addon-feature:hover {
  border:1px solid #ddd;
  border-radius:4px;
  padding:30px 15px;
}