.areas-of-speciality{
  .inner-inner {
    display: grid;
    grid-template-columns: 1fr;

    grid-template-areas:
        "top_left"
        "top_right"
        "one";

    gap:50px;

    @media(min-width: 1200px){
      grid-auto-rows: minmax(100px, auto);
      grid-template-columns: 1fr 1fr;
      grid-template-areas:
        "top_left top_right"
        "one top_right";
    }

  }
  .top-left {
    grid-area: top_left;
    .tiny-heading{
      text-transform: uppercase;
    }
  }
  .top-right { grid-area: top_right; }
  .one       { grid-area: one; }

  .fading-slider{
    position: relative;
    height:350px;
    width:350px;
    margin:0px auto;
    img{
      width:350px;
      height:350px;

      margin:0px auto;
      border-radius: 30px;
      transition: opacity 300ms ease;
      opacity:1;
      position: absolute;
      top:0px;
      &:not(.active){
        opacity: 0;
      }
    }
  }
  counter-reset: item-counter;
  .item{
    position: relative;
    counter-increment: item-counter;
    &::before {
      color:var(--blue);
      content: counter(item-counter, decimal-leading-zero);
      position: absolute;
      left: 0;
      top: 5px;
      font-weight: bold;
      font-weight: bold;
      font-size: 2em;
    }
    padding-left:50px;
    color:var(--blue);

    .small-heading{
      text-transform: uppercase;
      font-weight: bold;
    }
  }


}