@charset "utf-8";
/* CSS Document */
#oldnavcontainer {
    display: flex; align-items: center; gap: 32px;
}
footer {
     background: #25282C; padding: 62px 40px 34px;
}
.service-detail {
    display: grid; grid-template-columns: 1.05fr .95fr; gap: 52px; align-items: start;
}
.service-area {
display: grid; grid-template-columns: 1.1fr .9fr; gap: 44px; align-items: stretch;
}
.body-section {
    max-width: 1200px; margin: 0 auto; padding: 60px 40px 20px;
}
.footer-last {
    max-width: 1200px; margin: 40px auto 0; padding-top: 24px; border-top: 1px solid #3f4349; display: flex; justify-content: space-between; color: #6a6e77; font-size: 13.5px; font-family: 'Barlow', sans-serif;
}
.other-services {
     display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}
body { 
 margin: 0 auto;          /* Centers the container on massive screens */
  overflow-x: auto;     }
.oldmainnav {
	display: flex; gap: 26px; font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 600; font-size: 15px; letter-spacing: .04em; text-transform: uppercase;
}
.mainnav a, .mainnav a:hover {
 color: #d7dade;	
}
.mainnav a.active {
 color: #fff;	
}
.pm-sent {
 margin-top: 18px; margin-bottom: 18px; background: #EAF7EE; border: 1px solid #b9e3c6; border-radius: 9px; padding: 14px 16px; font-size: 15px; color: #1F7A3D; font-weight: 600;
}
.pm-err {
    margin-top: 18px; margin-bottom: 18px; background: #f8d7da; border: 1px solid #f5c6cb; border-radius: 9px; padding: 14px 16px; font-size: 15px; color: #721c24; font-weight: 600; 
}
* { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }
  .svc-tile { background:#fff; border:1px solid #e5e3df; border-radius:10px; transition:background .16s ease,border-color .16s ease; }
  .svc-tile:hover, .svc-tile:active, .svc-tile:focus { background:#2E3136; border-color:#2E3136; }
  .svc-tile .svc-num { background:#2E3136; color:#fff; transition:background .16s ease; }
  .svc-tile:hover .svc-num, .svc-tile:active .svc-num, .svc-tile:focus .svc-num { background:#F04E23; }
  .svc-tile .svc-h { color:#2E3136; transition:color .16s ease; }
  .svc-tile:hover .svc-h, .svc-tile:active .svc-h, .svc-tile:focus .svc-h { color:#fff; }
  .svc-tile .svc-p { color:#5A5E66; transition:color .16s ease; }
  .svc-tile:hover .svc-p, .svc-tile:active .svc-p, .svc-tile:focus .svc-p { color:#a7abb2; }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }
  .svc-card { background:#fff; border:1px solid #e5e3df; border-radius:12px; transition:background .16s ease,border-color .16s ease; display:block; }
  .svc-card:hover, .svc-card:active, .svc-card:focus { background:#2E3136; border-color:#2E3136; }
  .svc-card .sc-ic { background:#2E3136; color:#fff; transition:background .16s ease; }
  .svc-card:hover .sc-ic, .svc-card:active .sc-ic, .svc-card:focus .sc-ic { background:#F04E23; }
  .svc-card .sc-h { color:#2E3136; transition:color .16s ease; }
  .svc-card:hover .sc-h, .svc-card:active .sc-h, .svc-card:focus .sc-h { color:#fff; }
  .svc-card .sc-p { color:#5A5E66; transition:color .16s ease; }
  .svc-card:hover .sc-p, .svc-card:active .sc-p, .svc-card:focus .sc-p { color:#b7bbc2; }
  .svc-card .sc-tag { background:#F1EFEB; color:#45484f; transition:background .16s ease,color .16s ease; }
  .svc-card:hover .sc-tag, .svc-card:active .sc-tag, .svc-card:focus .sc-tag { background:#2a2d32; color:#d7dade; }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }
  input, select, textarea { font-family: 'Barlow', sans-serif; }
  input::placeholder, textarea::placeholder { color: #9a9da3; }
  input:focus, select:focus, textarea:focus { outline: none; border-color: #F04E23 !important; }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }

  .svc-tile { background:#fff; border:1px solid #e5e3df; border-radius:10px; transition:background .16s ease,border-color .16s ease; }
  .svc-tile:hover, .svc-tile:active, .svc-tile:focus { background:#2E3136; border-color:#2E3136; }
  .svc-tile .svc-num { background:#2E3136; color:#fff; transition:background .16s ease; }
  .svc-tile:hover .svc-num, .svc-tile:active .svc-num, .svc-tile:focus .svc-num { background:#F04E23; }
  .svc-tile .svc-h { color:#2E3136; transition:color .16s ease; }
  .svc-tile:hover .svc-h, .svc-tile:active .svc-h, .svc-tile:focus .svc-h { color:#fff; }
  .svc-tile .svc-p { color:#5A5E66; transition:color .16s ease; }
  .svc-tile:hover .svc-p, .svc-tile:active .svc-p, .svc-tile:focus .svc-p { color:#a7abb2; }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }

  .svc-tile { background:#fff; border:1px solid #e5e3df; border-radius:10px; transition:background .16s ease,border-color .16s ease; }
  .svc-tile:hover, .svc-tile:active, .svc-tile:focus { background:#2E3136; border-color:#2E3136; }
  .svc-tile .svc-num { background:#2E3136; color:#fff; transition:background .16s ease; }
  .svc-tile:hover .svc-num, .svc-tile:active .svc-num, .svc-tile:focus .svc-num { background:#F04E23; }
  .svc-tile .svc-h { color:#2E3136; transition:color .16s ease; }
  .svc-tile:hover .svc-h, .svc-tile:active .svc-h, .svc-tile:focus .svc-h { color:#fff; }
  .svc-tile .svc-p { color:#5A5E66; transition:color .16s ease; }
  .svc-tile:hover .svc-p, .svc-tile:active .svc-p, .svc-tile:focus .svc-p { color:#a7abb2; }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }

  .svc-tile { background:#fff; border:1px solid #e5e3df; border-radius:10px; transition:background .16s ease,border-color .16s ease; }
  .svc-tile:hover, .svc-tile:active, .svc-tile:focus { background:#2E3136; border-color:#2E3136; }
  .svc-tile .svc-num { background:#2E3136; color:#fff; transition:background .16s ease; }
  .svc-tile:hover .svc-num, .svc-tile:active .svc-num, .svc-tile:focus .svc-num { background:#F04E23; }
  .svc-tile .svc-h { color:#2E3136; transition:color .16s ease; }
  .svc-tile:hover .svc-h, .svc-tile:active .svc-h, .svc-tile:focus .svc-h { color:#fff; }
  .svc-tile .svc-p { color:#5A5E66; transition:color .16s ease; }
  .svc-tile:hover .svc-p, .svc-tile:active .svc-p, .svc-tile:focus .svc-p { color:#a7abb2; }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }

  .svc-tile { background:#fff; border:1px solid #e5e3df; border-radius:10px; transition:background .16s ease,border-color .16s ease; }
  .svc-tile:hover, .svc-tile:active, .svc-tile:focus { background:#2E3136; border-color:#2E3136; }
  .svc-tile .svc-num { background:#2E3136; color:#fff; transition:background .16s ease; }
  .svc-tile:hover .svc-num, .svc-tile:active .svc-num, .svc-tile:focus .svc-num { background:#F04E23; }
  .svc-tile .svc-h { color:#2E3136; transition:color .16s ease; }
  .svc-tile:hover .svc-h, .svc-tile:active .svc-h, .svc-tile:focus .svc-h { color:#fff; }
  .svc-tile .svc-p { color:#5A5E66; transition:color .16s ease; }
  .svc-tile:hover .svc-p, .svc-tile:active .svc-p, .svc-tile:focus .svc-p { color:#a7abb2; }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }

  .svc-tile { background:#fff; border:1px solid #e5e3df; border-radius:10px; transition:background .16s ease,border-color .16s ease; }
  .svc-tile:hover, .svc-tile:active, .svc-tile:focus { background:#2E3136; border-color:#2E3136; }
  .svc-tile .svc-num { background:#2E3136; color:#fff; transition:background .16s ease; }
  .svc-tile:hover .svc-num, .svc-tile:active .svc-num, .svc-tile:focus .svc-num { background:#F04E23; }
  .svc-tile .svc-h { color:#2E3136; transition:color .16s ease; }
  .svc-tile:hover .svc-h, .svc-tile:active .svc-h, .svc-tile:focus .svc-h { color:#fff; }
  .svc-tile .svc-p { color:#5A5E66; transition:color .16s ease; }
  .svc-tile:hover .svc-p, .svc-tile:active .svc-p, .svc-tile:focus .svc-p { color:#a7abb2; }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }

  .svc-tile { background:#fff; border:1px solid #e5e3df; border-radius:10px; transition:background .16s ease,border-color .16s ease; }
  .svc-tile:hover, .svc-tile:active, .svc-tile:focus { background:#2E3136; border-color:#2E3136; }
  .svc-tile .svc-num { background:#2E3136; color:#fff; transition:background .16s ease; }
  .svc-tile:hover .svc-num, .svc-tile:active .svc-num, .svc-tile:focus .svc-num { background:#F04E23; }
  .svc-tile .svc-h { color:#2E3136; transition:color .16s ease; }
  .svc-tile:hover .svc-h, .svc-tile:active .svc-h, .svc-tile:focus .svc-h { color:#fff; }
  .svc-tile .svc-p { color:#5A5E66; transition:color .16s ease; }
  .svc-tile:hover .svc-p, .svc-tile:active .svc-p, .svc-tile:focus .svc-p { color:#a7abb2; }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }

  .svc-tile { background:#fff; border:1px solid #e5e3df; border-radius:10px; transition:background .16s ease,border-color .16s ease; }
  .svc-tile:hover, .svc-tile:active, .svc-tile:focus { background:#2E3136; border-color:#2E3136; }
  .svc-tile .svc-num { background:#2E3136; color:#fff; transition:background .16s ease; }
  .svc-tile:hover .svc-num, .svc-tile:active .svc-num, .svc-tile:focus .svc-num { background:#F04E23; }
  .svc-tile .svc-h { color:#2E3136; transition:color .16s ease; }
  .svc-tile:hover .svc-h, .svc-tile:active .svc-h, .svc-tile:focus .svc-h { color:#fff; }
  .svc-tile .svc-p { color:#5A5E66; transition:color .16s ease; }
  .svc-tile:hover .svc-p, .svc-tile:active .svc-p, .svc-tile:focus .svc-p { color:#a7abb2; }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }

  .svc-tile { background:#fff; border:1px solid #e5e3df; border-radius:10px; transition:background .16s ease,border-color .16s ease; }
  .svc-tile:hover, .svc-tile:active, .svc-tile:focus { background:#2E3136; border-color:#2E3136; }
  .svc-tile .svc-num { background:#2E3136; color:#fff; transition:background .16s ease; }
  .svc-tile:hover .svc-num, .svc-tile:active .svc-num, .svc-tile:focus .svc-num { background:#F04E23; }
  .svc-tile .svc-h { color:#2E3136; transition:color .16s ease; }
  .svc-tile:hover .svc-h, .svc-tile:active .svc-h, .svc-tile:focus .svc-h { color:#fff; }
  .svc-tile .svc-p { color:#5A5E66; transition:color .16s ease; }
  .svc-tile:hover .svc-p, .svc-tile:active .svc-p, .svc-tile:focus .svc-p { color:#a7abb2; }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }

  .svc-tile { background:#fff; border:1px solid #e5e3df; border-radius:10px; transition:background .16s ease,border-color .16s ease; }
  .svc-tile:hover, .svc-tile:active, .svc-tile:focus { background:#2E3136; border-color:#2E3136; }
  .svc-tile .svc-num { background:#2E3136; color:#fff; transition:background .16s ease; }
  .svc-tile:hover .svc-num, .svc-tile:active .svc-num, .svc-tile:focus .svc-num { background:#F04E23; }
  .svc-tile .svc-h { color:#2E3136; transition:color .16s ease; }
  .svc-tile:hover .svc-h, .svc-tile:active .svc-h, .svc-tile:focus .svc-h { color:#fff; }
  .svc-tile .svc-p { color:#5A5E66; transition:color .16s ease; }
  .svc-tile:hover .svc-p, .svc-tile:active .svc-p, .svc-tile:focus .svc-p { color:#a7abb2; }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }

  .svc-tile { background:#fff; border:1px solid #e5e3df; border-radius:10px; transition:background .16s ease,border-color .16s ease; }
  .svc-tile:hover, .svc-tile:active, .svc-tile:focus { background:#2E3136; border-color:#2E3136; }
  .svc-tile .svc-num { background:#2E3136; color:#fff; transition:background .16s ease; }
  .svc-tile:hover .svc-num, .svc-tile:active .svc-num, .svc-tile:focus .svc-num { background:#F04E23; }
  .svc-tile .svc-h { color:#2E3136; transition:color .16s ease; }
  .svc-tile:hover .svc-h, .svc-tile:active .svc-h, .svc-tile:focus .svc-h { color:#fff; }
  .svc-tile .svc-p { color:#5A5E66; transition:color .16s ease; }
  .svc-tile:hover .svc-p, .svc-tile:active .svc-p, .svc-tile:focus .svc-p { color:#a7abb2; }


  * { box-sizing: border-box; }
  body { margin: 0; background: #F6F5F2; font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; color: #24262A; }
  a { color: #F04E23; text-decoration: none; }
  a:hover { color: #D33F17; }
  @keyframes pmpulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }

  .svc-tile { background:#fff; border:1px solid #e5e3df; border-radius:10px; transition:background .16s ease,border-color .16s ease; }
  .svc-tile:hover, .svc-tile:active, .svc-tile:focus { background:#2E3136; border-color:#2E3136; }
  .svc-tile .svc-num { background:#2E3136; color:#fff; transition:background .16s ease; }
  .svc-tile:hover .svc-num, .svc-tile:active .svc-num, .svc-tile:focus .svc-num { background:#F04E23; }
  .svc-tile .svc-h { color:#2E3136; transition:color .16s ease; }
  .svc-tile:hover .svc-h, .svc-tile:active .svc-h, .svc-tile:focus .svc-h { color:#fff; }
  .svc-tile .svc-p { color:#5A5E66; transition:color .16s ease; }
  .svc-tile:hover .svc-p, .svc-tile:active .svc-p, .svc-tile:focus .svc-p { color:#a7abb2; }

  .pm-page { display: none; }
  .pm-page.active { display: block; }


  .site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #2E3136;
    padding: 16px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo-link img {
    height: 42px;
    width: auto;
    display: block;
}

#navcontainer {
    display: flex;
    align-items: center;
    gap: 32px;
}

.mainnav {
    display: flex;
    gap: 26px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.phone-btn,
.menu-toggle {
    background: #F04E23;
    color: #fff;
    font-family: 'Archivo', sans-serif;
    font-weight: 800;
    font-size: 15px;
    padding: 11px 20px;
    border-radius: 7px;
    border: none;
}

.phone-btn {
    text-decoration: none;
}

.menu-toggle {
    display: none;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
}

.menu-toggle span {
    width: 18px;
    height: 2px;
    background: #fff;
    display: block;
}
.services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.about-grid {
    display: grid;
 grid-template-columns: 0.82fr 1fr; 
    gap: 32px;
    align-items: stretch;
}
.services-grid-mini {
    display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px;
}
.footer-grid {
     max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.1fr; gap: 44px;
}
.transition-box {
    background: #fff; border: 1px solid #e5e3df; border-radius: 14px; padding: 34px 40px; display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: nowrap;
}
/* Mobile */
@media (max-width: 768px) {
 footer {
     padding: 30px 20px 20px;
}
.body-section {
    max-width: 100%; margin: 0 auto; padding: 40px 20px 40px 20px;
}
.transition-box {
 display: block;
 padding: 20px 20px;
}
.transition-box span {
  display: block;
  margin: 10px auto 10px auto;
  text-align: center;
  font-size: 0 !important; /* Hides the original text */
}

/* Inject the new text */
.transition-box span::after {
  content: "↓";
  font-size: 34px; /* Restores font size for the new text */
}

   .services-grid {
        grid-template-columns: 1fr;
    }
       .about-grid {
        grid-template-columns: 1fr;
    }
    .services-grid-mini {
        grid-template-columns: repeat(2, 1fr);

    }

    .footer-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
    .about-change {
        display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
    }
        .service-area-callout {
        display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
    }
.footer-last > span {
    margin-bottom: 10px; display: block;
}
    .footer-grid > :first-child {
        grid-column: 1 / -1;
    }
 .footer-last {
   margin: 40px auto 0; padding-top: 24px; display: block;
}
.service-detail {
    display: grid; grid-template-columns: repeat(1,1fr); align-items: start;
}
.service-area {
    display: grid; grid-template-columns: repeat(1,1fr); align-items: start;
}
.other-services {
     display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
}
 .about-change {
    margin: 0 20px; 
    grid-template-columns: repeat(2, 1fr); gap: 10px;
 }
  .service-area-callout {
    margin: 0 20px; 
    grid-template-columns: repeat(1, 1fr); gap: 10px;
 }
    .site-header {
        padding: 16px 20px;
    }

    .menu-toggle {
        display: flex;
    }

    .mainnav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #2E3136;
        flex-direction: column;
        gap: 0;
        padding: 12px 0;
        box-shadow: 0 6px 16px rgba(0,0,0,.25);
    }

    .mainnav a {
        padding: 14px 20px;
    }

    .mainnav.open {
        display: flex;
    }

    .phone-btn {
        display: none;
    }
}