.featured-vertical{
      padding: 70px 0;
}
.feature-block__icon img {
    width: 60px;
    height: auto;
    padding: 0.625em 0 0 0;
}
.featured-vertical__heading h2 {
    color: var(--color-yellow);
  margin-bottom: 20px;
}
.featured-vertical__sub-heading, .featured-vertical__sub-heading p,
.feature-block__content h3,
.feature-block__content p{
    color: var(--color-off-white);
}
.feature-block__content h3{
  margin-bottom: 16px;
}
.featured-vertical__sub-heading {
    position: relative;
    padding: 0 0 0 26px;
  margin: 0 0 0 15px;
}
.featured-vertical__sub-heading:before {
width: 20px;
    height: 20px;
    background: var(--color-yellow);
    content: "";
    position: absolute;
    bottom: -10px;
    left: -10px;
    border-radius: 50%;
    z-index: 2;
}
.featured-vertical__sub-heading:after {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    left: 0;
    top: 10px;
    background: var(--color-off-white);
    z-index: 1;
}
.featured-vertical__content {
    display: flex;
  flex-direction: column;
      align-items: flex-start;
      padding: 0 1.875em;
}
.featured-vertical__content > div {
    flex: 1;
}
.feature-block__wrapper {
    display: flex;
    align-items: flex-start;
      margin: 0 0 40px 0;
      flex-direction: column;
}
.feature-block__icon {
    width: 60px;
    margin: 0 1.5em 1em 0;
}
.feature-block__content {
    width:100%;
}
.featured-vertical__sub-heading p {
    padding: 0;
    font-weight: 500;
    letter-spacing: -0.017em;
    font-size: 20px;
    line-height: 170%;
}
.featured-vertical__heading__wrapper {
    padding: 0;
}
.feature-block__wrapper:last-child {
    margin: 0;
}
.featured-vertical__heading {
    margin: 0 0 2.5em 0;
}

{# media queries #}

@media (min-width:768px){
.featured-vertical__content {
    flex-direction: row;
  }
  .featured-vertical__heading {
    position: sticky;
    top: 2.5em;
}
  .feature-block__content {
    width: calc(100% - 92px);
}
  .feature-block__icon {
    margin: 0 2.5em 0 0;
}
  .feature-block__wrapper {
    flex-direction: row;
}
  .featured-vertical__heading__wrapper {
    padding: 0 3em 0 0;
}
  .featured-vertical{
  padding:6.25em 0;
}
.featured-vertical__sub-heading p {
    font-size: 24px;
  }
.feature-block__content h3{
  margin-bottom: 24px;
}  
.featured-vertical__sub-heading {
    padding: 0 0 0 37px;
}  
.featured-vertical__heading h2 {
  margin-bottom: 40px;
}  
 .featured-vertical__sub-heading p {
    padding: 0 0 1.5em 0;
} 
}