/** * Service **/ .section.Service h3 { color: #006B89; text-transform: none; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 15px;} .section.Service h3:after { width: 100%; display: block; position: relative; left: 0px; top: -3px; content: url(https://www.markg166.sg-host.com/wp-content/uploads/2021/11/AOA-Line-o1.svg); } .section.Service .col.Content p { margin-bottom: 30px; font-size: 15px; color: #6c6d6c; } .section.Service .col.Content {background-color: #f6f6f6;} /* Content Service */ .section.Content-Service h3 { color: #ff0000; text-transform: none; font-weight: 700; font-size: 36px; line-height: 40px; margin-bottom: 15px;} .section.Content-Service h3:after { width: 100%; display: block; position: relative; left: 0px; top: -3px; content: url(https://www.shareworxs.nl/wp-content/uploads/2020/04/SW-Line-o1.svg); } .section.Content-Service .col.Content p {color: #6c6d6c;} .section.Content-Service .col.Content {background-color: #f6f6f6;} /* Service Responsive */ @media screen and (min-width: 1216px) and (max-width: 3000px) { .section.Service .col.Content {border-radius: 5px!important;}} @media screen and (min-width: 1216px) and (max-width: 3000px) { .section.Service .Service-1 .img img {border-radius: 0px 5px 5px 0px!important;}} @media screen and (min-width: 1216px) and (max-width: 3000px) { .section.Service .Service-2 .img img {border-radius: 5px 0px 0px 5px!important;}} @media screen and (min-width: 850px) and (max-width: 3000px) { .section.Service .col.Content { height: 420px;}} @media screen and (min-width: 850px) and (max-width: 3000px) { .section.Service .col.Content .col-inner { position: relative; top: 50%; transform: translateY(-50%); padding-right: 50px; Padding-left: 50px;}} @media screen and (min-width: 0px) and (max-width: 849px) { .section.Service .col.Content .col-inner { padding-right: 20px; padding-left: 20px; padding-top: 50px; Padding-bottom: 30px;}} @media screen and (min-width: 850px) and (max-width: 1050px) { .section.Service .col.Content.medium-6.small-12.large-6 { max-width: 70%!important; flex-basis: 70%!important; }} @media screen and (min-width: 850px) and (max-width: 1050px) { .section.Service .medium-6 { max-width: 30%; flex-basis: 30%; }} @media screen and (min-width: 0px) and (max-width: 849px) { .section.Service .medium-6 { max-width: 100%; flex-basis: 100%; }} @media screen and (min-width: 0px) and (max-width: 849px) { .section.Service .medium-6 { max-width: 100%; flex-basis: 100%; }} @media screen and (min-width: 0px) and (max-width: 849px) { .section.Service .medium-6 .img-inner.image-cover { padding-top: 350px!important; }}