.shrub-nearby-cities {
  padding: 69px 0 160px;
  background-color: #fff;
  position: relative;
  overflow: hidden; }
  .shrub-nearby-cities::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 90%;
    background-image: url(https://greenpal-production.s3.us-east-1.amazonaws.com/images/shrub-pruning/real-experience-from-gp-users-bg.svg);
    background-repeat: no-repeat, repeat-x;
    background-position: right bottom, left bottom;
    background-size: 100%;
    pointer-events: none;
    z-index: 4; }
  .shrub-nearby-cities .shrub-nearby-container {
    max-width: 1109px;
    margin: 0 auto;
    position: relative;
    z-index: 2; }
  .shrub-nearby-cities .shrub-nearby-main-title {
    text-align: center;
    font-family: ProximaNova-Bold;
    margin-bottom: 32px;
    font-size: 48px;
    font-weight: 700;
    line-height: 54px; }
  .shrub-nearby-cities .shrub-nearby-grid {
    gap: 75px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 581px;
    margin: 0 auto; }
    @media (max-width: 1024px) {
      .shrub-nearby-cities .shrub-nearby-grid {
        gap: 50px;
        padding: 0 40px; } }
    @media (max-width: 767px) {
      .shrub-nearby-cities .shrub-nearby-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 0 20px;
        text-align: center; } }
  .shrub-nearby-cities .shrub-nearby-col {
    max-width: 268px;
    padding-right: 5px; }
    .shrub-nearby-cities .shrub-nearby-col h3 {
      font-family: ProximaNova-Bold;
      font-size: 16px;
      font-weight: 700;
      line-height: 18px;
      margin-bottom: 9px; }
    .shrub-nearby-cities .shrub-nearby-col ul {
      list-style: none;
      padding: 0;
      margin: 0;
      margin-bottom: 12px; }
    .shrub-nearby-cities .shrub-nearby-col a {
      color: #373737;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 32px;
      opacity: 0.6;
      text-decoration: none; }
      .shrub-nearby-cities .shrub-nearby-col a:hover {
        text-decoration: underline;
        opacity: 1; }
    .shrub-nearby-cities .shrub-nearby-col .shrub-show-more {
      cursor: pointer;
      font-family: ProximaNova-Semibold;
      color: #0091FF;
      font-size: 14px;
      font-weight: 600;
      line-height: normal;
      display: inline-block; }
      .shrub-nearby-cities .shrub-nearby-col .shrub-show-more:hover {
        text-decoration: underline; }
    .shrub-nearby-cities .shrub-nearby-col .shrub-nearby-hidden {
      display: none; }
    .shrub-nearby-cities .shrub-nearby-col .shrub-nearby-toggle-checkbox:checked ~ ul .shrub-nearby-hidden {
      display: block; }
    .shrub-nearby-cities .shrub-nearby-col .shrub-nearby-toggle-checkbox:checked ~ .shrub-show-more .show-more-text {
      display: none; }
    .shrub-nearby-cities .shrub-nearby-col .shrub-nearby-toggle-checkbox:not(:checked) ~ .shrub-show-more .show-less-text {
      display: none; }
  .shrub-nearby-cities .shrub-mascot {
    position: absolute;
    right: 0;
    bottom: -24%;
    z-index: 1; }

@media screen and (min-width: 951px) and (max-width: 1200px) {
  .shrub-nearby-cities .shrub-mascot {
    bottom: -12%;
    width: 200px; } }

@media screen and (min-width: 768px) and (max-width: 950px) {
  .shrub-nearby-cities .shrub-mascot {
    bottom: -16%;
    width: 200px; } }

@media (max-width: 767px) {
  .shrub-nearby-cities::before {
    bottom: -100px;
    height: 100%;
    background-image: url(https://greenpal-production.s3.us-east-1.amazonaws.com/images/shrub-pruning/nearby-cities-section-bg.svg); }
  .shrub-mascot-mobile {
    position: absolute;
    right: 0; }
  .shrub-nearby-cities {
    padding: 50px 0 46%; }
    .shrub-nearby-cities .shrub-nearby-main-title {
      padding-inline: 31.5px;
      font-size: 38px;
      line-height: normal;
      margin-bottom: 30px; }
    .shrub-nearby-cities .shrub-nearby-col {
      max-width: 100%;
      padding: 0 50px; }
      .shrub-nearby-cities .shrub-nearby-col br {
        display: none; }
      .shrub-nearby-cities .shrub-nearby-col h3 {
        text-align: center;
        font-size: 16px;
        line-height: 22px; }
      .shrub-nearby-cities .shrub-nearby-col ul {
        text-align: center; } }