#featured-practice-areas {
  padding: 88px 95px 0px 95px; }
  @media (max-width: 1279px) {
    #featured-practice-areas {
      padding: 88px 40px 0px 40px; } }
  @media (max-width: 767px) {
    #featured-practice-areas {
      padding: 65px 20px 0px 20px; } }
  #featured-practice-areas .practice-areas-inner {
    max-width: 1250px;
    margin: 0 auto 0 auto; }
    #featured-practice-areas .practice-areas-inner .pa-grid {
      display: flex;
      flex-wrap: wrap; }
      #featured-practice-areas .practice-areas-inner .pa-grid .pa-box.personal-injury {
        flex-basis: 33.333%;
        text-align: center;
        margin-bottom: 100px;
        cursor: pointer; }
        @media (max-width: 1279px) {
          #featured-practice-areas .practice-areas-inner .pa-grid .pa-box.personal-injury {
            flex-basis: 50%;
            margin-bottom: 80px; } }
        @media (max-width: 767px) {
          #featured-practice-areas .practice-areas-inner .pa-grid .pa-box.personal-injury {
            flex-basis: 100%; } }
        #featured-practice-areas .practice-areas-inner .pa-grid .pa-box.personal-injury .pa-box-inner {
          padding: 0px 20px; }
          #featured-practice-areas .practice-areas-inner .pa-grid .pa-box.personal-injury .pa-box-inner .icon-wrapper {
            margin-bottom: 50px; }
            #featured-practice-areas .practice-areas-inner .pa-grid .pa-box.personal-injury .pa-box-inner .icon-wrapper svg g g {
              fill: rgba(var(--tertiaryColor), 1); }
          #featured-practice-areas .practice-areas-inner .pa-grid .pa-box.personal-injury .pa-box-inner .pa-title {
            font-family: var(--muli);
            font-weight: var(--extraBold);
            font-size: 2rem;
            line-height: 3rem;
            letter-spacing: 3px;
            color: rgba(var(--primaryColor), 1);
            text-transform: uppercase;
            transition: color 0.5s cubic-bezier(0.17, 0.66, 0.34, 0.98); }
        #featured-practice-areas .practice-areas-inner .pa-grid .pa-box.personal-injury .pa-modal-content {
          display: none; }
        #featured-practice-areas .practice-areas-inner .pa-grid .pa-box.personal-injury:hover .pa-box-inner .pa-title {
          color: rgba(var(--tertiaryColor), 1); }
          @media (max-width: 1279px) {
            #featured-practice-areas .practice-areas-inner .pa-grid .pa-box.personal-injury:hover .pa-box-inner .pa-title {
              color: rgba(var(--primaryColor), 1); } }
      #featured-practice-areas .practice-areas-inner .pa-grid .pa-box.criminal-law {
        flex-basis: 33.333%;
        text-align: center;
        margin-bottom: 120px; }
        #featured-practice-areas .practice-areas-inner .pa-grid .pa-box.criminal-law .pa-box-inner {
          padding: 0px 20px; }
          #featured-practice-areas .practice-areas-inner .pa-grid .pa-box.criminal-law .pa-box-inner .pa-title {
            font-family: var(--muli);
            font-weight: var(--extraBold);
            font-size: 2rem;
            line-height: 3rem;
            letter-spacing: 3px;
            color: rgba(var(--primaryColor), 1);
            text-transform: uppercase;
            transition: color 0.5s cubic-bezier(0.17, 0.66, 0.34, 0.98); }
        #featured-practice-areas .practice-areas-inner .pa-grid .pa-box.criminal-law:hover .pa-box-inner .pa-title {
          color: rgba(var(--tertiaryColor), 1); }

#page-container.pa-list {
  background-color: rgba(var(--lightGrey), 1); }
  #page-container.pa-list .pa-list-inner {
    max-width: 1290px;
    margin: 0 auto 0 auto; }
    #page-container.pa-list .pa-list-inner .title {
      font-family: var(--muli);
      font-weight: var(--regular);
      font-size: 6.5rem;
      line-height: 8.1rem;
      text-transform: capitalize;
      text-align: center;
      margin-bottom: 75px; }
      @media (max-width: 767px) {
        #page-container.pa-list .pa-list-inner .title {
          margin-bottom: 50px;
          font-size: 5rem;
          line-height: 6rem; } }
    #page-container.pa-list .pa-list-inner ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      #page-container.pa-list .pa-list-inner ul li {
        height: 100%;
        padding: 20px 0;
        flex-basis: 33.333%;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media (max-width: 1279px) {
          #page-container.pa-list .pa-list-inner ul li {
            flex-basis: 50%; } }
        @media (max-width: 767px) {
          #page-container.pa-list .pa-list-inner ul li {
            flex-basis: 100%; } }
        #page-container.pa-list .pa-list-inner ul li a {
          font-family: var(--muli);
          font-weight: var(--extraBold);
          font-size: 2rem;
          line-height: 4rem;
          color: rgba(var(--secondaryColor), 1);
          text-transform: uppercase;
          letter-spacing: 1.5px;
          padding: 0px 20px 0px 20px;
          transition: color 0.5s cubic-bezier(0.17, 0.66, 0.34, 0.98);
          display: block;
          text-align: center; }
          @media (max-width: 767px) {
            #page-container.pa-list .pa-list-inner ul li a {
              padding: 0px 0px 0px 0px; } }
          #page-container.pa-list .pa-list-inner ul li a:hover {
            color: rgba(var(--primaryColor), 1); }
            @media (max-width: 1279px) {
              #page-container.pa-list .pa-list-inner ul li a:hover {
                color: rgba(var(--secondaryColor), 1); } }