.tabImgWrap {
  .tabInnerTxt {
    position: absolute;
    width: 100%;
    max-width: 65.5%;

    left: 0;
    top: 215px;
    padding: 0 70px;
    padding-right: 10px;

    .capList {
      max-height: 512px;
      overflow: auto;
    }
  }
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ccc;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--orangeBg);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.keyBox {
  min-height: 340px;
  /* overflow: auto; */
}

.keyBoxInnerTxt {
  max-height: 240px;
  overflow-y: auto;
  padding-right: 8px;
}

.keyFY_box {
  padding: 20px;
  padding-left: 0px;
  border-radius: 0 30px 30px 0;
}

.dcaBoxWrap {
  padding: 20px;
  padding-left: 0px;
  padding-bottom: 20px;
  border-radius: 0 30px 30px 0;
  border-left: 0px;

  h4 {
    position: relative;
    margin-top: -30px;
    top: -15px;
    background-color: #fff;
    padding-right: 30px;
  }

  &::after {
    width: 17.5%;
    height: 20px;
    background-color: #fff;
    position: absolute;
    bottom: -10px;
    left: 0;
    content: "";
  }
}

.headingWrap_3 {
  .greenGradBg {
    padding: 5px 30px;
    border-radius: 30px;
  }
}

.orangeTextGrad {
  background: linear-gradient(to right, #fec84e 0%, #f79741 10%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-left: 10px;
}

.greenTextGrad {
  background: linear-gradient(to right, #309f83 0%, #b7d67b 10%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-left: 10px;
}

.dscWrap {
  .greenGradBg {
    padding: 5px 20px;
  }
}

.digital-future-1 {
  .eachNumBlockWrap {
    margin-bottom: 0px;
  }
}

.flowImg {
  position: absolute;
  width: 500px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  animation: rotate-animation 10s infinite linear;
}

@keyframes rotate-animation {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }

  50% {
    transform: translateX(-50%) rotate(180deg);
  }

  100% {
    transform: translateX(-50%) rotate(360deg);
  }
}

.debitImgOutWrap {
  .green_grad_bx {
    top: -43px;
    right: -20px;
    mix-blend-mode: multiply;
  }

  .orange_grad_bx {
    bottom: 0;
    left: -50px;
    mix-blend-mode: multiply;
    opacity: 1;
  }
}

.tabImgWrap.sticky {
  top: 70px;
}

/* Responsive */
@media (max-width: 1366px) {
  .keyBox {
    min-height: 300px;
    .keyBoxInnerTxt {
      max-height: 210px;

      p {
        font-size: 16px;
      }
    }
  }
}

@media (max-width: 1280px) {
  .tabImgWrap {
    & .tabInnerTxt {
      .capList {
        max-height: 460px;
      }
    }
  }

  .keyBox {
    padding: 15px;
  }
}

@media (max-width: 1240px) {
  .tabImgWrap {
    & .tabInnerTxt {
      .capList {
        max-height: 430px;
      }
    }
  }
}

@media (max-width: 1199px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 185px;
    }
  }
}

@media (max-width: 1140px) {
  .tabImgWrap {
    & .tabInnerTxt {
      .capList {
        max-height: 400px;
      }
    }
  }

  /* .keyBoxInnerTxt {
    height: 148px;
  } */
}

@media (max-width: 1100px) {
  .tabImgWrap {
    & .tabInnerTxt {
      .capList {
        max-height: 350px;
      }
    }
  }
}

@media (max-width: 1040px) {
  .tabImgWrap {
    & .tabInnerTxt {
      .capList {
        max-height: 295px;
      }
    }
  }
}

@media (max-width: 1024px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 172px;
      padding-left: 38px;
    }
  }

  .digital-future-1 {
    .orangeText {
      font-size: 18px;
    }

    .keyBoxInnerTxt {
      p {
        font-size: 16px;
      }
    }
  }
}

@media (max-width: 991px) {
  .tabImgWrap.sticky {
    position: static;
  }

  .dscImg.sticky {
    position: static;
  }

  .tabImgWrap {
    & .tabInnerTxt {
      top: 318px;
      padding-left: 100px;

      .capList {
        max-height: 710px;
      }
    }
  }

  .digital-future-1 .keyDigitalTxt {
    margin-top: 40px;
  }

  .eachNumBlockWrap {
    & .eachNumBlock {
      .inlineTitle {
        padding: 10px 25px 10px 0;
      }
    }
  }

  .numBotIcon {
    width: 35px;
    height: 35px;

    img {
      width: 16px;
    }
  }

  .keyBox {
    min-height: 240px;
    .keyBoxInnerTxt {
        max-height: 160px;
    }
  }
}

@media (max-width: 930px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 290px;

      .capList {
        max-height: 700px;
      }
    }
  }
}

@media (max-width: 880px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 270px;
      padding-left: 75px;

      .capList {
        max-height: 680px;
      }
    }
  }
}

@media (max-width: 840px) {
  .tabImgWrap {
    & .tabInnerTxt {
      .capList {
        max-height: 630px;
      }
    }
  }
}

@media (max-width: 800px) {
  .tabImgWrap {
    & .tabInnerTxt {
      .capList {
        max-height: 600px;
      }
    }
  }
}

@media (max-width: 768px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 250px;

      .capList {
        max-height: 580px;
      }
    }
  }
}

@media (max-width: 767px) {
  .digital-future-1 {
    .subTxtWrap {
      margin-bottom: 0;
    }
  }

  .keyBoxInnerTxt {
    height: auto;
  }

  .digit-uniqueBx {
    padding: 15px;

    h4 {
      font-size: 22px;
    }
  }

  .flowImg {
    width: 390px;
  }

  .orangeTextGrad,
  .greenTextGrad {
    font-size: 36px !important;
  }

  .digit-serv {
    font-size: 24px !important;
  }

  .eachNumBlockWrap {
    & .eachNumBlock {
      & h2 {
        .ff_rupee_n {
          font-size: 25px !important;
        }
      }
    }
  }

  .debitImg {
    margin: 15px 0;
  }

  .debitImgOutWrap {
    .orange_grad_bx {
      left: -14px;
    }
  }

  .dscWrap .row_child_1.mb_50 {
    margin-bottom: 20px !important;
  }

  .keyBox {
    min-height: auto;
    .keyBoxInnerTxt {
        max-height: 100%;
    }
  }
}

@media (max-width: 730px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 230px;

      .capList {
        max-height: 550px;
      }
    }
  }
}

@media (max-width: 700px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 220px;

      .capList {
        max-height: 530px;
      }
    }
  }
}

@media (max-width: 670px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 200px;

      .capList {
        max-height: 500px;
      }
    }
  }
}

@media (max-width: 630px) {
  .tabImgWrap {
    & .tabInnerTxt {
      .capList {
        max-height: 450px;
      }
    }
  }
}

@media (max-width: 600px) {
  .tabImgWrap {
    & .tabInnerTxt {
      padding-left: 60px;

      .capList {
        max-height: 400px;
      }
    }
  }
}

@media (max-width: 575px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 180px;
    }
  }

  .eachNumBlockWrap {
    & .eachNumBlock {
      h2 {
        font-size: 22px;

        .ff_rupee_n {
          font-size: 22px !important;
        }
      }
    }
  }

  .eachNumBlockInner {
    span.fz_24 {
      font-size: 20px !important;
    }

    .greenTextDark {
      font-size: 20px !important;
    }
  }

  .flowImg {
    width: 324px;
  }

  .orangeTextGrad,
  .greenTextGrad {
    font-size: 30px !important;
  }

  .digit-serv {
    font-size: 22px !important;
  }

  .debitImgOutWrap {
    .green_grad_bx {
      right: 0;
      width: 58px;
    }
  }

  .orange_grad_bx {
    width: 84px;
  }

  .keyFY_box {
    h4 {
      font-size: 22px;
    }
  }

  .numBotIcon {
    img {
      width: 13px;
    }
  }
}

@media (max-width: 530px) {
  .tabImgWrap {
    & .tabInnerTxt {
      .capList {
        max-height: 355px;
      }
    }
  }
}

@media (max-width: 500px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 155px;

      .capList {
        max-height: 320px;

        li {
          line-height: 1.4;
          font-size: 15px;
        }
      }
    }
  }
}

@media (max-width: 480px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 150px;

      .capList {
        max-height: 300px;
      }
    }
  }

  .keyFY_box {
    h4 {
      font-size: 20px;
    }
  }

  .dcaBoxWrap {
    h4 {
      font-size: 20px;
    }
  }

  .keyDigitalTxt {
    h4 {
      font-size: 22px;
    }
  }

  .eachNumBlockWrap {
    & .eachNumBlock {
      .inlineTitle {
        width: calc(100% - 35px);
      }
    }
  }
}

@media (max-width: 450px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 150px;

      .greenText {
        font-size: 17px !important;
      }

      .capList {
        max-height: 280px;
      }
    }
  }
}

@media (max-width: 430px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 130px;
      padding-left: 50px;

      .capList {
        max-height: 280px;
      }
    }
  }
}

@media (max-width: 400px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 115px;

      .capList {
        max-height: 250px;
      }
    }
  }
}

@media (max-width: 380px) {
  .tabImgWrap {
    & .tabInnerTxt {
      .capList {
        max-height: 225px;
      }
    }
  }
}

@media (max-width: 360px) {
  .tabImgWrap {
    & .tabInnerTxt {
      top: 115px;
      padding-left: 45px;

      .capList {
        max-height: 218px;

        li {
          padding-left: 15px;
        }
      }
    }
  }
}