.featured-blocks {

  .section-headingbox {}
  .featured-blocks-slider {

    .swiper-button-prev, .swiper-button-next {top: -8%; height: 52px; width: 52px;}
    @media screen and (max-width: 767px) {
      .swiper-button-prev, .swiper-button-next {display: none;}
    }
    .swiper-button-prev {left: auto; right: 70px;}
    .swiper-button-next {}

    .swiper-wrapper {
      display: flex;
      align-items: stretch;

      .swiper-slide {
        height: auto;
        display: flex;
        align-items: stretch;
        /*width: 365px !important;*/
        /*flex: 0 0 auto !important;*/
        
        width: 365px;
        height: 200px;
        flex-shrink: 0;

        .featured-block {
          display: flex;
          flex-direction: column;
          flex: 1;
          height: 100%;
          max-width: 365px;
          overflow: hidden;
          border-radius: 1rem;
          border: 1px solid #EEC1A2;
          height: 200px;
    
          .featured-block__inner {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            flex-grow: 1;
            width: 100%;
            padding: 2rem;
            overflow: hidden;
    
            .featured-block__content {
              max-width: 60%; /* tbc */
              display: flex;
              flex-direction: column;
              justify-content: flex-start;
              height: 100%;
            
              .featured-block__headline {
                font-family: 'Almeria';
                font-size: 2rem;
                font-weight: 700;
                margin-bottom: 0.5rem;
                /*text-shadow: 0.3px 0 currentColor, -0.3px 0 currentColor;*/ /* this will create a bold effect */
              }
              .featured-block__tagline {
                font-size: 1.8rem;
                margin: 1rem 0;
              }
              .featured-block__button {
                text-decoration: none;
                background: #446049;
                color: #f8ecdc !important;
                box-shadow: none;
                border-radius: 50px;
                border: none !important;
                font-size: 17px;
                display: inline-block;
                height: 45px;
                padding: 0px 25px;
                line-height: 45px;
                text-align: center;
                font-family: 'Montserrat' !important;
                margin-top: auto;
                align-self: flex-start;

                &:hover {background: #334136;}
              }
              .featured-block__image {
                max-width: 35%;
              }
              .featured-block__image img {
                width: 100%;
                height: auto;
                display: block;
              }
            }
          }
        }
        .featured-block[data-link] {
          cursor: pointer;

          &:hover {
            opacity: 0.95;
            transition: opacity 0.2s ease-in-out;
          }
        }
      }
    }
  }
}