@media only screen and (max-device-width: 600px) {
    .top {
      margin-top: 48px;
    }
  
    .title {
      color: var(--core-navy-h, #002A5D);
      text-align: center;
      font-family: Roboto;
      font-size: 36px;
      font-style: normal;
      font-weight: 500;
      line-height: 120%;
      text-transform: capitalize;
    }
  
    .content_body {
      width: 327px;
      margin: auto;
    }
  .tab-content {
  margin-top: 24px;
  }
    .nav-link {
      color: var(--core-teal, #1D7874);
      font-family: Roboto;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 155%;
      text-transform: capitalize;
    }
  
    .nav-link:active {
      color: var(--core-navy-h, #002A5D);
      font-family: Roboto;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 155%;
      text-transform: capitalize;
    }
    .pp-top-content h1 {
      font-family: 'Roboto';
      font-size: 36px;
      line-height: 43px;
      font-weight: 500;
      text-transform: capitalize;
      text-align: center;
      color: #002A5D;
    }
    .pp-navigation {
        overflow: auto;
        flex-direction: row !important;
        white-space: nowrap;
    }
    .pp-navigation .nav-pills {
      width: 800px;
      overflow: scroll;
      flex-direction: row !important;
      flex-wrap: unset !important;
    }
    .pp-content .nav-pills {
      max-width: 100%;
      display: flex;
      justify-content: flex-start;
      margin: unset;
      gap: 16px;
    }
    
    .pp-content {
      padding: 6.5rem 12px 1rem;
    }
  }