.featured-perspectives {
    position: relative;
    margin-top: 80px;
    margin-bottom: 80px;
    overflow: hidden;
  }
  .featured-perspectives .content-area .title-area {
    margin-bottom: 40px;
  }
  .featured-perspectives .content-area .featured-perspectives-container {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px;
  }
  .featured-perspectives .content-area .featured-perspectives-container .content-box {
    flex: 0 0 calc((100% - 40px) / 3);
    max-width: calc((100% - 40px) / 3);
    position: relative;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    overflow: hidden;
  }
  @media (max-width: 991.98px) {
    .featured-perspectives .content-area .featured-perspectives-container .content-box {
      flex: 0 0 calc((100% - 20px) / 2);
      max-width: calc((100% - 20px) / 2);
    }
  }
  @media (max-width: 767.98px) {
    .featured-perspectives .content-area .featured-perspectives-container .content-box {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  .featured-perspectives .content-area .featured-perspectives-container .content-box .image-area {
    width: 100%;
    height: 194px;
    position: relative;
  }
  @media (max-width: 767.98px) {
    .featured-perspectives .content-area .featured-perspectives-container .content-box .image-area {
      height: 168px;
    }
  }
  .featured-perspectives .content-area .featured-perspectives-container .content-box .image-area.no-overlay::after {
    display: none;
  }
  .featured-perspectives .content-area .featured-perspectives-container .content-box .image-area img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .featured-perspectives .content-area .featured-perspectives-container .content-box .image-area::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/founder-stories-img-overlay.png);
    background-size: cover;
    background-position: center;
  }
  .featured-perspectives .content-area .featured-perspectives-container .content-box .text-area {
    padding: 20px;
  }
  .featured-perspectives .content-area .featured-perspectives-container .content-box .text-area .meta {
    display: flex;
    flex-wrap: wrap;
  }
  .featured-perspectives .content-area .featured-perspectives-container .content-box .text-area .meta h6 {
    color: #207552;
    text-transform: uppercase;
    border-right: 1px solid #e0e0e0;
    padding-right: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .featured-perspectives .content-area .featured-perspectives-container .content-box .text-area .meta h6:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
  }
  .featured-perspectives .content-area .featured-perspectives-container .content-box .text-area h5 {
    margin-bottom: 20px;
    color: #545454;
  }
  @media (max-width: 767.98px) {
    .featured-perspectives .content-area .featured-perspectives-container .content-box .text-area h5 {
      margin-bottom: 0;
    }
  }
  .featured-perspectives .content-area .featured-perspectives-container .content-box .text-area p {
    margin-bottom: 0;
    color: #545454;
  }
  @media (max-width: 767.98px) {
    .featured-perspectives .content-area .featured-perspectives-container .content-box .text-area p {
      display: none;
    }
  }
  .featured-perspectives .content-area .featured-perspectives-container .content-box .link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
  }

  .wp-block-acf-featured-perspectives .featured-perspectives .content-area {
    position: relative;
    width: 1240px;
    max-width: 100%;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .wp-block-acf-featured-perspectives .featured-perspectives .content-area h3 {
    font-family: "Acta";
    color: #207552;
    font-size: 48px;
    line-height: 57.6px;
    font-weight: 50;
    margin-bottom: 16px;
    margin-top: 0;
  }

  .wp-block-acf-featured-perspectives .featured-perspectives .content-area .featured-perspectives-container .content-box .text-area .meta h6 {
    margin-top: 0;
    font-family: "TT Commons Pro Variable";
    font-weight: 490;
    font-size: 14px;
    line-height: 17.5px;
    letter-spacing: 2px;
  }

  .wp-block-acf-featured-perspectives .featured-perspectives .content-area .featured-perspectives-container .content-box .text-area h5 {
    font-family: "Acta";
    font-weight: 50;
    font-size: 24px;
    line-height: 28.8px;
    margin-top: 0;
  }

  .wp-block-acf-featured-perspectives .featured-perspectives .content-area .featured-perspectives-container .content-box .text-area p {
    font-size: 18px;
    font-weight: 420;
    font-family: "TT Commons Pro Variable";
    line-height: 26px;
  }

  .featured-perspectives .wp-block-button__link.wp-element-button {
    display: inline-flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: 14px;
    line-height: 17.5px;
    letter-spacing: 2px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    padding: 11px 24px;
    font-family: "TT Commons Pro Variable";
    font-weight: 420;
  }

   .featured-perspectives .wp-block-button__link.wp-element-button::after {
    background-image: url(../../assets/images/button-arrow-dark.png);
    width: 32px;
    height: 16px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    background-size: contain;
    transition: all 0.35s;
    flex-shrink: 0;
  }

   .featured-perspectives .wp-element-button:hover,  .featured-perspectives .wp-block-button__link.wp-element-button:hover {
    background-color: #ffffff !important; 
    color: #000 !important;
  }

  @media (min-width: 991.98px) {

    .featured-perspectives .content-area .featured-perspectives-container .content-box {
      transition: transform 1.4s, top .35s, box-shadow .35s;
      top: 0;
    }

    .featured-perspectives .content-area .featured-perspectives-container .content-box:hover {
        top: -4px;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    }

    
  }