.technology ul.list-wrap li {

    width: 100%;

}

.technology span.img-wrapper {

  width: 100%;

  max-width: 800px;

}

.technology{

    background: url(../images/services/app5-sectionbg2.png);

}

.Mobile-Application{



    background: #fcf9fd;

}

.Web{

    background: #fffff7;

}

.ui-ux{

    background: #e8f1f1;

}

.token{

width: 70px;

height: 70px;

display: block;

color: #fff;

display: flex;

justify-content: center;

align-items: center;

border-radius: 100%;

}

.ui-ux span.token{

    background: #22babb;

    border-color: #fff;

    border: 10px solid #d4e5e5;

    font-weight: 600;

}

.Web span.token{

    background: #dda705; 

    border: 10px solid #d4e5e5;

    border-color: #fdefc5;  

}



.Mobile-Application span.token{

    background: #77009f;

    border: 10px solid #d4e5e5;

    border-color: #e5d3eb; 

}

.technologies span.token,

.ai span.token

{



    background: #069775;

    border: 10px solid #069775;

    border-color: #cfedd6;



}



/* =========== animation for circle=================== */

.blob {

    background: black;

    border-radius: 50%;

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);

    margin: 10px;

    height: 70px;

    width: 70px;

    transform: scale(1);

    animation: pulse-black 2s infinite;

  }

  

  @keyframes pulse-black {

    0% {

      transform: scale(0.95);

      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);

    }

    

    70% {

      transform: scale(1);

      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);

    }

    

    100% {

      transform: scale(0.95);

      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

    }

  }



    .blob.yellow {

    background: rgba(255, 177, 66, 1);

    box-shadow: 0 0 0 0 rgba(255, 177, 66, 1);

    animation: pulse-yellow 2s infinite;

  }

  @keyframes pulse-yellow {

    0% {

      transform: scale(0.95);

      box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);

    }

    

    70% {

      transform: scale(1);

      box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);

    }

    

    100% {

      transform: scale(0.95);

      box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);

    }

  }



  .blob.green {

    background: rgba(51, 217, 178, 1);

    box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);

    animation: pulse-green 2s infinite;

  }

  

  @keyframes pulse-green {

    0% {

      transform: scale(0.95);

      box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);

    }

    

    70% {

      transform: scale(1);

      box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);

    }

    

    100% {

      transform: scale(0.95);

      box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);

    }

  }

  



  .blob.purple {

    background: rgba(142, 68, 173, 1);

    box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);

    animation: pulse-purple 2s infinite;

  }

  

  @keyframes pulse-purple {

    0% {

      transform: scale(0.95);

      box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);

    }

    

    70% {

      transform: scale(1);

      box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);

    }

    

    100% {

      transform: scale(0.95);

      box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);

    }

  }



  /* ========== mediaquery====================================== */



@media(max-width:991px){

  .ai .order{

    order: 2;

  }

}

  @media(max-width:580px){

    .order{

      order:2;

    }

    .common-padding{

      padding-top:20px;

    }

  }



  /* ========================================================== */