:root {
  --oc-page-green: #588568;
  --oc-page-green-2: #588568;
  --oc-page-yellow: #ffd400;
  --oc-page-ink: #101714;
  --oc-page-soft: #f2f4ef;
  --oc-page-line: #dce2dc;
}

.oc-site-page .entry-header,
.oc-site-page .post-navigation,
.oc-site-page .comments-area {
  display: none !important;
}

.oc-site-page .site-main,
.oc-site-page .content-area,
.oc-site-page .content-container,
.oc-site-page .entry-content-wrap,
.oc-site-page .entry-content {
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.oc-site-page .entry-content-wrap {
  background: transparent;
  box-shadow: none;
}

.oc-site-page #primary {
  width: 100%;
}

.oc-site-page article.page {
  width: 100% !important;
  margin: 0 !important;
}

.oc-page,
.oc-page * {
  box-sizing: border-box;
}

.oc-page {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden;
  color: var(--oc-page-ink);
  background: #fff;
  font-family: Inter, Arial, sans-serif;
}

.e-con.oc-page {
  --width: 100%;
  --padding-top: 0;
  --padding-right: 0;
  --padding-bottom: 0;
  --padding-left: 0;
  --gap: 0;
  overflow: hidden !important;
}

.e-con.oc-page-shell {
  --width: min(1160px, calc(100% - 48px));
  --padding-top: 0;
  --padding-right: 0;
  --padding-bottom: 0;
  --padding-left: 0;
  width: min(1160px, calc(100% - 48px));
  margin-right: auto !important;
  margin-left: auto !important;
}

.e-con.oc-section {
  --padding-top: 104px;
  --padding-bottom: 104px;
  --padding-right: 0;
  --padding-left: 0;
}

.e-con.oc-page-hero {
  --min-height: 590px;
  --padding-top: 185px;
  --padding-right: 0;
  --padding-bottom: 92px;
  --padding-left: 0;
  min-height: 590px !important;
  padding: 185px 0 92px !important;
}

.oc-hero--cleaner {
  --oc-hero-image: url("/wp-content/uploads/2025/05/IMG_8748-1-1.png");
}

.oc-hero--equipment {
  --oc-hero-image: url("/wp-content/uploads/2025/05/IMG_8746-1.png");
}

.oc-hero--services {
  --oc-hero-image: url("/wp-content/uploads/2025/05/oc-cleaning-team.webp");
  background-position: center 38%;
}

.oc-page h1,
.oc-page h2,
.oc-page h3,
.oc-page p {
  margin-top: 0;
}

.oc-page h1,
.oc-page h2,
.oc-page h3 {
  color: inherit !important;
  font-family: Unbounded, Montserrat, Arial, sans-serif !important;
  line-height: 1.08;
}

.oc-page p {
  line-height: 1.55;
}

.oc-page-shell {
  width: min(1160px, calc(100% - 48px));
  margin-inline: auto;
}

.oc-eyebrow {
  margin-bottom: 18px;
  color: var(--oc-page-green-2);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.oc-eyebrow,
.oc-eyebrow * {
  color: var(--oc-page-green-2) !important;
}

.oc-page-hero {
  min-height: 590px;
  padding: 185px 0 92px;
  display: flex;
  align-items: flex-end;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(4, 34, 24, .9) 0%, rgba(4, 34, 24, .63) 47%, rgba(4, 34, 24, .2) 100%),
    var(--oc-hero-image) center/cover no-repeat,
    var(--oc-page-green);
}

.e-con.oc-page-hero {
  justify-content: flex-end;
  align-items: stretch;
}

.oc-page-hero .oc-eyebrow {
  color: var(--oc-page-yellow);
}

.oc-page-hero .oc-eyebrow,
.oc-page-hero .oc-eyebrow * {
  color: var(--oc-page-yellow) !important;
}

.oc-page-hero h1 {
  max-width: 920px;
  margin-bottom: 24px;
  color: #fff !important;
  font-size: clamp(42px, 6vw, 78px);
  font-weight: 600;
  letter-spacing: -.04em;
}

.oc-page-hero h1 span {
  color: var(--oc-page-yellow);
}

.oc-page-hero__lead {
  max-width: 680px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, .9);
  font-size: clamp(18px, 2vw, 24px);
}

.oc-page-hero__lead,
.oc-page-hero__lead * {
  color: rgba(255, 255, 255, .92) !important;
}

.oc-section {
  padding-block: 104px;
}

.oc-section--soft {
  background: var(--oc-page-soft);
}

.oc-section--green {
  color: #fff;
  background: var(--oc-page-green);
}

.oc-section-heading {
  max-width: 850px;
  margin-bottom: 52px;
}

.oc-section-heading h2,
.oc-about-copy h2,
.oc-client-promise h2,
.oc-request h2 {
  margin-bottom: 0;
  font-size: clamp(30px, 4vw, 52px);
  font-weight: 600;
  letter-spacing: -.035em;
}

.oc-section-heading--light h2,
.oc-section-heading--light .oc-eyebrow {
  color: #fff;
}

.oc-service-grid,
.e-con.oc-service-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.oc-service-card {
  min-height: 420px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  border-radius: 28px;
  background: #dfe5df;
  padding: 34px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  background-position: center;
  background-size: cover;
}

.oc-service-card--1 { background-image: url("/wp-content/uploads/2025/05/full-shot-people-cleaning-office-1-1.png"); }
.oc-service-card--2 { background-image: url("/wp-content/uploads/2025/05/IMG_8748-1-1.png"); }
.oc-service-card--3 { background-image: url("/wp-content/uploads/2025/05/IMG_8746-1.png"); }
.oc-service-card--4 { background-image: url("/wp-content/uploads/2025/05/full-shot-people-cleaning-office-1-1.png"); background-position: right center; }
.oc-service-card--5 { background-image: url("/wp-content/uploads/2025/05/IMG_8748-1-1.png"); background-position: 65% center; }
.oc-service-card--6 { background-image: url("/wp-content/uploads/2025/05/IMG_8746-1.png"); background-position: 70% center; }

.e-con.oc-service-card {
  --min-height: 420px;
  --padding-top: 34px;
  --padding-right: 34px;
  --padding-bottom: 34px;
  --padding-left: 34px;
  min-height: 420px !important;
  padding: 34px !important;
}

.oc-service-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(4, 34, 24, .5) 0%, rgba(4, 34, 24, .76) 48%, rgba(4, 34, 24, .94) 100%);
}

.oc-service-card img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
}

.oc-service-card > .elementor-element {
  position: relative;
  z-index: 2;
  color: #fff;
}

.oc-service-card > .oc-service-card__media,
.oc-service-card > .oc-service-card__media > .elementor-widget-container {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
}

.oc-service-card > .oc-service-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oc-home-client-logo {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-width: 0;
  min-height: 0;
  padding: 20px;
  display: flex !important;
  align-self: stretch !important;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, .72);
  border-radius: 20px;
}

.oc-home-client-logo > .elementor-widget-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.oc-home-client-logo img {
  width: 72% !important;
  height: 50% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
}

.oc-home-client-logo img[src*="pinskdrev-official"],
.elementor-widget-image-carousel img[src*="pinskdrev-official"],
.oc-logo-grid .oc-logo img[src*="pinskdrev-official"],
.oc-ref-client-logo img[src*="pinskdrev"] {
  filter: brightness(0) invert(1);
}

.oc-service-card__number {
  display: block;
  margin-bottom: 15px;
  color: var(--oc-page-yellow);
  font-weight: 800;
}

.oc-service-card h3 {
  margin-bottom: 12px;
  color: #fff !important;
  font-size: 26px;
}

.oc-service-card p {
  max-width: 500px;
  margin-bottom: 20px;
  color: rgba(255, 255, 255, .96);
}

.oc-service-card__number,
.oc-service-card h3,
.oc-service-card p,
.oc-service-card a {
  text-shadow: 0 2px 12px rgba(0, 0, 0, .45);
}

.oc-service-card a,
.oc-service-card__link .elementor-button {
  min-height: 44px !important;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  color: #fff !important;
  background: transparent !important;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: var(--oc-page-yellow);
  text-underline-offset: 5px;
  box-shadow: none !important;
}

.oc-steps,
.e-con.oc-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(255, 255, 255, .2);
}

.oc-steps > div {
  padding: 34px 26px 10px 0;
  border-right: 1px solid rgba(255, 255, 255, .2);
}

.oc-steps > div:not(:first-child) {
  padding-left: 26px;
}

.oc-steps > div:last-child {
  border-right: 0;
}

.oc-steps b {
  color: var(--oc-page-yellow);
  font-family: Unbounded, Montserrat, Arial, sans-serif;
  font-size: 14px;
}

.oc-steps h3 {
  margin: 32px 0 12px;
  color: #fff;
  font-size: 20px;
}

.oc-steps p {
  margin: 0;
  color: rgba(255, 255, 255, .72);
  font-size: 15px;
}

.oc-request,
.e-con.oc-request {
  margin-block: 80px;
  padding: 46px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 40px;
  color: #fff;
  background: var(--oc-page-green);
  border-radius: 28px;
}

.oc-request .oc-eyebrow,
.oc-request .oc-eyebrow * {
  color: var(--oc-page-yellow) !important;
}

.oc-request h2 {
  max-width: 720px;
  margin-bottom: 16px;
  color: #fff;
  font-size: clamp(26px, 3vw, 40px);
}

.oc-request p:last-child {
  max-width: 720px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, .92);
}

.oc-button {
  min-height: 54px;
  padding: 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.oc-button--light,
.oc-button--light .elementor-button {
  color: var(--oc-page-green) !important;
  background: var(--oc-page-yellow) !important;
}

.oc-button .elementor-button {
  min-height: 54px !important;
  padding: 0 28px;
  display: inline-flex;
  align-items: center;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}

.oc-price-note,
.e-con.oc-price-note {
  margin-bottom: 28px;
  padding: 24px 28px;
  display: flex;
  justify-content: space-between;
  gap: 32px;
  color: #fff;
  background: var(--oc-page-green-2);
  border-radius: 18px;
  flex-direction: row;
  align-items: center;
}

.oc-price-note strong {
  font-family: Unbounded, Montserrat, Arial, sans-serif;
}

.oc-price-note span {
  max-width: 610px;
  color: rgba(255, 255, 255, .85);
}

.oc-price-note p {
  margin: 0;
  color: rgba(255, 255, 255, .9) !important;
}

.oc-price-grid,
.e-con.oc-price-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.oc-price-card {
  overflow: hidden;
  border: 1px solid var(--oc-page-line);
  border-radius: 24px;
  background: #fff;
}

.oc-price-card h2 {
  margin: 0;
  padding: 28px;
  color: #fff !important;
  background: var(--oc-page-green);
  font-size: 23px;
}

.oc-price-row,
.e-con.oc-price-row {
  padding: 18px 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  border-bottom: 1px solid var(--oc-page-line);
}

.oc-price-row:last-child {
  border-bottom: 0;
}

.oc-price-row span {
  line-height: 1.35;
}

.oc-price-row strong {
  color: var(--oc-page-green-2);
  text-align: right;
  white-space: nowrap;
}

.oc-price-row__value h3 {
  margin: 0;
  color: var(--oc-page-green-2) !important;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
  text-align: right;
  white-space: nowrap;
}

.oc-about-copy,
.e-con.oc-about-copy {
  display: grid;
  grid-template-columns: .9fr 1fr;
  gap: 80px;
}

.oc-about-copy p {
  color: #47524c;
  font-size: 18px;
}

.oc-stats,
.e-con.oc-stats {
  margin-top: 70px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.oc-stats > div {
  min-height: 190px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--oc-page-yellow);
  border-radius: 22px;
}

.oc-stats strong {
  font-family: Unbounded, Montserrat, Arial, sans-serif;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1;
}

.oc-stats h3 {
  font-size: clamp(28px, 3vw, 42px);
}

.oc-stats span {
  font-weight: 700;
}

.oc-values,
.e-con.oc-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.oc-values > div {
  padding: 34px;
  background: #fff;
  border-radius: 22px;
}

.oc-values h3 {
  margin-bottom: 18px;
  color: var(--oc-page-green);
  font-size: 22px;
}

.oc-values p {
  margin-bottom: 0;
  color: #59635e;
}

.oc-logo-grid,
.e-con.oc-logo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.oc-logo-grid > div {
  min-height: 150px;
  padding: 24px;
  display: grid;
  place-items: center;
  background: var(--oc-page-green);
  border: 1px solid rgba(88, 133, 104, .12);
  border-radius: 20px;
}

.oc-logo-grid > .oc-logo--light,
.oc-logo-grid > div.oc-logo--light {
  background: #fff;
}

.oc-logo-grid .oc-logo--light img {
  max-width: 200px;
}

.oc-logo-grid img {
  width: 100%;
  max-width: 180px;
  max-height: 110px;
  object-fit: contain;
}

.oc-client-promise,
.e-con.oc-client-promise {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 80px;
  align-items: start;
}

.oc-client-promise h2 {
  color: #fff;
}

.oc-client-promise .oc-eyebrow,
.oc-client-promise .oc-eyebrow * {
  color: var(--oc-page-yellow) !important;
}

.oc-client-promise ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.oc-client-promise li {
  padding: 18px 0 18px 38px;
  position: relative;
  color: rgba(255, 255, 255, .92);
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  font-size: 18px;
}

.oc-client-promise li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: var(--oc-page-yellow);
  font-weight: 900;
}

.oc-contacts,
.e-con.oc-contacts {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 24px;
}

.oc-contact-list,
.oc-contact-map {
  min-height: 480px;
  overflow: hidden;
  border-radius: 26px;
}

.oc-contact-list {
  padding: 38px;
  color: #fff;
  background: var(--oc-page-green);
}

.oc-contact-list > a,
.oc-contact-list > div:not(.oc-contact-social) {
  padding: 22px 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  text-decoration: none;
}

.oc-contact-list span {
  color: rgba(255, 255, 255, .6);
  font-size: 14px;
  text-transform: uppercase;
}

.oc-contact-list strong {
  color: #fff;
  font-family: Unbounded, Montserrat, Arial, sans-serif;
  font-size: 19px;
  line-height: 1.3;
}

.oc-contact-social {
  padding-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.oc-contact-social a,
.oc-contact-social .is-pending {
  padding: 12px 18px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
}

.oc-contact-social a {
  color: var(--oc-page-green);
  background: var(--oc-page-yellow);
  border-radius: 8px;
  font-weight: 800;
  text-decoration: none;
}

.oc-contact-social .is-pending {
  color: rgba(255, 255, 255, .82);
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 8px;
  font-weight: 800;
}

.oc-contact-social img {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  object-fit: contain;
}

.oc-contact-social > a > span,
.oc-contact-social > .is-pending > span {
  color: inherit;
  font-size: inherit;
  text-transform: none;
}

.oc-contact-social .is-pending small {
  margin-left: 5px;
  font-size: 10px;
  font-weight: 500;
}

.oc-contact-map iframe {
  width: 100%;
  height: 100%;
  min-height: 480px;
  border: 0;
}

.oc-form-wrap {
  padding: 34px;
  background: var(--oc-page-green-2);
  border-radius: 26px;
}

.oc-form-wrap > .elementor-widget-container {
  padding: 34px;
  background: var(--oc-page-green-2);
  border-radius: 26px;
}

.oc-form-wrap .forminator-ui.forminator-custom-form[data-design=default] {
  margin: 0 !important;
}

.oc-form-wrap input:not([type="checkbox"]),
.oc-form-wrap textarea,
.oc-form-wrap button,
.oc-form-wrap .forminator-button {
  min-height: 48px !important;
}

.oc-form-wrap input[type="checkbox"] {
  width: 20px !important;
  min-width: 20px;
  height: 20px !important;
}

.oc-form-wrap .forminator-consent__label a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.oc-privacy-wrap,
.oc-privacy-wrap > .elementor-widget-container {
  width: 100%;
}

.oc-privacy {
  max-width: 920px;
  margin: 0 auto;
  color: #3f4a45;
  font-size: 17px;
  line-height: 1.65;
}

.oc-privacy h2 {
  margin: 46px 0 16px;
  color: var(--oc-page-green) !important;
  font-size: clamp(22px, 3vw, 30px);
}

.oc-privacy p,
.oc-privacy li {
  color: #3f4a45;
}

.oc-privacy ul {
  margin: 0 0 24px;
  padding-left: 24px;
}

.oc-privacy a {
  color: var(--oc-page-green);
  font-weight: 700;
}

.oc-privacy__updated {
  margin-bottom: 38px;
  color: #728078 !important;
  font-size: 14px;
}

#colophon.site-footer {
  display: none !important;
}

.oc-footer,
.oc-footer * {
  box-sizing: border-box;
}

.oc-footer {
  position: relative;
  z-index: 2;
  padding: 70px 32px 24px;
  color: #fff;
  background: var(--oc-page-green-2);
  font-family: "OC Montserrat", Montserrat, Arial, sans-serif;
}

.oc-footer__inner,
.oc-footer__bottom {
  width: min(1240px, 100%);
  margin: 0 auto;
}

.oc-footer__inner {
  display: grid;
  grid-template-columns: 1.25fr .75fr 1.25fr .75fr;
  gap: 58px;
}

.oc-footer__brand img {
  width: 132px;
  padding: 10px;
  display: block;
  background: #fff;
  border-radius: 10px;
}

.oc-footer__brand p {
  max-width: 310px;
  margin: 24px 0 0;
  color: rgba(255, 255, 255, .68);
  font-size: 14px;
  line-height: 1.55;
}

.oc-footer__nav,
.oc-footer__contacts,
.oc-footer__socials {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
}

.oc-footer strong {
  margin-bottom: 8px;
  color: #ffd400;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.oc-footer a {
  color: #fff !important;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}

.oc-footer a:hover,
.oc-footer a:focus-visible {
  color: #ffd400 !important;
}

.oc-footer address {
  max-width: 330px;
  margin-top: 5px;
  color: rgba(255, 255, 255, .7);
  font-size: 13px;
  font-style: normal;
  line-height: 1.5;
}

.oc-footer__socials a,
.oc-footer__socials .is-pending {
  min-width: 150px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 7px;
  text-align: left;
}

.oc-footer__socials img {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  object-fit: contain;
}

.oc-footer__socials .is-pending {
  color: rgba(255, 255, 255, .62);
  font-size: 13px;
}

.oc-footer__socials small {
  display: block;
  font-size: 9px;
}

.oc-footer__bottom {
  margin-top: 56px;
  padding-top: 22px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  color: rgba(255, 255, 255, .58);
  border-top: 1px solid rgba(255, 255, 255, .14);
  font-size: 12px;
}

.oc-footer__bottom a {
  color: rgba(255, 255, 255, .75) !important;
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#cookiePopup.cookie-popup {
  display: none !important;
}

.oc-cookie,
.oc-cookie * {
  box-sizing: border-box;
}

.oc-cookie[hidden] {
  display: none !important;
}

.oc-cookie {
  position: fixed;
  z-index: 999999;
  right: 20px;
  bottom: 20px;
  left: 20px;
  width: min(980px, calc(100% - 40px));
  margin: auto;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  background: #202124;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .28);
  font-family: "OC Montserrat", Montserrat, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.45;
}

.oc-cookie p {
  margin: 0;
  color: #fff;
  font: inherit;
}

.oc-cookie a {
  color: #fff !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.oc-cookie button {
  min-height: 42px;
  padding: 10px 20px;
  flex: 0 0 auto;
  color: #101714;
  background: #ffd400;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  font: 700 14px/1.2 "OC Montserrat", Montserrat, Arial, sans-serif;
  cursor: pointer;
}

.oc-cookie button:hover,
.oc-cookie button:focus-visible {
  color: #101714;
  background: #ffe04a;
}

@media (max-width: 900px) {
  .oc-section {
    padding-block: 78px;
  }

  .oc-service-grid,
  .e-con.oc-service-grid,
  .oc-price-grid,
  .e-con.oc-price-grid,
  .oc-about-copy,
  .e-con.oc-about-copy,
  .oc-client-promise,
  .e-con.oc-client-promise,
  .oc-contacts,
  .e-con.oc-contacts {
    grid-template-columns: 1fr;
  }

  .oc-steps,
  .e-con.oc-steps,
  .oc-stats,
  .e-con.oc-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .oc-steps > div:nth-child(2) {
    border-right: 0;
  }

  .oc-logo-grid,
  .e-con.oc-logo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .oc-about-copy,
  .oc-client-promise {
    gap: 40px;
  }

  .oc-request,
  .e-con.oc-request {
    grid-template-columns: 1fr;
  }

  .oc-footer__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .oc-page-shell {
    width: min(100% - 28px, 1160px);
  }

  .e-con.oc-page-shell {
    --width: calc(100% - 28px);
    width: calc(100% - 28px);
  }

  .e-con.oc-section {
    --padding-top: 58px;
    --padding-bottom: 58px;
  }

  .e-con.oc-page-hero {
    --min-height: 520px;
    --padding-top: 132px;
    --padding-bottom: 58px;
    min-height: 520px !important;
    padding: 132px 0 58px !important;
  }

  .oc-page-hero {
    min-height: 520px;
    padding: 132px 0 58px;
  }

  .oc-page-hero h1 {
    max-width: 100%;
    font-size: 34px;
    overflow-wrap: anywhere;
  }

  .oc-page-hero__lead {
    font-size: 17px;
  }

  .oc-section {
    padding-block: 58px;
  }

  .oc-section-heading {
    margin-bottom: 34px;
  }

  .oc-section-heading h2,
  .oc-about-copy h2,
  .oc-client-promise h2 {
    font-size: 30px;
  }

  .oc-service-grid,
  .e-con.oc-service-grid,
  .oc-values,
  .e-con.oc-values {
    grid-template-columns: 1fr;
  }

  .oc-service-card {
    min-height: 440px;
  }

  .e-con.oc-service-card {
    --min-height: 440px;
    --padding-top: 26px;
    --padding-right: 26px;
    --padding-bottom: 26px;
    --padding-left: 26px;
    min-height: 440px !important;
    padding: 26px !important;
  }

  .oc-service-card h3 {
    font-size: 22px;
  }

  .oc-steps,
  .e-con.oc-steps,
  .oc-stats,
  .e-con.oc-stats {
    grid-template-columns: 1fr;
  }

  .oc-steps > div,
  .oc-steps > div:not(:first-child) {
    padding: 26px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
  }

  .oc-steps > div:last-child {
    border-bottom: 0;
  }

  .oc-steps h3 {
    margin-top: 16px;
  }

  .oc-request {
    margin-block: 58px;
    padding: 28px;
  }

  .oc-price-note,
  .e-con.oc-price-note {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .oc-price-card h2,
  .oc-price-row {
    padding-inline: 20px;
  }

  .oc-price-row,
  .e-con.oc-price-row {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .oc-price-row strong {
    text-align: left;
    white-space: normal;
  }

  .oc-price-row__value h3 {
    text-align: left;
    white-space: normal;
  }

  .oc-stats > div {
    min-height: 150px;
  }

  .oc-logo-grid,
  .e-con.oc-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .oc-logo-grid > div {
    min-height: 115px;
    padding: 16px;
  }

  .oc-contact-list {
    min-height: 0;
    padding: 26px;
  }

  .oc-contact-list strong {
    font-size: 16px;
  }

  .oc-contact-social {
    flex-direction: column;
  }

  .oc-contact-social a {
    text-align: center;
  }

  .oc-contact-social .is-pending {
    text-align: center;
  }

  .oc-contact-map,
  .oc-contact-map iframe {
    min-height: 360px;
  }

  .oc-form-wrap {
    padding: 20px;
  }

  .oc-footer {
    padding: 52px 20px 22px;
  }

  .oc-footer__inner {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .oc-footer__bottom {
    margin-top: 42px;
    flex-direction: column;
    gap: 10px;
  }

  .oc-cookie {
    right: 10px;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
    font-size: 12px;
  }

  .oc-cookie button {
    width: 100%;
  }
}