.tech-story {
  padding-bottom: 0;

  .text-content {
    text-align: center;
  }

  .text-cont {
    h3 {
      font-family: $Inter;
      font-size: 40px;
      font-weight: 600;
      line-height: 81px;
      color: #000;
      @media (max-width: 1199px) {
        font-size: 30px;
        line-height: 70px;
      }
      @media (max-width: 991px) {
        font-size: 25px;
        line-height: 65px;
      }
      @media (max-width: 767px) {
        font-size: 16px;
        line-height: 35px;
      }
    }

    p {
      font-family: $Inter;
      font-size: 18px;
      font-weight: 400;
      line-height: 25px;
      color: #5F5F5F;
      margin-bottom: 0;
      @media (max-width: 1199px) {
        font-size: 18px;
        line-height: 23px;
      }
      @media (max-width: 991px) {
        font-size: 16px;
        line-height: 20px;
      }
      @media (max-width: 767px) {
        font-size: 14px;
        line-height: 22px;
      }
    }
  }

  .direction-arrow {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    @media (max-width: 767px) {
      display: none;
    }
  }

  .img-cont, .text-cont {
    margin: 5rem 0 5rem;
    @media (max-width: 991px) {
      margin: 3rem 0;
    }
    @media (max-width: 767px) {
      margin: 1rem 0;
    }
  }

  .arrow1 {
    bottom: -205px;
    right: 90px;
    @media (max-width: 1399px) {
      bottom: -165px;
      right: -40px;
    }
    @media (max-width: 1199px) {
      bottom: -145px;
      right: -10px;
      max-width: 60%;
    }
    @media (max-width: 991px) {
      bottom: -60px;
      right: 60px;
      max-width: 40%;
    }
  }

  .arrow2 {
    bottom: -180px;
    left: -150px;
    @media (max-width: 1399px) {
      bottom: -170px;
    }
    @media (max-width: 1199px) {
      bottom: -160px;
      max-width: 60%;
    }
    @media (max-width: 991px) {
      bottom: -60px;
      max-width: 40%;
    }
  }

  .arrow3 {
    bottom: -180px;
    left: -40px;
    @media (max-width: 1399px) {
      bottom: -150px;
      left: 110px;
    }
    @media (max-width: 1199px) {
      bottom: -150px;
      left: 140px;
      max-width: 60%;
    }
    @media (max-width: 991px) {
      bottom: -70px;
      left: 80px;
      max-width: 40%;
    }
  }
}