.app05-section {
  width: 96%;
  margin: 50px auto;
  position: relative;
}
@-webkit-keyframes waveAnimation {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 8px rgb(147, 195, 234);
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 8px rgb(147, 195, 234);
  }
  100% {
    -webkit-box-shadow: 0px 0px 0px 9px rgba(147, 195, 234, 0), 0px 0px 0px 12px rgba(147, 195, 234, 0.4), 0px 0px 0px 13px rgba(147, 195, 234, 0), 0px 0px 0px 17px rgba(147, 195, 234, 0.4);
            box-shadow: 0px 0px 0px 9px rgba(147, 195, 234, 0), 0px 0px 0px 12px rgba(147, 195, 234, 0.4), 0px 0px 0px 13px rgba(147, 195, 234, 0), 0px 0px 0px 17px rgba(147, 195, 234, 0.4);
  }
}
@keyframes waveAnimation {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 8px rgb(147, 195, 234);
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 8px rgb(147, 195, 234);
  }
  100% {
    -webkit-box-shadow: 0px 0px 0px 9px rgba(147, 195, 234, 0), 0px 0px 0px 12px rgba(147, 195, 234, 0.4), 0px 0px 0px 13px rgba(147, 195, 234, 0), 0px 0px 0px 17px rgba(147, 195, 234, 0.4);
            box-shadow: 0px 0px 0px 9px rgba(147, 195, 234, 0), 0px 0px 0px 12px rgba(147, 195, 234, 0.4), 0px 0px 0px 13px rgba(147, 195, 234, 0), 0px 0px 0px 17px rgba(147, 195, 234, 0.4);
  }
}
.app05-section .back-img {
  position: relative;
}
.app05-section .back-img img {
  width: 100%;
}
.app05-section .back-img .icon {
  width: 81px;
  height: 81px;
  position: absolute;
  right: 13%;
  top: 27%;
  border-radius: 50%;
  -webkit-animation: waveAnimation 2s infinite;
          animation: waveAnimation 2s infinite;
}
@media screen and (min-width: 1701px) and (max-width: 2000px) {
  .app05-section .back-img .icon {
    right: 14.5%;
    top: 31%;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1700px) {
  .app05-section .back-img .icon {
    right: 14%;
    top: 30%;
  }
}
.app05-section .text {
  padding: 96px 48px;
  border-radius: 16px;
  background: #FFF;
  width: 35%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 8%;
}
@media screen and (min-width: 991px) and (max-width: 1150px) {
  .app05-section .text {
    padding: 24px 24px;
  }
}
@media screen and (min-width: 1151px) and (max-width: 1400px) {
  .app05-section .text {
    padding: 36px 48px;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1600px) {
  .app05-section .text {
    padding: 56px 48px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1150px) {
  .app05-section .text {
    width: 43% !important;
    left: 3% !important;
  }
}
.app05-section .text .title {
  color: var(--1, #323336);
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 46px;
  margin-bottom: 24px;
}
.app05-section .text .sub-title {
  color: var(--1, #323336);
  font-size: 20px;
  font-style: normal;
  font-weight: 350;
  margin-bottom: 38px;
}
.app05-section .text .desc {
  color: var(--1, #323336);
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  opacity: 0.5;
}

@media screen and (max-width: 991px) {
  .app05-section {
    padding: 40px 0;
    width: 92%;
    margin: 0 auto;
  }
  .app05-section .img-mob img {
    width: 100%;
  }
  .app05-section .img-mob .icon {
    width: 38px;
    height: 38px;
    position: absolute;
    right: 12%;
    top: 24%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 0px -20px #93c3ea;
            box-shadow: 0px 0px 0px -20px #93c3ea;
    -webkit-animation: waveAnimation 1.5s infinite;
            animation: waveAnimation 1.5s infinite;
  }
}
@media screen and (max-width: 991px) and (min-width: 701px) and (max-width: 991px) {
  .app05-section .img-mob .icon {
    right: 15%;
    top: 28%;
  }
}
@media screen and (max-width: 991px) and (min-width: 601px) and (max-width: 700px) {
  .app05-section .img-mob .icon {
    right: 14%;
    top: 27%;
  }
}
@media screen and (max-width: 991px) and (min-width: 500px) and (max-width: 600px) {
  .app05-section .img-mob .icon {
    right: 12%;
    top: 26%;
  }
}
@media screen and (max-width: 991px) and (min-width: 300px) and (max-width: 400px) {
  .app05-section .img-mob .icon {
    right: 9%;
    top: 21%;
  }
}
@media screen and (max-width: 991px) {
  .app05-section .text {
    padding: 24px 0px;
    border-radius: 16px;
    width: 86%;
    margin: 0 auto;
    position: unset;
    -webkit-transform: unset;
            transform: unset;
  }
  .app05-section .text .title {
    color: var(--1, #323336);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 16px;
  }
  .app05-section .text .sub-title {
    color: var(--1, #323336);
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    margin-bottom: 16px;
  }
  .app05-section .text .desc {
    color: var(--1, #323336);
    font-size: 14px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    opacity: 0.5;
  }
}