/********Loading css animation**********/
.loader {
        position: relative;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin: 5px;
        display: inline-block;
        vertical-align: middle;
    }
    /*LOADER-7*/
    .loader-7 .line {
        width: 6px;
        position: absolute;
        border-radius: 3px;
        bottom: 5px;
        background: -webkit-gradient(linear, left top, left bottom, from(#1ee95d), to(#5714ce));
        background: -webkit-linear-gradient(top, #1ee95d, #5714ce);
        background: -o-linear-gradient(top, #1ee95d, #5714ce);
        background: linear-gradient(to bottom, #1ee95d, #5714ce);
    }
    
    .loader-7 .line1 {
        left: 0;
        -webkit-animation: line-grow 0.5s ease alternate infinite;
        animation: line-grow 0.5s ease alternate infinite;
    }
    
    .loader-7 .line2 {
        left: 15px;
        -webkit-animation: line-grow 0.5s 0.2s ease alternate infinite;
        animation: line-grow 0.5s 0.2s ease alternate infinite;
    }
    
    .loader-7 .line3 {
        left: 30px;
        -webkit-animation: line-grow 0.5s 0.4s ease alternate infinite;
        animation: line-grow 0.5s 0.4s ease alternate infinite;
    }
    /* ----------------     KEYFRAMES    ----------------- */
    @-webkit-keyframes line-grow {
        0% {
            height: 0;
        }
        100% {
            height: 75%;
        }
    }
    
    @keyframes line-grow {
        0% {
            height: 0;
        }
        100% {
            height: 75%;
        }
    }
/***************************************/
/*****************Live call css animation***********/
.spinner-eff {
  position: relative;
  width: 50px;
  height: 50px;
}
.spinner-eff:before, .spinner-eff:after {
  content: "";
  display: block;
}
.spinner-eff .spinner-bar:before, .spinner-eff .spinner-bar:after {
  content: "";
  display: block;
}
@keyframes pulse {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.3);
    opacity: 0;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}

@keyframes pulse-2 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}

/* line 348, C:/Users/waqar/Desktop/sass/scss/abc.scss */
.spinner-eff.spinner-eff-3 .circle {
  border-radius: 100px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(1);
  transform-origin: center center;
}

/* line 355, C:/Users/waqar/Desktop/sass/scss/abc.scss */
.spinner-eff.spinner-eff-3 .circle-1 {
  width: 100%;
  height: 100%;
  background-color: #60f691;
  top: 0;
  animation: pulse 1.6s linear 0s infinite;
}

/* line 363, C:/Users/waqar/Desktop/sass/scss/abc.scss */
.spinner-eff.spinner-eff-3 .circle-2 {
  width: 66.6%;
  height: 66.6%;
  background-color: #0CCA4A;
  top: 16.5%;
  animation: pulse-2 1.6s linear 0s infinite;
}

/* line 371, C:/Users/waqar/Desktop/sass/scss/abc.scss */
.spinner-eff.spinner-eff-3 .circle-3 {
  width: 33.3%;
  height: 33.3%;
  background-color: #0CCA4A;
  top: 33.3%;
}

/*****************************************************/