div.arrow {
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    position: absolute;
    left:50%;
    top:50%;
    transform: rotate(45deg) translateX(-50%);
  }
  div.arrow::before {
    content: '';
    width: 100%;
    height: 100%;
    border-width: 5px 5px 0 0;
    border-style: solid;
    border-color: #347553;
    transition: .2s ease;
    display: block;
    transform-origin: 100% 0;
  }
  div.arrow:after {
    content: '';
    float: left;
    position: relative;
    top: -100%;
    width: 100%;
    height: 100%;
    border-width: 0 4px 0 0;
    border-style: solid;
    border-color: #347553;
    transform-origin: 100% 0;
    transition: .2s ease;
  }
  div.arrow:hover::after {
    transform: rotate(45deg) translate(2px,2px);
    /* border-color: #347553; */
    height: 120%;
    
  }
  div.arrow:hover::before {
    /* border-color: #347553; */
    transform: scale(0.8);
  }

  .arrow_wrap{
    position: absolute;
    bottom:5px;
    left: 50%;
    transform: translateX(-50%);
    
  }

  .other_services{
    top: 50%;
    left: 55px;
    cursor: pointer;
    bottom: unset;
  }
  .other_services_text{
    position: absolute; 
    left: -40px;
    bottom:-140px; 
    font-weight: bold;
  }
  @media screen and (max-width: 991px){
        .other_services{
            top:70px;
            width:100%;
            transform:unset;
            left:unset;
        }
        .mob_adj_3{
            transform:unset !important;
            transform: rotate(45deg) translateX(-100%) !important;
        }
        .mob_adj_4{
            width: 100%;
            left: -15px;
            text-align:center;
            bottom:-100px; 
        }

    }
/*  box-sizing: border-box;
position: absolute;

width: 100%;
left: -15px;
bottom: -140px;
font-weight: bold;
text-align: center;*/