.application-content {
  background-color: #F5F8FA;
}
.application-content .application-text {
  font-size: 18px;
}
@media (max-width: 991.98px) {
  .application-content .application-text {
    width: 100% !important;
  }
}
.application-content h2 {
  font-size: 26px !important;
}
@media (max-width: 767.98px) {
  .application-content h2 {
    font-size: 20px !important;
  }
}
.application-content p {
  font-size: 16px !important;
}
@media (max-width: 767.98px) {
  .application-content p {
    font-size: 14px !important;
  }
}
.application-content .application-image-badge {
  width: 100%;
}
@media (max-width: 767.98px) {
  .application-content .application-image-badge {
    width: 200px;
  }
}
.application-content .application-download-content {
  width: 50%;
}
@media (max-width: 767.98px) {
  .application-content .application-download-content {
    width: 100%;
  }
}
.application-content .application-features .card {
  box-shadow: 0 5px 15px 0 rgba(43, 42, 42, 0.1);
  font-size: 14px;
  height: 100%;
}
.application-content .application-image {
  flex: 1;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.application-content .application-image img {
  height: 400px;
}
@media (max-width: 991.98px) {
  .application-content .application-image img {
    height: 350px;
  }
}
@media (max-width: 575.98px) {
  .application-content .application-image img {
    height: 300px;
  }
}
.application-content .application-btn {
  background-color: #053B4A;
}
.application-content .application-honor {
  height: 400px;
  background: -webkit-linear-gradient(right, #077695 0%, #053B4A 100%);
  /* Chrome10+,Safari5.1+ */
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .application-content .application-honor {
    height: 900px;
  }
}
.application-content .application-honor .application-honor-num {
  font-size: 24px;
}
.application-content .application-honor .application-honor-div {
  border-left: 1px solid #ffffff;
  border-bottom: none;
}
@media (max-width: 767.98px) {
  .application-content .application-honor .application-honor-div {
    border-bottom: 1px solid #ffffff;
    border-left: none;
  }
}
.application-content .application-honor .application-people-public {
  border: none !important;
}
.application-content .application-other-feautures {
  overflow-x: hidden;
}
.application-content .application-feautures-div {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991.98px) {
  .application-content .application-feautures-div {
    display: -webkit-inline-box;
  }
}
.application-content .application-usage {
  background-color: #ffffff;
  font-size: 14px;
  box-shadow: 0 5px 15px 0 rgba(43, 42, 42, 0.1);
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
}
@media (max-width: 991.98px) {
  .application-content .application-usage {
    width: 400px;
    -webkit-animation-name: rightToLeft;
            animation-name: rightToLeft;
    -webkit-animation-duration: 4.5s;
            animation-duration: 4.5s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
}
@-webkit-keyframes rightToLeft {
  0% {
    transform: translateX(500px);
  }
  100% {
    transform: translateX(-700px);
  }
}
@keyframes rightToLeft {
  0% {
    transform: translateX(500px);
  }
  100% {
    transform: translateX(-700px);
  }
}
.application-content .application-usageleft {
  background-color: #ffffff;
  font-size: 14px;
  box-shadow: 0 5px 15px 0 rgba(43, 42, 42, 0.1);
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
}
@media (max-width: 991.98px) {
  .application-content .application-usageleft {
    width: 400px;
    -webkit-animation-name: lefttoright;
            animation-name: lefttoright;
    -webkit-animation-duration: 4.5s;
            animation-duration: 4.5s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
}
@-webkit-keyframes lefttoright {
  0% {
    transform: translateX(-300px);
  }
  100% {
    transform: translateX(500px);
  }
}
@keyframes lefttoright {
  0% {
    transform: translateX(-300px);
  }
  100% {
    transform: translateX(500px);
  }
}