/* Client journey refinement: approved colours, text and desktop stay intact. */
@layer sr-mobile-experience {
@media (max-width:800px) {
  body#sr-design #main-content :is(.form-card,.form-wrap) {
    scroll-margin-top:84px!important;
  }
  body#sr-design #main-content .form-card__head {
    padding:22px 20px 18px!important;
    border-bottom:1px solid #d2c3a9!important;
  }
  body#sr-design #main-content .form-card__body { padding:22px 20px!important; }
  body#sr-design #main-content .fg { margin-bottom:20px!important; }
  body#sr-design #main-content .fg>label {
    display:block!important; margin-bottom:8px!important;
    font-size:13px!important; line-height:1.5!important;
  }
  body#sr-design #main-content .fg :is(input,select,textarea) {
    min-height:52px!important; border-radius:7px!important;
    border:1px solid #bbaa8d!important; padding:13px 14px!important;
  }
  body#sr-design #main-content .fg :is(input,select,textarea):focus-visible {
    outline:2px solid #92751b!important; outline-offset:3px!important;
    border-color:#171717!important;
  }
  body#sr-design #main-content .fg textarea {
    min-height:170px!important; width:100%!important; resize:vertical!important;
  }
  body#sr-design #main-content .sr-job-route.sr-job-route-bottom {
    margin:24px 0 0!important; padding:18px 0 0!important;
    border:0!important; border-top:1px solid #d2c3a9!important;
    background:none!important; border-radius:0!important;
  }
  body#sr-design #main-content .sr-job-route-bottom a { min-height:44px; display:inline-flex; align-items:center; }
  body#sr-design #main-content .contact-section .contact-dets { margin-top:24px!important; gap:0!important; }
  body#sr-design #main-content .contact-section .cdet {
    padding:14px 0!important; min-height:64px!important; gap:14px!important;
  }
  body#sr-design #main-content .contact-section .cdet__val a { font-size:15px!important; }
  body#sr-design.sr-mobile-form-active .mobile-cta-bar,
  body#sr-design.sr-mobile-submit-visible .mobile-cta-bar { display:none!important; }
  body#sr-design #main-content :is(.fg input,.fg select,.fg textarea) { scroll-margin-block:96px; }
  body#sr-design #main-content :is(.form-msg,.form__msg):not(:empty) { padding:16px!important; line-height:1.6!important; }
  body#sr-design #main-content :is(.ec-faq-item>summary,.pc-article-toc a):focus-visible {
    outline:2px solid #92751b!important; outline-offset:3px!important;
  }
}
@media (max-width:600px) {
  /* Use the existing descriptions, so visitors can distinguish similar services. */
  body#sr-design #main-content #ec-catalog .ec-service {
    grid-template-columns:30px minmax(0,1fr) 30px!important;
    column-gap:12px!important; row-gap:6px!important;
    padding:20px 0!important; min-height:100px!important;
  }
  body#sr-design #main-content #ec-catalog .ec-service h3 {
    grid-column:2!important; grid-row:1!important;
    font-size:17px!important; line-height:1.35!important;
  }
  body#sr-design #main-content #ec-catalog .ec-service>p {
    display:block!important; position:static!important;
    grid-column:2!important; grid-row:2!important;
    margin:0!important; padding:0!important; width:auto!important;
    font-size:14px!important; line-height:1.55!important;
    color:#655d50!important; text-align:left!important;
    hyphens:none!important; overflow-wrap:normal!important;
    opacity:1!important; transform:none!important;
    max-height:none!important; overflow:visible!important;
  }
  body#sr-design #main-content #ec-catalog .ec-service>.ec-service-icon {
    grid-row:1!important; align-self:start!important; height:26px!important;
  }
  body#sr-design #main-content #ec-catalog .ec-service .ec-service-link {
    grid-row:1 / 4!important; align-self:center!important;
  }
  body#sr-design #main-content #ec-catalog .ec-service .ec-service-link>span {
    background:transparent!important; border:1px solid #bbaa8d!important;
    color:#171717!important;
  }
  body#sr-design #main-content #ec-catalog .ec-service:is(:active,:focus-visible) .ec-service-link>span {
    background:#f5c400!important; border-color:#f5c400!important;
  }
  body#sr-design #main-content #ec-catalog .sr-mobile-service-action {
    grid-row:3!important; font-size:12px!important; color:#655d50!important;
  }
}
}