/************ property-management ************/

/* ---------- shared tokens ---------- */

.bg-gray {
  background: #F7F8FA;
}

.open-sans{
    font-family: 'Open Sans' !important;
}

.pm-text-green { color: #1CB580; }
.pm-text-green-light { color: #4ADE9A; }
.pm-text-white { color: #fff; }
.pm-text-white-70 { color: rgba(255,255,255,.75); }
.pm-muted { color: rgba(21,36,56,.7); }
.pm-small-bold { font-weight: bold; font-size: 12px; margin-top: 2px; }

.pm-section { padding: 50px 0; }
.pm-bg-white { background: #fff; }
.pm-bg-light { background: #F7FAF9; }
.pm-bg-dark { background: linear-gradient(160deg,#152438 0%,#16324a 55%,#0f3b2e 100%); }

.pm-heading-block h2 { font-weight: bold; margin-bottom: 15px; margin-top: 0px; }
.pm-lead { font-size: 15px; line-height: 1.7; }

.align-items-baseline {
    align-items: baseline;
}

/* ---------- checks ---------- */

.new-ban{
    min-height: unset !important;
    height: unset !important;
    padding: 150px 0px 130px !important;
    margin: 0;
    .container{
      margin-top: 0px !important;
    }
}

.pm-checklist-row{
  .col-sm-6.col-md-3{
    padding: 10px 5px;
  }
}

.pm-check {
  color: #1CB580;
  margin-right: 6px;
  background: #1cb58040;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 4px;
  font-size: 10px !important;
}

.pm-check-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.pm-check-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 14px;
  line-height: 1.5;
}

.pm-check-list li:before {
  content: "\f00c";
  position: absolute;
  left: -2px;
  top: 0;
  color: #1CB580;
  font-family: FontAwesome;
  font-size: 12px !important;
  margin-right: 6px;
  background: #1cb58040;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 4px;
  font-weight: normal !important;
}

.pm-check-list-dark li { color: rgba(255,255,255,.85); }
.pm-check-list-dark li:before { color: #4ADE9A; }

/* ---------- buttons ---------- */
.pm-btn-green {
  background: #1CB580;
  color: #fff !important;
  font-weight: bold;
  border-radius: 4px;
  padding: 12px 26px;
}

.pm-btn-green:hover,
.pm-btn-green:focus {
  background: #159d72;
  color: #fff;
}

.pm-btn-dark {
  background: #152438;
  color: #fff !important;
  font-weight: bold;
  border-radius: 4px;
  padding: 10px 22px;
}

.pm-btn-dark:hover,
.pm-btn-dark:focus {
  background: #0f3b2e;
  color: #fff;
}

.pm-btn-outline-green {
  background: #fff;
  color: #1CB580 !important;
  font-weight: bold;
  border: 2px solid rgba(28,181,128,.4);
  border-radius: 4px;
}

.pm-btn-outline-green:hover { border-color: #1CB580; }

.pm-btn-white-pill {
  background: #fff;
  color: #1CB580 !important;
  font-weight: bold;
  padding: 12px 26px;
}

.pm-btn-white-pill:hover { background: rgba(255,255,255,.9); }

/* ---------- definition ---------- */

.pm-benefits-box {
  background: #1cb58014;
  border-radius: 10px;
  padding: 30px;
  margin-top: 30px;
}

.pm-benefits-box h3 {
  font-weight: bold;
  margin-top: 0;
}

/* ---------- CTA strip ---------- */
.pm-cta-strip {
  background: #1CB580;
  padding: 30px 0;
}

.pm-cta-strip-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.pm-cta-strip-inner h3 {
  color: #fff;
  margin: 0 0 4px;
  font-weight: bold;
}

.pm-cta-strip-inner p {
  color: rgba(255,255,255,.9);
  margin: 0;
}

/* ---------- property CTA ---------- */
.property-cta {
  background: #d9f5ee;
  padding: 12px 0;
}

.property-cta-box {
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  border-radius: 9px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.02), transparent 50%),
    linear-gradient(135deg, #152438 0%, #14533f 100%);
  position: relative;
  overflow: hidden;
}

.property-cta-box::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.12;
  background-image:
    linear-gradient(30deg, transparent 45%, #ffffff 46%, transparent 48%),
    linear-gradient(150deg, transparent 45%, #ffffff 46%, transparent 48%);
  background-size: 24px 24px;
  pointer-events: none;
}

.property-cta-content {
  position: relative;
  z-index: 1;
}

.property-cta-content .property-cta-heading {
  margin: 0 0 4px;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.3;
  font-size: 22px;
}

.property-cta-content p {
  color: rgba(255,255,255,.65);
  font-size: 16px;
  line-height: 1.5;
  margin-top: 10px;
}

.property-cta-btn {
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  background: #ffffff;
  color: #1cb580;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  outline: none !important;
}

.property-cta-btn:hover {
  background: #1cb580;
  color: #ffffff;
}

/* ---------- services offered ---------- */
.pm-services-masonry {
  column-count: 1;
  column-gap: 16px;
  margin-top: 30px;
}
.pm-service-card {
  display: block;
  width: 100%;
  text-align: left;
  background: #fff;
  border: 1px solid rgba(21,36,56,.1);
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 16px;
  break-inside: avoid;
  cursor: pointer;
}

.pm-service-card.is-active {
  border: 2px solid #1CB580;
  .pm-service-head i{
    color: #fff;
    background: #1CB580;
  }
  h3{
    color: #1CB580;
  }
}

.pm-service-head{
    display: flex;
    align-items: baseline;
   h3{
    font-size: 14px !important;
    font-weight: bold;
    color: #152438;
    margin: 0px;
  }
}

.pm-service-head i {
  color: #1CB580;
  margin-right: 8px;
  text-align: center;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.pm-service-body {
  display: none;
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(21,36,56,.7);
}

.pm-service-card.is-active .pm-service-body {
  display: block;
}

/* ---------- certified bookkeepers ---------- */
.pm-certified {
  padding: 27px 0 31px;
  background: #f7f9fa;
  &.certified-v2 .certified-logo{
    width: unset;
    height: unset; 
    margin: 0px; 
    border-radius: unset;
    background: none !important;
  }
  .certified-inner {
    position: relative;
    z-index: 2;
  }
  .certified-list {
      max-width: 100%;
      display: flex;
      align-items: stretch;
      justify-content: center;
  }
  .certified-card {
    position: relative;
    width: 100%;
    min-height: 180px;
    margin: 0 20px;
    padding: 15px 10px;
    border-radius: 8px;
    background: #fff;
    border-top: 3px solid #69b9e6;
    box-shadow: 0 3px 12px #1c2f4212;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px;
  }

  .certified-card:nth-child(2) { border-top-color: #a5ca68; }
  .certified-card:nth-child(3) { border-top-color: #5d8ed2; }
  .certified-card:nth-child(4) { border-top-color: #263e5b; }
  .certified-card:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -40px;
    top: 76px;
    width: 40px;
    height: 13px;
    background: #17273b;
  }
  .certified-logo {
    width: 90px;
    height: 90px;
    margin: 0 auto 20px;
    border-radius: 14px;
    background: #e9f5fb;
    color: #198ed0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .certified-card:nth-child(2) .certified-logo {
    background: #eff7e5;
    color: #91b54e;
  }
  .certified-card:nth-child(3) .certified-logo {
    background: #eaf1fb;
    color: #397ac6;
  }
  .certified-card:nth-child(4) .certified-logo {
    background: #edf0f3;
    color: #1d5079;
    font-family: Georgia, serif;
    font-style: italic;
  }
  .certified-name {
    font-size: 16px;
    line-height: 1.2;
    color: #273347;
    font-weight: 600;
    text-align: center;
  }
}
/* ---------- software support ---------- */
.pm-software {
  padding: 30px 0 24px;
  background: #fff;

  .software-col {
    margin-bottom: 20px;
    padding: 0px 10px;
  }

  .software-card {
    position: relative;
    height: 100%;
    padding: 20px;
    border: 1px solid #e5ebed;
    border-top: 3px solid #9ba8b2;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 9px rgba(31,57,70,.035);
    overflow: hidden;
    &.dark{
      i{
        color: #000;
        background: #e5e5e5;
      }
    }
  }

  .software-card.green {
    border-top-color: #62ceb0;
    .software-tag{
      color: #32aa88;
      background: #edf9f5;
    }
  }

  .software-card.green::after {
    background: #edf9f5;
  }

  .software-card::after {
    content: "";
    position: absolute;
    right: -17px;
    bottom: -24px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #f2f5f5;
  }

  .software-card h3 {
    margin: 20px 0 12px;
    font-size: 16px;
    color: #293449;
    font-weight: 700;
  }

  .software-card p {
    margin: 0;
    color: #2d2e30;
    font-size: 15px;
    line-height: 1.4;
    max-width: 92%;
  }

  .software-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .software-icon {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    background: #edf5f3;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #35b58252;
  }

  .software-tag {
      padding: 3px 10px;
      border-radius: 28px;
      background: #f2f4f5;
      color: #687582;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
  }

  .software-link {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 16px;
    margin-top: 14px;
    line-height: 1;
    background: #35b582;
    border-radius: 6px;
    border: 1px solid #35b582;
    outline: none;
    &:hover{
      background: transparent;
      border: 1px solid #35b582;
      color: #35b582;
    }
  }

  .software-note {
    padding: 30px;
    border-radius: 16px;
    background: linear-gradient(100deg, #162b43 0%, #1d3e50 52%, #2b6e60 100%);
    color: #fff;
    text-align: center;
    box-shadow: 0 4px 14px #14303e1f;
  }

  .software-options {
    display: flex;
    justify-content: center;
    align-items: stretch;
  }

  .software-option {
    flex: 1;
    min-width: 0;
    margin: 0 3px;
    padding: 8px 5px;
    border: 1px solid #ffffff17;
    border-radius: 6px;
    background: #ffffff0b;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .software-option-icon {
    display: block;
    height: 14px;
    color: rgba(255,255,255,.8);
    font-size: 7px;
    line-height: 14px;
  }

  .software-option span:last-child {
    font-size: 14px;
  }
}

/* ---------- who we serve ---------- */
.who-we-serve {
  background: linear-gradient(160deg,#152438 0%,#16324a 55%,#0f3b2e 100%);
}

.pm-whoweserve-card {
  background: linear-gradient(160deg,#152438 0%,#16324a 55%,#0f3b2e 100%);
  border-radius: 14px;
  color: #fff;
}

.pm-whoweserve-card .row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.pm-whoweserve-title {
  font-weight: bold;
  margin-top: 0;
}

.pm-whoweserve-card p {
  color: rgba(255,255,255,.75);
}

.pm-whoweserve-list-card {
  background: #fff;
  color: #152438;
  border-radius: 10px;
  padding: 25px;
  margin-top: 20px;
}

/* ---------- process tracker ---------- */
.hoa{
  #psTabsContent>.tab-pane{display:none}
  #psTabsContent>.tab-pane.active{display:block}

  .ps-detail{
    .tab-pane.active{
      display: flex !important;
      gap: 20px;
      .ps-step-circle {
          min-width: 50px;
          height: 50px;
          border-radius: 15px;
          background: #0D1B2A;
          color: #fff;
          font-size: 24px;
          margin-bottom: 8px;
      }
    }
    
  }
  .ps-tracker, .ps-detail{
    max-width: 100%;
  }
    .ps-tracker-tabs{
      &::after{
        content: '';
        position: absolute;

      }
      border: none;
      .nav-item{
        flex: 1;
        .nav-link:focus, .nav-link:hover{
          color: transparent !important;
        }
        .nav-link{
          &.active{
            border: none;
            background-color: transparent;
            .ps-step-circle{
              background-color: #1CB580;
              color: #fff;
            }
            .ps-step-label{
              color: #1CB580;
            }
          }
          &:hover{
            border: none;
          }
          &:focus-visible{
            border: none;
          }
        }
      }
    }
  }

.ps-tracker {
  position: relative;
  max-width: 1100px;
  margin: 40px auto 0;
}

.ps-tracker-line {
  position: absolute;
  left: 0;
  right: 0;
  top: 28px;
  height: 1px;
  background: rgba(21,36,56,.1);
  display: none;
}

.ps-step-col { margin-bottom: 20px; }

.ps-step {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  background: none;
  border: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
}

.ps-step-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 2px solid rgba(28,181,128,.4);
  background: #fff;
  color: #1CB580;
  font-size: 20px;
  margin-bottom: 8px;
}

.ps-step.is-active .ps-step-circle {
  border-color: #1CB580;
  background: #1CB580;
  color: #fff;
}

.ps-step-label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: rgba(21,36,56,.4);
}

.ps-step.is-active .ps-step-label {
  color: #1CB580;
}

.ps-step-title {
  display: block;
  margin-top: 2px;
  font-size: 14px;
  font-weight: bold;
  color: #152438;
}

.ps-detail {
  max-width: 1100px;
  margin: 30px auto 0;
  background: #F7FAF9;
  border-top: 4px solid #1CB580;
  border-radius: 12px;
  padding: 25px 30px;
  overflow: hidden;
}

.ps-detail-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: #152438;
  color: #fff;
  font-size: 20px;
}

.ps-badge {
  display: inline-block;
  background: rgba(28,181,128,.1);
  color: #159d72;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 4px 12px;
}

.ps-detail-title {
  color: #1CB580;
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 8px;
}

.ps-detail-desc {
  font-size: 15px;
  line-height: 1.6;
  color: #152438;
  margin-bottom: 20px;
}

.ps-nav {
  display: flex;
  gap: 12px;
}

.ps-btn-outline {
  background: #fff;
  border: 1px solid rgba(21,36,56,.15);
  color: rgba(21,36,56,.5);
  font-size: 13px;
  font-weight: bold;
  border-radius: 6px;
  padding: 8px 16px;
}

.ps-btn-outline:hover:not(:disabled) { color: #152438; }
.ps-btn-outline:disabled { cursor: not-allowed; opacity: .6; }

.ps-btn-green {
  background: #1CB580;
  border: 1px solid #1CB580;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  border-radius: 6px;
  padding: 8px 16px;
}

.ps-btn-green:hover:not(:disabled) {
  background: #159d72;
  border-color: #159d72;
  color: #fff;
}

.ps-btn-green:disabled {
  cursor: not-allowed;
  opacity: .4;
}

/* ---------- why outsource ---------- */
.wog-items-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.wog-items-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  height: 100%;
  min-height: 80px;
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}

.wog-items-list li .fa-check {
  color: #1CB580;
  margin-top: 2px;
  flex-shrink: 0;
}

.wog-items-list li span {
  line-height: 1.6;
}

/* ---------- checklist table ---------- */
.pm-intro-banner {
  background: linear-gradient(120deg,#152438 0%,#0f3b2e 100%);
  color: #fff;
  border-radius: 8px;
  padding: 20px 25px;
  margin-bottom: 20px;
}

.pm-checklist-table{

  tr td:nth-child(1){
    display: flex;
  }
  tr td{
    padding: 12px !important;
    border: 1px solid transparent !important;
  }

  tbody{
    tr:nth-child(even){
      background: #edf3f9;
    }
  }
  
}

.pm-intro-banner strong {
  display: block;
  margin-bottom: 6px;
}

.pm-intro-banner p {
  color: rgba(255,255,255,.7);
  margin: 0;
  font-size: 13px;
}

.pm-checklist-table th {
  background: #152438;
  color: #fff;
}

.pm-checklist-table td {
  font-size: 14px;
}

/* ---------- when to outsource ---------- */
.pm-dark-box {
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.03);
  border-radius: 10px;
  padding: 25px 30px;
  margin: 20px 0;
}

/* ---------- why choose ---------- */
.why-choose{
  .pm-whychoose-card {
    background: #fff;
    border: 1px solid rgba(21, 36, 56, .08);
    border-radius: 10px;
    padding: 20px 20px 0px;
    margin-bottom: 20px;
    height: 100%;
    width: 100%;
    p{
      margin: 0px;
    }
    p.pm-muted{
      padding: 10px 0px 0px;
    }
    h3{
      font-size: 14px;
      font-weight: 600;
      margin: 0;
    }
  }

  .row {
      display: flex;
      flex-wrap: wrap;
  }

  .pm-emoji {
    font-size: 26px;
    margin-bottom: 10px;
  }

  .row > [class*="col-"] {
      display: flex;
      margin-bottom: 30px;
  }
}

/* ---------- monthly deliverables ---------- */
.pm-deliverable {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid rgba(21,36,56,.08);
  border-radius: 8px;
  padding: 12px 15px;
  margin-bottom: 12px;
  font-size: 14px;
}

.pm-num {
  display: inline-block;
  background: #1CB580;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  border-radius: 4px;
  padding: 3px 7px;
  margin-right: 10px;
}

.pm-chev {
  margin-left: auto;
  color: rgba(21,36,56,.3);
}

/* ---------- pricing ---------- */
.pm-pricing-row { margin-top: 25px; }

.pm-price-card {
  background: #fff;
  border: 1px solid rgba(21,36,56,.08);
  border-radius: 10px;
  padding: 25px;
  text-align: center;
  margin-bottom: 20px;
}

.pm-price-card-highlighted {
  background: linear-gradient(160deg,#152438 0%,#0f3b2e 100%);
  color: #fff;
  border: 1px solid #1CB580;
}

.pm-price-card-highlighted p {
  color: rgba(255,255,255,.75);
}

.pm-price-name {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  opacity: .7;
}

.pm-price-value {
  font-size: 30px;
  font-weight: bold;
  margin: 10px 0;
}

.pm-price-unit {
  font-size: 14px;
  opacity: .6;
}

.pm-pricing-note {
  background: #1CB580;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 18px;
  margin-top: 10px;
}

/* ---------- final CTA ---------- */
.pm-final-cta {
  background: linear-gradient(120deg,#152438 0%,#0f3b2e 100%);
  color: #fff;
  border-radius: 14px;
  padding: 35px;
}

.pm-final-cta h3 {
  font-weight: bold;
  margin-top: 0;
}

.pm-final-cta p {
  color: rgba(255,255,255,.8);
}

.pm-cta-points {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
}

.pm-cta-points li {
  color: rgba(255,255,255,.85);
  font-size: 13px;
  margin-bottom: 6px;
}

.pm-cta-points i {
  color: #4ADE9A;
  margin-right: 6px;
}

.pm-final-cta-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

/* ---------- FAQ ---------- */
.pm-faq-panel {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 15px;
  border-color: rgba(21,36,56,.08);
}

.pm-faq-panel .panel-heading {
  background: #fff;
  padding: 0;
}

.pm-faq-panel .panel-heading a {
  display: block;
  padding: 15px 20px;
  font-weight: bold;
  color: #152438;
  text-decoration: none;
}

.pm-faq-panel .panel-heading a:hover {
  color: #1CB580;
}

.pm-faq-panel .panel-body {
  font-size: 13px;
  color: rgba(21,36,56,.75);
}

/* ---------- Bootstrap 3 custom fifth-column grid ---------- */
.col-sm-2-4 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}


@media (min-width: 768px) {
  .pm-services-masonry { column-count: 2; }
  .ps-tracker-line { display: block; }
  .pm-final-cta-btn-wrap {
    margin-top: 0;
    justify-content: flex-end;
  }
  .col-sm-2-4 {
    float: left;
    width: 20%;
  }
}

@media (min-width: 992px) {
  .pm-services-masonry { column-count: 3; }
  .pm-whoweserve-list-card { margin-top: 0; }

}

@media (max-width: 991px) {
  .hire_expert_bookkeepers_banner.property-management-page-bg{
    height: 100% !important;
    padding: 0px 0px 130px;
    h1{
      line-height: 1.4;
      font-size: 24px;
    }
  }
  .ai-widget{
    bottom: -100px;
  }
  .row.pm-checklist-row{
    padding: 10px;
  }
  .property-cta-box{
    flex-direction: column;
        gap: 10px;
        padding: 30px;
  }
  .pm-whoweserve-card .row{
    display: unset;
  }
  .wog-items-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .property-cta-content{
    text-align: center;
  }
  .faq-section{
    .panel-default{
      min-height: fit-content !important;
    }
  }
  .pm-heading-block h2, .pm-certified h2, .pm-software h2, .who-we-serve h2{
    font-size: 20px !important;
    line-height: 1.4;
  }
  .pm-section, .py-5 {
      padding: 30px 0 !important;
  }
  .ps-detail{
    padding: 10px !important;
  }
}

@media (max-width: 700px) {
  .pm-certified {
    .certified-list {
          gap: 10px;
          flex-wrap: wrap;
        .certified-card{
          flex: 0 0 calc(50% - 10px);
          display: flex;
          margin: 0px;
          &::after{
            display: none;
          }
        }
    }
  }
  .wog-items-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }

  .pm-final-cta .row.d-flex{
    flex-direction: column;
  }

}

@media (max-width: 500px) {
  .ps-tracker{
   .tab-content .ps-step-circle{
      display: none;
    }
  }
  .ps-detail .ps-detail-icon{
    display: none;
  }
}
    
@media (max-width: 767px) {
  .pm-software {
    .software-options {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
  }
 
  h3 {
    padding: 0px !important;
  }

  .new-ban {
    padding: 130px 0px 130px !important;
  }

}