.navs-headings {
      display: block;
      position: absolute;
      bottom: 40px;
      left: 12px;
      width: 455px;
      transform: rotate(-90deg);
      transform-origin: left center;
      background: #fff;
      padding: 0 10px;
      font-weight: bold;
      text-align: center;
      line-height: 1;
    }

    .navs-headings3 {

      bottom: 78px !important;

      width: 345px !important;

    }

    .navs-headings4 {
      bottom: unset !important;
      width: 215px !important;
      left: 4px !important;
      top: 55%;
    }

    .nav-sect4 {
      /* height: unset!important; */
    }

    .nav-sect5 {
      height: unset !important;
      margin-top: 25px;
    }


    .fin-performance-bg i {
      font-size: 18px;
    }

    .navs-headings a {
      text-decoration: none !important;
    }

    .fin-performance-bg-last {
      padding-right: 10px !important;
    }




    .navg-child-cont-img {
      margin-top: 15px;
    }

    .navg-child-img {
      margin-bottom: 5px;
    }

    .nav-sect-child {
      margin-top: 20px;
      margin-left: 25px;
    }

    .nav-sect-child-img {
      margin-top: 15px;
    }

    .navg-child-cont {
      text-align: center;
    }

    .navg-child-text {
      font-weight: bold;
      margin-bottom: 0;
      font-size: 13px;
      line-height: 1;
    }

    .navg-left {
      display: flex !important;
      flex-direction: column;
      align-items: center;
    }

    .navg-middle {
      display: flex !important;
      flex-direction: column;
      flex-wrap: wrap !important;
      align-items: center;
    }

    .navg-right {
      display: flex !important;
      flex-direction: column;
      flex-wrap: wrap !important;
      align-items: center;
    }



    .navg-child {
      border: 1px solid grey;
      border-radius: 5px;
      padding: 3px;
      padding-top: 9px;
      position: relative;
      width: 46px;
      margin-bottom: 5px;
    }

    .navg-mm {
      background: #fff;
      padding: 0 3px;
      position: absolute;
      top: -9px;
      left: 50%;
      transform: translate(-50%, 0);
      font-weight: bold;
      font-size: 12px;
    }

    .navg-yellow {
      background: #FFCC01;
      border-radius: 6px;
      width: 38px;
      height: 38px;
      padding: 2px;
    }

    .navg-black {
      background: #000 !important;
    }

    .navg-white {
      border: 1px solid #fff;
      border-radius: 5px;
      position: relative;
      width: 34px;
      height: 34px;
    }

    .navg-white span {
      font-weight: bold;
      font-size: 22px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .link-line {
      position: absolute;
      right: -43px;
      top: 50%;
      transform: translateY(-50%);
      width: 31px;
    }


    .navg-right {
      margin-right: 0;
    }


    .fin-performance-bg {
      position: relative;
      background-color: #ffcb05;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      border-top-left-radius: 7px;
      padding: 12px 20px;
      font-size: 17px;
      font-weight: 600;
      display: inline-block;
      padding-right: 60px;
      line-height: 1;
      margin-bottom: 20px;
      box-shadow: -11px 20px 20px -17px #6d6565;
    }

    .fin-performance-bg {
      &::before {
        position: absolute;
        content: '';
        background-image: url(../images/fin-performance-bg.jpg);
        background-repeat: no-repeat;
        background-size: 13px;
        height: 55px;
        width: 30px;
        bottom: -24px;
        left: 0px;
      }
    }

    .nav-sect {
      height: 100%;
      position: relative;
    }


    .nav-sect::before {
      content: "";
      position: absolute;
      height: 100%;
      width: 2px;
      left: 12px;
      top: 0;
      border: 1px solid #E6E7E9;
    }


.sus-bg-sec p {line-height: 1.2;}

.sus-bg-sec {
    background-image: url(../images/sus-goals-bg.png);
    padding-left: 210px;
    background-size: cover;
    background-position: top;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 10px;
    position: relative;
}

.sus-bg-sec::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: #00000057;
}

  .sus-greay-block{    
    background: #D1D2D4;
    padding: 14px;
    border-radius: 17px;}

.sus-goals {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translate(0 , -50%);
}

    @media screen and (max-width:1320px) {
      .navg-white {
        /* padding: 25px 20px; */
      }
    }

    @media screen and (max-width:1199px) {
      .navg-right {
        margin-left: 0;
      }

      .navg-child-cont {
        margin-right: 0;
      }

      .link-line {
        display: none
      }

      .navg-child-cont {
        margin-top: 20px;
      }


      .nav-sect {
        height: unset;
        padding-bottom: 30px;
        margin-bottom: 20px;
      }
    }

    @media screen and (max-width:767px) {

      .navs-headings {
        display: block;
        position: unset;
        bottom: unset;
        left: unset;
        width: unset;
        transform: unset;
        transform-origin: unset;
        background: #fff;
        padding: 0 10px;
        font-weight: bold;
      }
    }


    @media screen and (max-width: 575px) {
      .sus-bg-sec {
        position: unset;
        padding-left: unset;
        padding: 18px;
        background-size: cover;
        background-repeat: no-repeat;
      }

      .sus-goals {
        position: unset;
        left: unset;
        top: unset;
        transform: unset;
        margin-bottom: 15px;
      }
    }