@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css");
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/ProximaNova-Regular.woff2") format("woff2"), url("../fonts/ProximaNova-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/ProximaNova-Extrabld.woff2") format("woff2"), url("../fonts/ProximaNova-Extrabld.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/ProximaNova-Bold.woff2") format("woff2"), url("../fonts/ProximaNova-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/ProximaNovaT-Thin.woff2") format("woff2"), url("../fonts/ProximaNovaT-Thin.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/ProximaNova-Black.woff2") format("woff2"), url("../fonts/ProximaNova-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* fallback */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/material-icons.woff2) format("woff2");
}
/* fallback */
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/material-icon-round.woff2) format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
}

.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 1365px) {
  .container {
    max-width: 100%;
  }
}
.section-padd {
  padding: 4.375rem 0;
}
@media (max-width: 1199px) {
  .section-padd {
    padding: 3.125rem 0;
  }
}
@media (max-width: 767px) {
  .section-padd {
    padding: 1.875rem 0;
  }
}

.sec-top-padd {
  padding-top: 70px;
}
@media (max-width: 1199px) {
  .sec-top-padd {
    padding-top: 3.125rem;
  }
}
@media (max-width: 767px) {
  .sec-top-padd {
    padding-top: 1.875rem;
  }
}

.sec-bottom-padd {
  padding-bottom: 4.375rem;
}
@media (max-width: 1199px) {
  .sec-bottom-padd {
    padding-bottom: 3.125rem;
  }
}
@media (max-width: 767px) {
  .sec-bottom-padd {
    padding-bottom: 1.875rem;
  }
}

.sec-bottom-padd-20 {
  padding-bottom: 1.25rem;
}

.sec-bottom-padd-25 {
  padding-bottom: 1.5625rem;
}

.sec-bottom-padd-30 {
  padding-bottom: 1.875rem;
}

.sec-bottom-padd-40 {
  padding-bottom: 2.5rem;
}

.innside-sec-padd {
  padding: 4.375rem 0;
}
@media (max-width: 1199px) {
  .innside-sec-padd {
    padding: 3.125rem 0;
  }
}
@media (max-width: 767px) {
  .innside-sec-padd {
    padding: 1.875rem 0;
  }
}

.innside-sec-top-padd {
  padding-top: 4.375rem;
}
@media (max-width: 1199px) {
  .innside-sec-top-padd {
    padding-top: 3.125rem;
  }
}
@media (max-width: 767px) {
  .innside-sec-top-padd {
    padding-top: 1.875rem;
  }
}

.innside-sec-bottom-padd {
  padding-bottom: 4.375rem;
}
@media (max-width: 1199px) {
  .innside-sec-bottom-padd {
    padding-bottom: 3.125rem;
  }
}
@media (max-width: 767px) {
  .innside-sec-bottom-padd {
    padding-bottom: 1.875rem;
  }
}

.innside-sec-bottom-padd-20 {
  padding-bottom: 1.25rem;
}

.innside-sec-bottom-padd-25 {
  padding-bottom: 1.5625rem;
}

.innside-sec-bottom-padd-30 {
  padding-bottom: 1.875rem;
}

.innside-sec-bottom-padd-40 {
  padding-bottom: 2.5rem;
}

.mt20 {
  margin-top: 1.25rem;
}

.mr20 {
  margin-right: 1.25rem;
}

.mb20 {
  margin-bottom: 1.25rem;
}

.ml20 {
  margin-left: 1.25rem;
}

.mx20 {
  margin: 0 1.25rem;
}

.my20 {
  margin: 1.25rem 0;
}

.pt20 {
  padding-top: 1.25rem;
}

.pr20 {
  padding-right: 1.25rem;
}

.pb20 {
  padding-bottom: 1.25rem;
}

.pl20 {
  padding-left: 1.25rem;
}

.px20 {
  padding: 0 1.25rem;
}

.py20 {
  padding: 1.25rem 0;
}

.pos-static {
  position: static !important;
}

.zoomOut {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.zoomIn {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.modal-open {
  padding-right: 0 !important;
}

.section-heading {
  margin-bottom: 3rem;
}
@media (max-width: 1199px) {
  .section-heading {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 767px) {
  .section-heading {
    margin-bottom: 1.25rem;
  }
}
.section-heading .section-title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.7px;
  color: #000000;
  max-width: 520px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .section-heading .section-title {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .section-heading .section-title {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .section-heading .section-title {
    font-size: 1.375rem;
  }
}
.section-heading .section-title span {
  display: block;
  color: #024ec0;
  font-weight: 800;
}
@media (max-width: 599px) {
  .section-heading .section-title span {
    display: inline-block;
  }
}
.section-heading .section-title small {
  font-weight: 400;
}
.section-heading h4 {
  margin-top: 0.9375rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .section-heading h4 {
    font-size: 1.125rem;
  }
}
.section-heading p {
  margin-top: 0.9375rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 400;
}
@media (max-width: 1199px) {
  .section-heading p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .section-heading p {
    font-size: 0.875rem;
  }
}
.section-heading p span {
  color: #024ec0;
  font-weight: 400;
}
.section-heading img {
  max-width: 100%;
}

.t-blue {
  color: #024ec0 !important;
}

.btn-white {
  padding: 8px 25px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #024ec0;
  background-color: #ffffff;
  border-radius: 8px;
  border: solid 1px transparent;
  display: inline-block;
  letter-spacing: 1px;
}
.btn-white:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
  opacity: 1;
}

.btn-primary {
  padding: 0.5rem 1.5625rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 8px;
  border: solid 1px transparent;
  display: inline-block;
}
@media (max-width: 767px) {
  .btn-primary {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
  }
}
.btn-primary:hover {
  background: transparent;
  color: #024ec0;
  border-color: #024ec0;
  opacity: 1;
}

.btn-over-bg {
  padding: 0.5rem 1.5625rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 8px;
  border: solid 1px transparent;
  display: inline-block;
  background: rgba(0, 0, 0, 0.2);
}
.btn-over-bg:hover {
  background: transparent;
  color: #ffffff;
  border-color: rgba(0, 0, 0, 0.4);
  opacity: 1;
}

.btn-arrow {
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  text-indent: 50px;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.8125rem 0;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  background: #ffffff;
  color: #ffffff;
  transition: all 0.3s ease;
}
@media (max-width: 1199px) {
  .btn-arrow {
    padding: 0.8125rem 1.25rem 0.8125rem 1.25rem !important;
  }
}
@media (max-width: 767px) {
  .btn-arrow {
    -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
  }
}
.btn-arrow:before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #484848;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1199px) {
  .btn-arrow:before {
    display: none;
  }
}
.btn-arrow:after {
  content: "";
  width: 10px;
  height: 10px;
  border-bottom: solid 2px #484848;
  border-right: solid 2px #484848;
  position: absolute;
  top: 19px;
  right: 15px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1199px) {
  .btn-arrow:after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .btn-arrow {
    width: auto;
    text-indent: 0;
    padding: 0.8125rem 2.5rem 0.8125rem 1.25rem;
    color: #247cff;
  }
  .btn-arrow:before {
    background-color: #247cff;
    left: auto;
    right: 0;
  }
  .btn-arrow:after {
    border-bottom-color: #247cff;
    border-right-color: #247cff;
    right: 11px;
  }
}
.btn-arrow:hover {
  width: auto;
  text-indent: 0;
  padding: 0.8125rem 2.5rem 0.8125rem 1.25rem;
  color: #247cff;
}
.btn-arrow:hover:before {
  background-color: #247cff;
  left: auto;
  right: 0;
}
.btn-arrow:hover:after {
  border-bottom-color: #247cff;
  border-right-color: #247cff;
  right: 11px;
}

.btn-apply {
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  text-indent: 50px;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.8125rem 0;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  background: #ffffff;
  color: #ffffff;
  transition: all 0.3s ease;
}
.btn-apply:before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #484848;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-apply:after {
  content: "";
  width: 10px;
  height: 20px;
  border-bottom: solid 2px #484848;
  border-right: solid 2px #484848;
  position: absolute;
  top: 11px;
  right: 18px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-apply:hover {
  width: auto;
  text-indent: 0;
  padding: 0.8125rem 2.5rem 0.8125rem 1.25rem;
  color: #024ec0;
}
.btn-apply:hover:before {
  background-color: #024ec0;
  left: auto;
  right: 0;
  opacity: 1;
}
.btn-apply:hover:after {
  border-bottom-color: #024ec0;
  border-right-color: #024ec0;
  right: 11px;
  top: 19px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.btn-gradient {
  padding: 0.5rem 1.5625rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  border: solid 1px transparent;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 1.25rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-gradient:hover {
  background: transparent;
  border-color: #247cff;
  color: #247cff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.18);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.18);
}

@keyframes dance {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(15px, -15px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -15px, 15px);
  }
}
@-webkit-keyframes dance {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(15px, -15px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -15px, 15px);
  }
}
@-webkit-keyframes rotate360 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
}
@keyframes rotate360 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
}
@-webkit-keyframes sticky-animation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes sticky-animation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes icon-pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes icon-pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes zoom-out {
  0% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
  60% {
    opacity: 0.9;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes zoom-out {
  0% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
  60% {
    opacity: 0.9;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash_shadow {
  0% {
    stroke-dashoffset: 1000;
  }
  50% {
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash_shadow {
  0% {
    stroke-dashoffset: 1000;
  }
  50% {
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes pulse-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(36, 124, 255, 0.3);
            box-shadow: 0 0 0 0px rgba(36, 124, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px rgba(36, 124, 255, 0);
            box-shadow: 0 0 0 30px rgba(36, 124, 255, 0);
  }
}
@-webkit-keyframes pulse-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(36, 124, 255, 0.3);
            box-shadow: 0 0 0 0px rgba(36, 124, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px rgba(36, 124, 255, 0);
            box-shadow: 0 0 0 30px rgba(36, 124, 255, 0);
  }
}
.owl-carousel .owl-dots {
  margin-top: 1.25rem;
  text-align: center;
}
.owl-carousel .owl-dots .owl-dot {
  width: 20px;
  height: 20px;
  background: #ced4da;
  border: solid 2px #5d5d5d;
  margin: 0 0.3125rem;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.owl-carousel .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  background: #247cff;
  border: solid 3px #ffffff;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  display: block;
}
.owl-carousel .owl-dots .owl-dot:hover {
  background: #232323;
}
.owl-carousel .owl-dots .owl-dot.active {
  border-color: #247cff;
  background: transparent;
}
.owl-carousel .owl-dots .owl-dot.active span {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.owl-carousel .owl-dots .owl-dot:focus-visible {
  outline: none;
}
.owl-carousel .owl-nav {
  text-align: center;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .owl-carousel .owl-nav {
    margin-top: 10px;
  }
}
.owl-carousel .owl-nav button[class*=owl] {
  width: 50px;
  height: 50px;
  background: #247cff;
  border-radius: 50%;
  margin: 5px;
}
@media (max-width: 991px) {
  .owl-carousel .owl-nav button[class*=owl] {
    width: 40px;
    height: 40px;
  }
}
.owl-carousel .owl-nav button[class*=owl-prev] {
  left: -25px;
}
.owl-carousel .owl-nav button[class*=owl-prev] span {
  font-size: 0px;
}
.owl-carousel .owl-nav button[class*=owl-prev] span::before {
  content: "\e5cb";
  font-family: "Material Icons";
  font-size: 2.125rem;
  color: #ffffff;
}
@media (max-width: 991px) {
  .owl-carousel .owl-nav button[class*=owl-prev] span::before {
    font-size: 1.7rem;
  }
}
@media (max-width: 1100px) {
  .owl-carousel .owl-nav button[class*=owl-prev] {
    left: 0px;
  }
}
.owl-carousel .owl-nav button[class*=owl-next] {
  right: -25px;
}
.owl-carousel .owl-nav button[class*=owl-next] span {
  font-size: 0px;
}
.owl-carousel .owl-nav button[class*=owl-next] span::before {
  content: "\e5cc";
  font-family: "Material Icons";
  font-size: 2.125rem;
  color: #ffffff;
}
@media (max-width: 991px) {
  .owl-carousel .owl-nav button[class*=owl-next] span::before {
    font-size: 1.7rem;
  }
}
@media (max-width: 1100px) {
  .owl-carousel .owl-nav button[class*=owl-next] {
    right: 0px;
  }
}

.carousel .carousel-control-prev,
.carousel .carousel-control-next {
  width: 50px;
  height: 50px;
  background: #024ec0;
  color: #024ec0;
  border-radius: 50%;
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: solid 1px transparent;
}
.carousel .carousel-control-prev:hover,
.carousel .carousel-control-next:hover {
  background: #ffffff;
  color: #024ec0;
  border-color: #024ec0;
}
@media (max-width: 991px) {
  .carousel .carousel-control-prev,
  .carousel .carousel-control-next {
    width: 40px;
    height: 40px;
  }
}
.carousel .carousel-control-prev {
  left: 0.625rem;
}
@media (max-width: 991px) {
  .carousel .carousel-control-prev {
    left: 0;
  }
}
.carousel .carousel-control-prev .carousel-control-prev-icon {
  background-image: none;
  width: auto;
  height: auto;
}
.carousel .carousel-control-prev .carousel-control-prev-icon:before {
  content: "\e5cb";
  font-family: "Material Icons";
  font-size: 2.125rem;
  color: #ffffff;
}
@media (max-width: 991px) {
  .carousel .carousel-control-prev .carousel-control-prev-icon:before {
    font-size: 1.625rem;
  }
}
.carousel .carousel-control-prev:hover .carousel-control-prev-icon:before {
  color: #024ec0;
}
.carousel .carousel-control-next {
  right: 0.625rem;
}
@media (max-width: 991px) {
  .carousel .carousel-control-next {
    right: 0;
  }
}
.carousel .carousel-control-next .carousel-control-next-icon {
  background-image: none;
  width: auto;
  height: auto;
}
.carousel .carousel-control-next .carousel-control-next-icon:before {
  content: "\e5cc";
  font-family: "Material Icons";
  font-size: 2.125rem;
  color: #ffffff;
}
@media (max-width: 991px) {
  .carousel .carousel-control-next .carousel-control-next-icon:before {
    font-size: 1.625rem;
  }
}
.carousel .carousel-control-next:hover .carousel-control-next-icon:before {
  color: #024ec0;
}
.carousel .carousel-indicators {
  bottom: 0.625rem;
}
.carousel .carousel-indicators li {
  width: 4px;
  height: 4px;
  border: solid 3px transparent;
  border-radius: 50%;
  background: rgba(35, 35, 35, 0.5);
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  opacity: 1;
}
.carousel .carousel-indicators li.active {
  border-color: rgba(35, 35, 35, 0.5);
  background: #ffffff;
  -webkit-transform: scale(1);
          transform: scale(1);
}

ul:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ul, .content-page-content ul, .filesList) {
  list-style: none;
  padding-left: 0;
}
ul:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ul, .content-page-content ul, .filesList) li {
  position: relative;
  padding-left: 1.875rem;
  margin-bottom: 0.625rem;
}
@media (max-width: 991px) {
  ul:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ul, .content-page-content ul, .filesList) li {
    padding-left: 1.3rem;
  }
}
@media (max-width: 767px) {
  ul:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ul, .content-page-content ul, .filesList) li {
    padding-left: 1.25rem;
  }
}
ul:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ul, .content-page-content ul, .filesList) li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  position: absolute;
  left: 0.9375rem;
  top: 0.5rem;
}
@media (max-width: 1199px) {
  ul:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ul, .content-page-content ul, .filesList) li:before {
    left: 0.75rem;
  }
}
@media (max-width: 991px) {
  ul:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ul, .content-page-content ul, .filesList) li:before {
    left: 0.375rem;
  }
}
@media (max-width: 767px) {
  ul:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ul, .content-page-content ul, .filesList) li:before {
    left: 0.5rem;
    width: 6px;
    height: 6px;
  }
}
ul:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ul, .content-page-content ul, .filesList) li ul {
  margin-bottom: 0;
  margin-top: 0.625rem;
}
ul:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ul, .content-page-content ul, .filesList) li ul li:before {
  width: 10px;
  height: 2px;
  background: #024ec0;
  border-radius: 0;
  top: 0.75rem;
}
ul:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ul, .content-page-content ul, .filesList) li ul li:after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 2px #024ec0;
  border-right: solid 2px #024ec0;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 10px;
  left: 18px;
}
ul:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ul, .content-page-content ul, .filesList) li ul li ul li:before {
  display: none;
}
ul:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ul, .content-page-content ul, .filesList) li ul li ul li:after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 2px #024ec0;
  border-right: solid 2px #024ec0;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 10px;
  left: 18px;
}

ul {
  list-style: none;
  padding-left: 0;
}
@media (max-width: 991px) {
  ul.ep li {
    padding-left: 1.5625rem;
  }
}
@media (max-width: 767px) {
  ul.ep li {
    padding-left: 1.8rem;
  }
}
@media (max-width: 599px) {
  ul.inline.pipe li {
    padding-left: 0 !important;
    display: inline-block;
  }
}
ul.cols-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.cols-2 li {
  width: 50%;
  padding-right: 1.25rem;
}
@media (max-width: 599px) {
  ul.cols-2 li {
    width: 100%;
  }
}
ul.inline-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.inline-list li {
  width: 33%;
  padding-right: 1.25rem;
  padding-left: 0.75rem;
}
ul.inline-list li:before {
  left: 0;
  top: 0.5rem;
  width: 6px;
  height: 6px;
}
ul.inline.pipe li {
  padding-left: 0 !important;
}
ul.inline.pipe li:before {
  display: none;
}
ul.inline.pipe .saperator {
  width: 2px;
  height: 18px;
  border-radius: 0;
  background: #5d5d5d;
  margin: 3px 10px;
  display: inline-block;
  vertical-align: top;
}
ul.cols-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.cols-3 li {
  width: 33%;
  padding-right: 1.25rem;
  padding-left: 1.875rem;
}
ul.cols-3 li:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #024ec0;
  position: absolute;
  top: 3px;
  left: 0;
}
ul.cols-3 li:after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
  position: absolute;
  top: 3px;
  left: 0;
  top: 7px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (max-width: 767px) {
  ul.cols-3 li {
    width: 50%;
  }
  ul.cols-3 li:after {
    display: block;
  }
}
@media (max-width: 599px) {
  ul.cols-3 li {
    width: 100%;
  }
}

.alphabet-li li {
  counter-increment: item !important;
  display: table !important;
}
.alphabet-li li::before {
  content: "(" counter(item, lower-alpha) ") " !important;
  color: #212121;
  background: transparent !important;
  position: static !important;
  width: 24px;
  width: 17px !important;
  margin-top: 0px !important;
}

.text-center ul li {
  padding-left: 0 !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.text-center ul li:before {
  position: static;
  display: inline-block;
  margin-right: 0.625rem;
  margin-top: 0.625rem;
}
.text-center ul.inline li {
  padding-left: 1.875rem !important;
}
.text-center ul.inline li:before {
  margin-top: 0;
}
@media (max-width: 767px) {
  .text-center ul.inline li {
    padding-left: 1.25rem !important;
  }
}
@media (max-width: 599px) {
  .text-center ul.inline li {
    padding-left: 0 !important;
  }
}

ol:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ol, .content-page-content ol) {
  list-style: none;
  padding-left: 0;
  counter-reset: number-counter;
}
ol:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ol, .content-page-content ol) li {
  position: relative;
  padding-left: 1.875rem;
  counter-increment: number-counter;
}
ol:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ol, .content-page-content ol) li:before {
  content: counter(number-counter) ". ";
  background: -webkit-gradient(linear, left top, left bottom, from(#247cff), to(#024ec0));
  background: linear-gradient(to bottom, #247cff, #024ec0);
  background-attachment: fixed;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  left: 0.6875rem;
  top: 0;
}
ol:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ol, .content-page-content ol).cols-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ol:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ol, .content-page-content ol).cols-2 li {
  width: 50%;
  padding-right: 1.25rem;
}
ol:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ol, .content-page-content ol).inline-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ol:not(.navbar-nav, .contact, .social, .info-links, .ioti-cont ol, .content-page-content ol).inline-list li {
  width: 33%;
  padding-right: 1.25rem;
  padding-left: 0.75rem;
}

.bg-light-primary {
  background: #ecf4fd;
}

.arrow-btn span {
  font-size: 20px;
  margin-left: 10px;
}

select {
  -webkit-appearance: none !important;
}

body {
  padding: 0;
  margin: 0;
  font-family: "Proxima Nova", sans-serif;
  font-size: 1rem;
  font-weight: 400;
}
@media (max-width: 767px) {
  body {
    font-size: 0.875rem;
  }
}

html, body {
  height: 100%;
  scroll-behavior: smooth;
}

a:hover:not(.btn) {
  text-decoration: none;
  color: #024ec0;
}

@media (min-width: 1366px) {
  .container {
    max-width: 1320px;
  }
}
.top-header {
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  color: #ffffff;
  padding-top: 5px;
  padding-bottom: 5px;
}
.top-header .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
.top-header .container-fluid a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
@media (max-width: 460px) {
  .top-header .container-fluid a {
    font-size: 10px;
  }
}
.top-header .container-fluid a:hover {
  color: #ffffff;
}
@media (max-width: 767px) {
  .top-header .container-fluid .portfolio-text {
    text-align: center;
  }
}
.top-header .container-fluid .book-appointment a {
  text-transform: uppercase;
}
.top-header .container-fluid .book-appointment a i {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .top-header .container-fluid .book-appointment {
    text-align: center;
    margin-top: 10px;
  }
}

.main-header {
  padding: 0.625rem 0;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  background: #ffffff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1199px) {
  .main-header {
    padding: 0;
  }
}
.main-header .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1199px) {
  .main-header .mobile-hide {
    display: none;
  }
}
.main-header.sticky {
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
  -webkit-animation: sticky-animation 0.5s ease-out both;
          animation: sticky-animation 0.5s ease-out both;
}
.main-header.sticky .logo img {
  max-height: 50px;
  height: auto;
  width: auto;
}
@media (max-width: 991px) {
  .main-header.sticky .logo img {
    max-height: 40px;
  }
}
.main-header.sticky .logo-bottom {
  top: 60px;
}
@media (max-width: 1199px) {
  .main-header.sticky .logo-bottom {
    top: 55px;
    left: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
@media (max-width: 991px) {
  .main-header.sticky .logo-bottom {
    top: 50px;
  }
}
@media (max-width: 767px) {
  .main-header.sticky .logo-bottom {
    font-size: 11px;
    top: 50px;
    padding: 5px 10px 5px 10px;
  }
}
.main-header.opened {
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
  -webkit-animation: none;
          animation: none;
}
.main-header.opened .logo img {
  max-height: none;
}
.main-header .logo img {
  height: auto;
  width: auto;
}
@media (max-width: 767px) {
  .main-header .logo img {
    max-height: 55px;
  }
}
.main-header .navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.main-header .navigation .main-navigation {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
}
@media (max-width: 1199px) {
  .main-header .navigation .main-navigation {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.main-header .navigation .main-navigation .navbar-collapse {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 1199px) {
  .main-header .navigation .main-navigation .mobile-nav-box {
    position: fixed;
    top: 112px;
    right: -500px;
    width: 360px;
    height: calc(100vh - 112px);
    background: #247cff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    overflow-y: auto;
    z-index: 99;
  }
  .main-header .navigation .main-navigation .mobile-nav-box.show {
    right: 0px;
  }
}
@media (max-width: 999px) {
  .main-header .navigation .main-navigation .mobile-nav-box {
    right: -880px;
  }
}
@media (max-width: 767px) {
  .main-header .navigation .main-navigation .mobile-nav-box {
    width: 100%;
    top: 130px;
    height: calc(100vh - 130px);
  }
}
@media (max-width: 374px) {
  .main-header .navigation .main-navigation .mobile-nav-box {
    top: 150px;
    height: calc(100vh - 150px);
  }
}
.main-header .navigation .main-navigation .nav-item + .nav-item {
  margin-left: 0.5rem;
}
@media (max-width: 1299px) {
  .main-header .navigation .main-navigation .nav-item + .nav-item {
    margin-left: 2px;
  }
}
@media (max-width: 1199px) {
  .main-header .navigation .main-navigation .nav-item + .nav-item {
    margin-left: 0px;
  }
}
.main-header .navigation .main-navigation .nav-item .nav-link {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #484848;
}
@media (max-width: 1260px) {
  .main-header .navigation .main-navigation .nav-item .nav-link {
    font-size: 0.813rem;
  }
}
@media (max-width: 1217px) {
  .main-header .navigation .main-navigation .nav-item .nav-link {
    font-size: 0.75rem;
  }
}
@media (max-width: 1199px) {
  .main-header .navigation .main-navigation .nav-item .nav-link {
    color: #ffffff;
    padding-left: 15px;
    font-size: 16px;
  }
}
.main-header .navigation .main-navigation .nav-item .nav-link:hover {
  color: #024ec0;
}
@media (max-width: 1199px) {
  .main-header .navigation .main-navigation .nav-item .nav-link:hover {
    color: #ffffff;
  }
}
.main-header .navigation .main-navigation .nav-item.show .nav-link {
  background: rgba(206, 212, 218, 0.2);
  color: #024ec0;
  border-radius: 4px;
}
@media (max-width: 1199px) {
  .main-header .navigation .main-navigation .nav-item.show .nav-link {
    border-radius: 0px;
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .main-header .navigation .main-navigation .nav-item.show .nav-link {
    background: rgba(206, 212, 218, 0.99);
  }
}
.main-header .navigation .main-navigation .nav-item.app-cost-item {
  display: none;
}
@media (max-width: 1199px) {
  .main-header .navigation .main-navigation .nav-item.app-cost-item {
    display: block;
  }
}
.main-header .navigation .btn-top-header {
  padding: 0.5rem 0.5625rem;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  border: solid 1px transparent;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.main-header .navigation .btn-top-header img {
  width: 30px;
}
.main-header .navigation .btn-top-header:hover {
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  border-color: #247cff;
  color: #247cff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.18);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.18);
}
@media (max-width: 1299px) {
  .main-header .navigation .btn-top-header {
    margin-left: 10px;
    padding: 0.5rem 0.6rem;
  }
}
@media (max-width: 767px) {
  .main-header .navigation .btn-top-header {
    font-size: 12px;
  }
}
.main-header .navigation .nav-expander {
  margin-left: 1rem;
  /*max-width: 45px;*/
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 6px;
  /*@media (max-width: 1299px)*/
}
.main-header .navigation .nav-expander img {
  width: 30px;
}
.main-header .navigation .nav-expander span {
  /*height: 5px;
  width: 5px;
  background: $black2;*/
  border-radius: 50%;
  -webkit-transition: none;
  transition: none;
  list-style: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 6px 5px;
}
@media (max-width: 1299px) {
  .main-header .navigation .nav-expander span {
    margin: 5px 4px;
  }
}
.main-header .navigation .nav-expander:hover {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
.main-header .navigation .nav-expander:hover span {
  background: transparent;
  color: #ffffff;
}
@media (max-width: 1340px) {
  .main-header .navigation .nav-expander {
    margin-left: 10px;
  }
}
@media (max-width: 1320px) {
  .main-header .navigation .nav-expander {
    padding: 4px;
  }
}
@media (max-width: 1199px) {
  .main-header .navigation .nav-expander {
    padding: 6px;
    margin-left: 1rem;
  }
}
@media (max-width: 767px) {
  .main-header .navigation .nav-expander {
    display: none;
  }
}
@media (max-width: 1365px) {
  .main-header .container {
    max-width: 100%;
  }
}
@media (max-width: 1199px) {
  .main-header.sticky .mobile-nav-box {
    top: 102px !important;
    height: calc(100vh - 102px) !important;
  }
}
@media (max-width: 767px) {
  .main-header.sticky .mobile-nav-box {
    top: 130px !important;
    height: calc(100vh - 130px) !important;
  }
}
@media (max-width: 374px) {
  .main-header.sticky .mobile-nav-box {
    top: 150px !important;
    height: calc(100vh - 150px) !important;
  }
}

.expandale-nav {
  position: fixed;
  background: #ffffff;
  color: #ffffff;
  top: 0;
  left: auto;
  right: calc(-40% - 15px);
  width: 30%;
  height: 100%;
  opacity: 0;
  z-index: 999;
  visibility: hidden;
  -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
@media (max-width: 1199px) {
  .expandale-nav {
    right: calc(-50% - 15px);
    width: 50%;
  }
}
@media (max-width: 991px) {
  .expandale-nav {
    right: calc(-60% - 15px);
    width: 60%;
  }
}
.expandale-nav:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  z-index: -1;
  backdrop-filter: blur(2px);
}
.open-expandale-nav .expandale-nav {
  opacity: 1;
  visibility: visible;
  right: 0;
  -webkit-box-shadow: 0 0 100px rgba(136, 142, 160, 0.4);
          box-shadow: 0 0 100px rgba(136, 142, 160, 0.4);
}
.open-expandale-nav .expandale-nav:before {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
}
.expandale-nav .wrapper {
  padding: 1.5625rem 1.875rem 2rem 3.125rem;
  height: 100%;
  overflow: auto;
  background: #ffffff;
  width: 100%;
}
.expandale-nav .wrapper .canvas-logo {
  margin-bottom: 1.875rem;
  /*img {
      max-height: 60px;
  }*/
}
.expandale-nav .wrapper .close-expandable-nav {
  width: 40px;
  height: 40px;
  position: absolute;
  display: inline-block;
  top: 1.25rem;
  right: 1.875rem;
  cursor: pointer;
}
.expandale-nav .wrapper .close-expandable-nav:before, .expandale-nav .wrapper .close-expandable-nav:after {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  bottom: 18px;
  width: 30px;
  height: 3px;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  border-radius: 4px;
  background-color: #232323;
}
.expandale-nav .wrapper .close-expandable-nav:before {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.expandale-nav .wrapper .close-expandable-nav:after {
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  -webkit-transform: rotate(-48deg);
          transform: rotate(-48deg);
}
.expandale-nav .wrapper .offcanvas-text p {
  color: #333333;
  font-size: 1.125rem;
  margin-bottom: 1.875rem;
}
@media (max-width: 1199px) {
  .expandale-nav .wrapper .offcanvas-text p {
    font-size: 1rem;
  }
}
.expandale-nav .wrapper .canvas-contact .contact {
  padding: 0 0 1.875rem;
  margin-bottom: 0;
}
.expandale-nav .wrapper .canvas-contact .contact li {
  padding: 0 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333333;
  font-size: 1rem;
}
.expandale-nav .wrapper .canvas-contact .contact li i {
  padding-right: 1.25rem;
  color: #024ec0;
  font-size: 1.375rem;
}
.expandale-nav .wrapper .canvas-contact .contact li a {
  color: #333333;
}
.expandale-nav .wrapper .canvas-contact .contact li a:hover {
  color: #024ec0;
  text-decoration: none;
}
.expandale-nav .wrapper .canvas-contact .social {
  padding: 0;
  margin-bottom: 0;
}
.expandale-nav .wrapper .canvas-contact .social li {
  list-style: none;
  display: inline-block;
  margin-right: 1.25rem;
}
.expandale-nav .wrapper .canvas-contact .social li a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #024ec0;
  border: solid 1px transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.25rem;
  color: #ffffff;
}
.expandale-nav .wrapper .canvas-contact .social li a:hover {
  background: transparent;
  border-color: #024ec0;
  color: #024ec0;
  opacity: 1;
}
.expandale-nav .wrapper .canvas-contact .detail-container h4 {
  color: #000;
  font-weight: bold;
}
.expandale-nav .wrapper .canvas-contact .detail-container .flag img {
  width: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  line-height: 0px;
  height: 30px;
  width: 30px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
}

@media (max-height: 600px) {
  .open-expandale-nav {
    overflow: hidden;
  }
}
/* open toggle */
.navbar-toggler {
  width: 60px;
  height: 60px;
  padding: 0;
  position: relative;
  cursor: pointer;
  background: white;
  border-radius: 50%;
  z-index: 9;
  margin-right: -11px;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: 0.55s ease-in-out;
  transition: 0.55s ease-in-out;
  background: #247cff;
}
.navbar-toggler:focus {
  outline: none;
}
.navbar-toggler span {
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  background: #ffffff;
  border-radius: 2px;
}
.navbar-toggler #hamburger span {
  width: 0%;
}
.navbar-toggler #hamburger span:nth-child(1) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.navbar-toggler #hamburger span:nth-child(2) {
  -webkit-transition-delay: 0.125s;
          transition-delay: 0.125s;
}
.navbar-toggler #hamburger span:nth-child(3) {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.navbar-toggler #cross {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.navbar-toggler #cross span:nth-child(1) {
  height: 0%;
  width: 4px;
  position: absolute;
  top: 10%;
  left: 28px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  height: 80%;
  -webkit-transition-delay: 0.625s;
          transition-delay: 0.625s;
}
.navbar-toggler #cross span:nth-child(2) {
  width: 0%;
  height: 4px;
  position: absolute;
  left: 10%;
  top: 28px;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
  width: 80%;
  -webkit-transition-delay: 0.375s;
          transition-delay: 0.375s;
}

.navbar-toggler.collapsed {
  background: rgba(255, 255, 255, 0);
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
.navbar-toggler.collapsed span {
  background: #247cff;
}
.navbar-toggler.collapsed #hamburger {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.navbar-toggler.collapsed #hamburger span {
  width: 40px;
  height: 4px;
  position: relative;
  top: 5px;
  left: 10px;
  margin: 10px 0;
}
.navbar-toggler.collapsed #hamburger span:nth-child(1) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.navbar-toggler.collapsed #hamburger span:nth-child(2) {
  -webkit-transition-delay: 0.625s;
          transition-delay: 0.625s;
}
.navbar-toggler.collapsed #hamburger span:nth-child(3) {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}
.navbar-toggler.collapsed #cross {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.navbar-toggler.collapsed #cross span:nth-child(1) {
  height: 0%;
  width: 4px;
  position: absolute;
  top: 10%;
  left: 28px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.navbar-toggler.collapsed #cross span:nth-child(2) {
  width: 0%;
  height: 4px;
  position: absolute;
  left: 10%;
  top: 28px;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

body.noScroll {
  overflow: hidden;
}

.overlay-loder {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 99999;
  background: rgba(0, 43, 127, 0.6);
  display: none;
}
.overlay-loder .fancy-spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 5rem;
  height: 5rem;
  margin: auto;
}
.overlay-loder .fancy-spinner div {
  position: absolute;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}
.overlay-loder .fancy-spinner div.ring {
  border-width: 0.5rem;
  border-style: solid;
  border-color: transparent;
  -webkit-animation: 2s fancy infinite alternate;
          animation: 2s fancy infinite alternate;
}
.overlay-loder .fancy-spinner div.ring:nth-child(1) {
  border-left-color: #ffffff;
  border-right-color: #ffffff;
}
.overlay-loder .fancy-spinner div.ring:nth-child(2) {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.overlay-loder .fancy-spinner div.dot {
  width: 1rem;
  height: 1rem;
  background: #ffffff;
}
@-webkit-keyframes fancy {
  to {
    -webkit-transform: rotate(360deg) scale(0.5);
            transform: rotate(360deg) scale(0.5);
  }
}
@keyframes fancy {
  to {
    -webkit-transform: rotate(360deg) scale(0.5);
            transform: rotate(360deg) scale(0.5);
  }
}

.logo-parent {
  position: relative;
}
.logo-parent .logo-bottom {
  position: absolute;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  z-index: 10;
  padding: 5px 10px 5px 10px;
  top: 80px;
  font-size: 14px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  /*border-radius: 10px;*/
}
@media (max-width: 1199px) {
  .logo-parent .logo-bottom {
    /*top: 70px;*/
    top: -9px;
    left: 200px;
    width: 120px;
    padding: 12px 10px 10px;
  }
}
@media (max-width: 767px) {
  .logo-parent .logo-bottom {
    /*top: 57px;
    font-size: 11px;
    padding: 2px 7px 2px 7px;*/
    top: -12px;
  }
}
@media (max-width: 599px) {
  .logo-parent .logo-bottom {
    top: 57px;
    left: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 11px;
  }
}
.logo-parent .logo-bottom a {
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.logo-parent .logo-bottom a::after {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  bottom: -20px;
  left: 0px;
  height: 30px;
  background: -webkit-linear-gradient(135deg, transparent 75%, #024ec0 75%) 0 50%, -webkit-linear-gradient(45deg, transparent 75%, #024ec0 75%) 0 50%;
  background-repeat: repeat-x;
  background-size: 12px 12px, 12px 12px;
}
.logo-parent .side-quote-btn {
  position: fixed;
  top: 300px;
  right: -47px;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  z-index: 9;
  border-radius: 0 0 10px 10px;
}
.logo-parent .side-quote-btn .sideButton {
  color: #ffffff;
  display: inline-block;
  padding: 7px 10px 10px 10px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .logo-parent .side-quote-btn .sideButton {
    padding-bottom: 7px;
  }
}
.logo-parent .side-quote-btn:after {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  bottom: -20px;
  left: 0px;
  height: 30px;
  background: none;
}

.dropdown {
  position: static;
}
.dropdown .dropdown-toggle {
  position: relative;
}
.dropdown .dropdown-toggle:before {
  content: "";
  width: 7px;
  height: 1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: 12px;
  top: 18px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  background: #5d5d5d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media (max-width: 1260px) {
  .dropdown .dropdown-toggle:before {
    right: 13px;
    top: 17px;
  }
}
@media (max-width: 1199px) {
  .dropdown .dropdown-toggle:before {
    background: #ffffff;
    right: 20px;
  }
}
.dropdown .dropdown-toggle:after {
  content: "";
  width: 7px;
  height: 1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: 7px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  background: #5d5d5d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  border: none;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-toggle:after {
    right: 15px;
    position: absolute;
    top: 18px;
    background: #ffffff;
  }
}
.dropdown .dropdown-menu {
  display: block;
  top: 122px;
  border: none;
  border-radius: 0;
  background: rgba(3, 93, 226, 0.93);
  right: 0;
  margin-top: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1.875rem 0 0;
  overflow-x: hidden;
  /* ===== Scrollbar CSS ===== */
  /* Firefox */
  /* Chrome, Edge, and Safari */
}
.dropdown .dropdown-menu * {
  scrollbar-width: auto;
  scrollbar-color: #ffffff transparent;
}
.dropdown .dropdown-menu *::-webkit-scrollbar {
  width: 4px;
}
.dropdown .dropdown-menu *::-webkit-scrollbar-track {
  background: transparent;
}
.dropdown .dropdown-menu *::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  border-radius: 10px;
  border: 3px solid #ffffff;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu {
    display: none;
    padding: 0px 0 0;
  }
  .dropdown .dropdown-menu.show {
    display: block;
  }
}
@media (max-width: 767px) {
  .dropdown .dropdown-menu {
    content-visibility: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown .dropdown-menu .container {
    overflow: auto;
    max-height: calc(100vh - 254px);
  }
}
.dropdown .dropdown-menu .row {
  width: 100%;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu .row {
    display: block;
    margin: 0px;
  }
  .dropdown .dropdown-menu .row div[class*=col-] {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.dropdown .dropdown-menu .dropdown-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.9375rem;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu .dropdown-title {
    margin: 0px -15px;
    background: #247cff;
    font-size: 1rem !important;
    padding: 5px 20px 5px 15px;
    font-weight: 700;
  }
}
.dropdown .dropdown-menu .dropdown-content {
  padding-left: 0.9375rem;
  border-left: solid 3px #ffffff;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu .dropdown-content {
    padding-left: 0px;
    border-left: 0px;
  }
}
.dropdown .dropdown-menu .dropdown-content .dropdown-title {
  font-size: 0.875rem;
  font-weight: 700;
  color: #ffffff;
  padding-bottom: 0.625rem;
  margin-bottom: 0;
  text-transform: capitalize;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu .dropdown-content .dropdown-title {
    font-weight: 700;
  }
}
.dropdown .dropdown-menu .dropdown-content .dropdown-title a {
  color: #ffffff;
  position: relative;
}
.dropdown .dropdown-menu .dropdown-content .dropdown-title a:before {
  content: "";
  position: absolute;
  left: -100%;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: #024ec0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu .dropdown-content .dropdown-title a:before {
    display: none;
  }
}
.dropdown .dropdown-menu .dropdown-content .dropdown-title a:hover {
  color: #024ec0;
}
.dropdown .dropdown-menu .dropdown-content .dropdown-title a:hover:before {
  left: 0;
}
.dropdown .dropdown-menu .dropdown-content .dropdown-subhead {
  font-size: 0.875rem;
  color: #ffffff;
  margin-bottom: 0;
  padding-left: 0.5rem;
}
.dropdown .dropdown-menu .dropdown-content .dropdown-item {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  white-space: normal;
  border-radius: 5px;
  color: #ffffff;
  background: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: auto;
  display: inline-block;
  margin-bottom: 0.2rem;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu .dropdown-content .dropdown-item {
    display: block;
    margin-bottom: 0rem;
    font-size: 16px;
    color: #ffffff;
    padding: 8px 0px;
    font-weight: normal;
  }
}
.dropdown .dropdown-menu .dropdown-content .dropdown-item:hover {
  background: #ffffff;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
  color: #024ec0;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu .dropdown-content .dropdown-item:hover {
    background: transparent;
    color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.dropdown .dropdown-menu .dropdown-content .dropdown-item:focus {
  background: transparent;
  color: #fff;
}
.dropdown .dropdown-menu .dropdown-content .dropdown-item:focus-visible {
  outline: none;
}
.dropdown .dropdown-menu .dropdown-content span {
  display: inline-block;
  background: #ffffff;
  font-size: 0;
  width: 2px;
  height: 18px;
  vertical-align: top;
  margin-top: 6px;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu .dropdown-content span {
    display: none;
  }
}
.dropdown .dropdown-menu .dropdown-content + .dropdown-content {
  margin-top: 1.25rem;
}
@media (max-width: 991px) {
  .dropdown .dropdown-menu .dropdown-quote {
    display: none;
  }
}
.dropdown .dropdown-menu .dropdown-quote p {
  margin: 0;
  font-size: 0.875rem;
  color: #ffffff;
}
.dropdown .dropdown-menu .dropdown-quote p:before {
  content: '"';
  display: inline-block;
  font-size: 1.125rem;
}
.dropdown .dropdown-menu .dropdown-quote p:after {
  content: '"';
  display: inline-block;
  font-size: 1.125rem;
}
.dropdown .dropdown-menu .infopanel-bg {
  width: 100%;
  background: #024ec0;
  position: absolute;
  top: 0;
  left: 100vw;
  bottom: 0;
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu .infopanel-bg {
    display: none;
  }
}
.dropdown .dropdown-menu .dropdown-infopanel {
  padding: 0 0 0 2.5rem;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu .dropdown-infopanel {
    padding: 10px 0rem;
  }
}
.dropdown .dropdown-menu .dropdown-infopanel .info-links {
  list-style: none;
  padding: 0;
  margin-bottom: 1.875rem;
}
.dropdown .dropdown-menu .dropdown-infopanel .info-links li {
  width: 100%;
  margin-bottom: 0.9375rem;
  overflow: hidden;
}
.dropdown .dropdown-menu .dropdown-infopanel .info-links li a {
  padding: 0 0 0.5rem 0;
  font-size: 1.25rem;
  white-space: normal;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  display: inline-block;
}
.dropdown .dropdown-menu .dropdown-infopanel .info-links li a:before {
  content: "";
  position: absolute;
  left: -100%;
  bottom: 5px;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.dropdown .dropdown-menu .dropdown-infopanel .info-links li a:hover {
  background: transparent;
  color: #ffffff;
  opacity: 1;
}
.dropdown .dropdown-menu .dropdown-infopanel .info-links li a:hover:before {
  left: 0;
}
.dropdown .dropdown-menu .dropdown-infopanel .info-links li a:focus {
  background: transparent;
}
.dropdown .dropdown-menu .dropdown-infopanel .info-links li a:focus-visible {
  outline: none;
}
.dropdown .dropdown-menu .dropdown-infopanel .info-links li a span {
  font-size: 0.875rem;
  display: block;
  color: #ffffff;
  font-weight: 700;
}
.dropdown .dropdown-menu .dropdown-infopanel .info-links li:hover a {
  color: #ffffff;
}
.dropdown .dropdown-menu .dropdown-infopanel .info-links li:hover a:before {
  left: 0;
}
.dropdown .dropdown-menu .drop-bottom-row {
  padding: 1.4375rem 0;
  background: #024ec0;
  margin-top: 2.1875rem;
}
.dropdown .dropdown-menu .drop-bottom-row .container {
  display: block;
}
.dropdown .dropdown-menu .drop-bottom-row .text {
  font-size: 0.875rem;
  font-weight: 600;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 25px;
}
.dropdown .dropdown-menu .drop-bottom-row .text .icon-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dropdown .dropdown-menu .drop-bottom-row .text .icon-area .num {
  font-size: 22px;
  line-height: 21px;
}
.dropdown .dropdown-menu .drop-bottom-row .text .icon-img {
  margin: 0 6px;
  line-height: 0;
}
.dropdown .dropdown-menu .drop-bottom-row .text .arrow-img {
  line-height: 0;
  padding-top: 3px;
  position: absolute;
  right: 12px;
}
.dropdown .dropdown-menu .drop-bottom-row .text .text-section {
  line-height: 18px;
}
.dropdown .dropdown-menu .drop-bottom-row .text .text-section .strong {
  display: block;
  font-size: 18px;
}
.dropdown .dropdown-menu .drop-bottom-row .text .text-section .sm-text {
  font-weight: normal;
  opacity: 0.5;
  font-size: 14px;
  margin-top: 5px;
  display: block;
}
.dropdown .dropdown-menu .drop-bottom-row .text .step {
  width: 45px;
  height: 45px;
  background: #ffffff;
  display: inline-block;
  border-radius: 50%;
  line-height: 45px;
  position: absolute;
  left: 0px;
  top: 7px;
  color: #024ec0;
  font-size: 20px;
  border: 1px dashed;
}
.dropdown .dropdown-menu .drop-bottom-row .button {
  text-align: center;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu .drop-bottom-row {
    display: none;
  }
}
.dropdown .dropdown-menu.services-mega {
  padding-top: 1.875rem;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu.services-mega {
    padding-top: 0px;
  }
}
.dropdown .dropdown-menu.services-mega .dropdown-title {
  color: #ffffff;
  font-size: 1.25rem;
}
.dropdown .dropdown-menu.services-mega .col-sm-3:before {
  content: "";
  width: 1px;
  height: calc(100% - 45px);
  background: #ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu.services-mega .col-sm-3:before {
    display: none;
  }
}
.dropdown .dropdown-menu.services-mega .dropdown-content {
  padding-left: 0.625rem;
  border-left: none;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu.services-mega .dropdown-content {
    padding-left: 0;
  }
}
.dropdown .dropdown-menu.services-mega .dropdown-content.row-arrow {
  padding-left: 2.125rem;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu.services-mega .dropdown-content.row-arrow {
    padding-left: 0px;
    margin-top: 0px;
  }
}
.dropdown .dropdown-menu.services-mega .dropdown-content.row-arrow .dropdown-title {
  margin-left: -0.9375rem;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu.services-mega .dropdown-content.row-arrow .dropdown-title {
    background: none;
    padding: 5px 20px 5px 15px;
    font-weight: 700;
  }
}
.dropdown .dropdown-menu.services-mega .dropdown-content .dropdown-title {
  font-size: 0.875rem;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: capitalize;
}
.dropdown .dropdown-menu.services-mega .dropdown-content .dropdown-title a {
  color: #ffffff;
}
.dropdown .dropdown-menu.services-mega .dropdown-content .dropdown-title a:before {
  background: #ffffff;
}
.dropdown .dropdown-menu.services-mega .dropdown-content .dropdown-title a:hover {
  color: #ffffff;
  opacity: 1;
}
.dropdown .dropdown-menu.services-mega .dropdown-content .dropdown-item {
  color: #ffffff;
  width: auto;
  display: inline-block;
  vertical-align: top;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border-radius: 5px;
  margin-bottom: 0.625rem;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu.services-mega .dropdown-content .dropdown-item {
    display: block;
    font-size: 16px;
    color: #ffffff;
    padding: 8px 0px;
    font-weight: normal;
    margin-bottom: 0;
  }
}
.dropdown .dropdown-menu.services-mega .dropdown-content .dropdown-item:hover {
  background: #ffffff;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
  color: #024ec0;
}
.dropdown .dropdown-menu.services-mega .dropdown-content .dropdown-item.row-first:before {
  content: "";
  width: 1px;
  height: calc(100% + 10px);
  border-left: solid 1px #ffffff;
  position: absolute;
  left: -15px;
  top: -24px;
}
@media (max-width: 1100px) {
  .dropdown .dropdown-menu.services-mega .dropdown-content .dropdown-item.row-first:before {
    display: none;
  }
}
.dropdown .dropdown-menu.services-mega .dropdown-content .dropdown-item.row-first:after {
  content: "";
  width: 10px;
  border-bottom: solid 1px #ffffff;
  position: absolute;
  left: -15px;
  top: 14px;
}
@media (max-width: 1100px) {
  .dropdown .dropdown-menu.services-mega .dropdown-content .dropdown-item.row-first:after {
    display: none;
  }
}
.dropdown .dropdown-menu.services-mega .dropdown-content .dropdown-item.row-first:first-of-type:before {
  height: calc(100% - 7px);
  top: -7px;
}
.dropdown .dropdown-menu.services-mega .dropdown-content span {
  display: inline-block;
  background: #ffffff;
  font-size: 0;
  width: 2px;
  height: 18px;
  vertical-align: top;
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu.services-mega .dropdown-content span {
    display: none;
  }
}
.dropdown .dropdown-menu.services-mega .drop-bottom-row {
  margin-top: 2.1875rem;
}
.dropdown .dropdown-menu.services-mega .drop-bottom-row .col-sm-3:before {
  display: none;
}
.dropdown .dropdown-menu.trending .dropdown-title {
  margin-bottom: 6px;
}
.dropdown .dropdown-menu.trending .dropdown-content {
  margin-bottom: 15px;
  border-left: 1px solid rgb(255, 255, 255);
}
@media (max-width: 1199px) {
  .dropdown .dropdown-menu.trending .dropdown-content {
    border-left: none;
  }
}
.dropdown .dropdown-menu.trending .dropdown-content .dropdown-item {
  display: block;
}
.dropdown .dropdown-menu.trending.services-mega .col-sm-3:before {
  display: none;
}
.dropdown.show .dropdown-toggle:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: #024ec0;
}
.dropdown.show .dropdown-toggle:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background: #024ec0;
}
.dropdown.show .dropdown-menu {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.6);
          box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.6);
}
@media (max-width: 1199px) {
  .dropdown.show .dropdown-menu {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.dropdown.portfolio-dropdown .dropdown-menu .dropdown-content .dropdown-item {
  background: #ffffff;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
  color: #024ec0;
}
.dropdown.portfolio-dropdown .dropdown-menu .dropdown-content .dropdown-item:hover {
  opacity: 0.7;
}

.sticky .dropdown-menu {
  top: 102px;
}

.form-group {
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  .form-group {
    margin-bottom: 1.25rem;
  }
}
.form-group .form-control {
  border-radius: 24px;
}
.form-group .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #247cff;
}
.form-group label sup {
  color: var(--danger);
  font-size: 1.125rem;
  top: 0;
}

textarea.form-control {
  height: 120px;
  resize: none;
}

.input-group .input-group-prepend {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 50px;
  height: 38px;
  z-index: 6;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.input-group .input-group-prepend .input-group-text {
  border-radius: 0 !important;
  background: transparent;
  border: none;
  border-right: solid 1px #247cff;
  width: 50px;
  padding: 0;
  text-align: center;
  display: inline-block;
  color: #247cff;
}
.input-group .form-control {
  width: 100%;
  padding-left: 4rem;
  border-radius: 1.5rem !important;
}
.input-group.phone .input-group-prepend .input-group-text {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.input-group.phone .input-group-prepend .input-group-text:focus-visible {
  outline: none;
}

.custom-control {
  margin-bottom: 0.9375rem;
}
.custom-control.custom-control-inline {
  margin-right: 0;
  padding-right: 0.9375rem;
  width: 32.2580645161%;
}
@media (max-width: 991px) {
  .custom-control.custom-control-inline {
    width: 47.619047619%;
  }
}
@media (max-width: 599px) {
  .custom-control.custom-control-inline {
    width: 100%;
  }
}
.custom-control .custom-control-input {
  margin-right: 0.9375rem;
}

.uploadfile {
  border: 1px dashed #ced4da;
  padding: 0.9375rem;
  background-color: #f3f3f3;
  position: relative;
  text-align: center;
  border-radius: 24px;
}
.uploadfile i {
  color: #247cff;
  display: inline-block;
  width: 8%;
  font-size: 1.75rem;
  vertical-align: top;
  margin-top: 0.1875rem;
}
.uploadfile .fileup {
  display: inline-block;
  text-align: left;
}
.uploadfile .fileup p {
  color: #247cff;
  margin-bottom: 0;
}
.uploadfile .fileup span {
  color: #000000;
  font-size: 0.75rem;
}
@media (max-width: 599px) {
  .uploadfile .fileup {
    text-align: center;
  }
}
.uploadfile input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 76px;
  opacity: 0;
  cursor: pointer;
}

.custom-input-file input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.custom-input-file input + label {
  font-weight: 700;
  color: #024ec0;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.custom-input-file input + label:before {
  content: "\e226";
  font-family: "Material Icons round";
  display: inline-block;
  margin-right: 0.5rem;
  -webkit-transform: rotate(45deg) translateX(5px);
          transform: rotate(45deg) translateX(5px);
}
.custom-input-file input + label:hover {
  color: #212121;
}
.custom-input-file input:focus + label {
  color: #212121;
}

.filesList {
  display: none;
  margin-bottom: 0;
  padding-left: 0;
}
.filesList li {
  padding: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #212121;
  margin: 0.625rem 0 0;
  border-radius: 4px;
  background: #ced4da;
  width: 100%;
}
.filesList li:before {
  content: "\e873";
  font-family: "Material Icons Round";
  padding-right: 0.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.filesList li span {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filesList li a {
  font-family: "Material Icons Round";
  color: #484848;
}
.uploadfile .filesList {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.uploadfile .filesList li {
  margin: 0.625rem 0.5rem 0;
  width: 30%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  position: relative;
}
.uploadfile .filesList li:before {
  display: block;
  font-size: 3.125rem;
  padding-right: 0;
}
.uploadfile .filesList li span {
  width: 100%;
  display: block;
}
.uploadfile .filesList li a {
  color: #ffffff;
  position: absolute;
  top: 5px;
  right: 10px;
}
@media (max-width: 599px) {
  .uploadfile .filesList li {
    width: 50%;
  }
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}

.iti__flag {
  background-image: url(../images/flags/flags.png) !important;
}

.iti__country-list {
  padding-left: 0;
  max-width: 354px;
  overflow-x: hidden;
}
.iti__country-list li:before {
  display: none !important;
}

.iti.iti--allow-dropdown {
  z-index: 99;
  width: 100%;
}

.iti__selected-flag .iti__flag {
  display: none !important;
}

.iti__selected-flag {
  height: 22px !important;
  border-right: 1px solid #247cff;
  background: transparent !important;
  margin-top: 7px;
}

.tel-section .iti__selected-flag {
  padding-left: 18px;
}
.tel-section .iti__selected-flag {
  border-right: 1px solid #838282;
}
.tel-section .telCode {
  padding-left: 85px;
}

.main-footer {
  background: #232323;
}
@media (min-width: 1349px) {
  .main-footer .container {
    max-width: 1349px;
  }
}
.main-footer .countries-contact {
  background: #247cff;
  padding: 1.875rem 0;
  margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
  .main-footer .countries-contact {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 1199px) {
  .main-footer .countries-contact .info-item {
    margin-bottom: 0.9375rem;
    text-align: center;
  }
}
.main-footer .countries-contact .info-item h5 {
  color: #ffffff;
  margin-bottom: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-footer .countries-contact .info-item h5 img {
  max-width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-right: 0.625rem;
  border: solid 2px #ffffff;
}
@media (max-width: 1199px) {
  .main-footer .countries-contact .info-item h5 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.main-footer .countries-contact .info-item p {
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
}
.main-footer .countries-contact .info-item a {
  color: #ffffff;
  display: block;
  font-size: 0.9375rem;
  margin-bottom: 5px;
}
.main-footer .countries-contact .info-item a i {
  margin-right: 5px;
}
.main-footer .countries-contact .info-item a:hover {
  opacity: 0.5;
}
@media (max-width: 1299px) {
  .main-footer .countries-contact .info-item a {
    font-size: 0.875rem;
  }
}
@media (max-width: 1199px) {
  .main-footer .countries-contact .info-item a {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .main-footer .countries-contact .info-item a {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .main-footer .col-sm-6.col-md-3:first-of-type {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .main-footer .col-12-.col-md-6 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .main-footer .col-sm-6.col-md-3:last-of-type {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.main-footer .footer-hiring h5 {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 700;
  position: relative;
  padding-bottom: 0.3125rem;
}
.main-footer .footer-hiring h5:after {
  content: "";
  background: #ffffff;
  width: 150px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main-footer .footer-hiring a {
  display: block;
  color: #ffffff;
  line-height: 30px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.2px;
}
@media (max-width: 767px) {
  .main-footer .footer-hiring {
    margin-top: 1.875rem;
  }
  .main-footer .footer-hiring h5 {
    font-size: 1.125rem;
  }
}
.main-footer .quick-links h5 {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 700;
  position: relative;
  padding-bottom: 0.3125rem;
}
.main-footer .quick-links h5:after {
  content: "";
  background: #ffffff;
  width: 150px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main-footer .quick-links a {
  display: inline-block;
  width: 49%;
  color: #ffffff;
  line-height: 1.875rem;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.2px;
}
@media (max-width: 767px) {
  .main-footer .quick-links {
    margin-top: 1.875rem;
  }
  .main-footer .quick-links h5 {
    font-size: 1.125rem;
  }
}
.main-footer .footer-info {
  text-align: center;
}
.main-footer .footer-info h5 {
  color: #ffffff;
  margin-bottom: 0.625rem;
}
.main-footer .footer-info p {
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .main-footer .footer-info h5 {
    font-size: 1.125rem;
  }
}
.main-footer .social-icons a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  border: solid 1px transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.25rem;
  color: #232323;
  margin: 0 0.625rem 1.25rem;
}
@media (max-width: 767px) {
  .main-footer .social-icons a {
    margin: 0 0.39rem 0.8rem;
  }
}
.main-footer .social-icons a:hover {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
  opacity: 1;
}
.main-footer .star {
  padding: 1.875rem 0 1.25rem;
  text-align: center;
}
@media (max-width: 767px) {
  .main-footer .star {
    padding: 10px;
  }
}
.main-footer .star i {
  display: inline-block;
  vertical-align: middle;
}
.main-footer .star p {
  color: #ffffff;
  margin-bottom: 0;
}
.main-footer .star p img {
  background: #ffffff;
  border-radius: 4px;
  padding: 2px;
  display: inline-block;
  vertical-align: text-top;
}
@media (max-width: 767px) {
  .main-footer .star p img {
    margin: 15px auto;
    display: block;
  }
}
.main-footer .copyright {
  padding: 0.625rem 0.9375rem;
  background: #247cff;
}
.main-footer .copyright p {
  color: #ffffff;
  margin-bottom: 0;
  font-size: 0.875rem;
}
.main-footer .copyright p a {
  color: #ffffff;
}

.whatsappBtn {
  position: fixed;
  bottom: 40px;
  z-index: 99;
  left: 20px;
  display: none;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.whatsappBtn.close-multi {
  -webkit-transform: scale(0) rotate(180deg);
          transform: scale(0) rotate(180deg);
  bottom: -100%;
}
.whatsappBtn a {
  background: #29ac00;
  padding: 5px;
  border-radius: 50%;
  display: block;
  width: 51px;
  height: 51px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.whatsappBtn a i {
  font-size: 31px;
  color: #fff;
  margin: auto;
}

.percengat_progeess {
  position: fixed;
  bottom: 40px;
  z-index: 99;
  display: none;
  right: 10px;
  cursor: pointer;
}
.percengat_progeess.active-progress {
  display: block;
}
.percengat_progeess #prg {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0.875rem;
  color: #024ec0;
}
.percengat_progeess .to-top-icon {
  line-height: 14px;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  font-size: 0.875rem;
  color: #024ec0;
  display: none;
}
.percengat_progeess:hover #prg {
  display: none;
}
.percengat_progeess:hover .to-top-icon {
  display: block;
}

.formpopup {
  z-index: 1060;
  padding: 0px !important;
}
.formpopup .modal-content {
  overflow: hidden;
}
.formpopup .modal-content:before {
  content: "";
  width: 50%;
  height: 131%;
  background: #f3f3f3;
  position: absolute;
  left: -123px;
  top: -107px;
  -webkit-transform: rotate(34deg);
          transform: rotate(34deg);
}
.formpopup .modal-content .modal-body .emoji {
  font-size: 50px;
}
.formpopup .modal-content .modal-body h2 {
  font-size: 29px;
  font-weight: 600;
  padding: 12px 0 3px;
  width: 80%;
  margin: auto;
  margin-bottom: 20px;
  color: #0055d9;
}
.formpopup .modal-content .modal-body p {
  width: 87%;
  margin: auto;
  margin-bottom: 20px;
}
.formpopup .modal-content .modal-body .dList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 18px;
  padding-top: 19px;
}
.formpopup .modal-content .modal-body .dList li {
  padding-right: 36px;
  display: inline-block;
  font-weight: 600;
}
.formpopup .modal-content .modal-body .dList li:before {
  display: none;
}
.formpopup .modal-content {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  max-width: 90%;
}
.formpopup.show .modal-content {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.formpopup .modal-dialog {
  max-width: 500px;
  margin: 1.75rem auto;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
  top: 50%;
  margin: auto;
}
@media (max-width: 767px) {
  .formpopup .modal-dialog {
    max-width: 380px;
  }
}
.formpopup .modal-dialog.modal-new {
  max-width: 900px;
}
@media (max-width: 767px) {
  .formpopup .modal-dialog.modal-new {
    max-width: 380px;
  }
}
.formpopup .modal-dialog.modal-new .modal-body {
  padding: 0;
}
.formpopup .modal-dialog.modal-new .modal-body .submit-form-left {
  background-image: url("../../../../Content/assets/images/digital-Product-modal-background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
}
.formpopup .modal-dialog.modal-new .modal-body .submit-form-left .submit-form-left-text {
  max-width: 300px;
  padding: 30px 0px;
  text-align: left;
  padding-top: 110px;
}
@media (max-width: 575px) {
  .formpopup .modal-dialog.modal-new .modal-body .submit-form-left .submit-form-left-text {
    max-width: none;
    padding: 30px 0 0;
    padding-top: 30px;
  }
}
.formpopup .modal-dialog.modal-new .modal-body .submit-form-left .submit-form-left-text h2 {
  color: #ffffff !important;
}
.formpopup .modal-dialog.modal-new .modal-body .submit-form-left .submit-form-left-text h2 span {
  color: #0055d9;
}
.formpopup .modal-dialog.modal-new .modal-body .submit-form-left .submit-form-left-text p {
  width: 80% !important;
  font-size: 18px;
  color: #ffffff;
}
.formpopup .modal-dialog.modal-new .modal-body .submit-form-left .contact-information .dList-new {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.formpopup .modal-dialog.modal-new .modal-body .submit-form-left .contact-information .dList-new li {
  color: #ffffff;
}
.formpopup .modal-dialog.modal-new .modal-body .submit-form-left .contact-information .what-num li {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 87%;
  margin: 0 auto;
  color: #ffffff;
}
.formpopup .modal-dialog.modal-new .modal-body .submit-form-left .contact-information .what-num li a {
  color: #ffffff;
}
.formpopup .modal-dialog.modal-new .modal-body .submit-form-right .submit-form-right-text .emoji svg {
  width: 50px;
}
.formpopup .modal-dialog.modal-new .modal-body .submit-form-right .submit-form-right-text h2 {
  width: 90% !important;
}
.formpopup .modal-dialog.modal-new .modal-body .submit-form-right .submit-form-right-text h2 span {
  font-weight: 600;
  display: block;
}
.formpopup .modal-dialog.modal-new .modal-body .submit-form-right .submit-form-right-text p span {
  display: block;
  font-weight: 600;
}
.formpopup .modal-dialog.modal-new .modal-body .form-sub-bottom {
  background: #0055d9;
}
.formpopup .modal-dialog.modal-new .modal-body .form-sub-bottom p {
  color: #ffffff;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.formpopup .modal-dialog.modal-new .modal-body .dList {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 87%;
  margin: 0 auto;
}
.formpopup .modal-dialog.modal-new .modal-body .dList li {
  padding: 0;
}
.formpopup .modal-dialog.modal-new .modal-body .what-num li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.formpopup .modal-dialog.modal-new .modal-body .what-num li:before {
  display: none;
}
.formpopup .modal-dialog.modal-new .modal-body .what-num li span {
  padding-left: 6px;
}
.formpopup .modal-header .close {
  margin: 0px -1rem -1rem auto;
  padding-top: 4px;
  font-size: 31px;
  position: absolute;
  right: 10px;
  z-index: 1;
}
.formpopup.delayPopup .modal-dialog {
  max-width: 1024px;
}
@media (max-width: 1199px) {
  .formpopup.delayPopup .modal-dialog {
    max-width: 991px;
  }
}
@media (max-width: 991px) {
  .formpopup.delayPopup .modal-dialog {
    max-width: 767px;
  }
}
@media (max-width: 575px) {
  .formpopup.delayPopup .modal-dialog {
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
    top: 0;
    margin: auto;
  }
}
.formpopup.delayPopup .modal-dialog .modal-content {
  max-width: 100%;
}
.formpopup.delayPopup .modal-dialog .modal-content .modal-body .contact-form {
  padding-right: 25px;
  padding-top: 15px;
}
@media (max-width: 575px) {
  .formpopup.delayPopup .modal-dialog .modal-content .modal-body .contact-form {
    padding-left: 25px;
  }
}
.formpopup.delayPopup .modal-dialog .modal-content .modal-body .contact-form .form-group .custom-checkbox .label-check {
  font-size: 14px;
}
.formpopup.delayPopup .modal-backdrop.show {
  background: transparent !important;
}

.modal-backdrop.show {
  background: rgba(0, 43, 127, 0.6);
}

.modal-backdrop + .modal-backdrop.fade.show {
  z-index: 1050;
}

/*.multi-action {
    display: inline-block;
    position: fixed;
    width: 56px;
    height: 56px;
    margin: 300px 0 0 -28px;
    left: 50px;
    bottom: 42px;
    z-index: 99;
    transition:0.3s;

    &.close-multi {
        transform: scale(0.2);
        bottom: -100%;
    }

    .material-icons-round {
        font-size: 28px;
        line-height: 2;
    }

    .action-button {
        position: absolute;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        border: 0;
        outline: 0;
        background: #247cff;
        font-size: 24px;
        color: white;
        z-index: 2;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
        transition: all .3s;

        &.active {
            .material-icons-round {
                display: none;
            }

            .fa-plus {
                display: block !important;
            }
        }
    }



    .actions {
        position: absolute;
        list-style: none inside none;
        margin: 0 0 0 0;
        padding: 0;
        width: auto;
        float: left;
        background-color: transparent;
        top: 8px;
        left: 8px;
        z-index: 1;
        width: 50px;
        height: 50px;
        border-radius: 50%;

        li {
            position: absolute;
            display: block;
            width: 50px;
            height: 50px;
            border-radius: 50%;*/
/* box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);*/
/*margin: 0;
        background: #212121;
        color: #ffffff;
        transition: all .3s;
        transform: scale(.3);
        padding-left: 0rem !important;
        margin-bottom: 0rem !important;


        &:before {
            display: none;
        }

        &:nth-child(1) {
            background: #4ecc5c;
        }



        a {
            background: inherit;
            color: inherit;
            display: block;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            line-height: 40px;
            text-align: center;
            display: flex;

            i {
                font-size: 36px;
                margin: auto;
            }
        }

        &:active {
            box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
        }
    }
}

.action-button {*/
/* &.active {
    box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
}*/
/*&.active ~ .actions {

            li {
                transition: all .25s;
                transform: scale(1);

                &:nth-child(1) {
                    margin-top: -64px;
                }
            }
        }
    }

    .action-button span {
        transition: all .3s;
    }

    .action-button {

        &.active:not(.no-rotate) span {
            transform: scale(1.2) rotate(-45deg);
        }
    }
}*/
body.left-cht-position .chaty-inline-popup {
  left: 25px;
  right: auto;
  bottom: 25px;
  position: fixed;
}

.chaty-inline-popup {
  box-shadow: rgba(0, 0, 0, 0.16) 0 5px 40px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 5px 40px;
  -moz-box-shadow: rgba(0, 0, 0, 0.16) 0 5px 40px;
}

.chaty-inline-popup {
  vertical-align: bottom;
  background: #fff;
  -webkit-box-shadow: 0 0 5px 0 #ccc;
  box-shadow: 0 0 5px 0 #ccc;
  border-radius: 6px;
  max-width: 250px;
  height: auto;
  overflow: hidden;
  position: fixed;
  left: 30px;
  padding: 0;
  z-index: 100001;
  max-width: inherit;
  width: 280px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  bottom: -200%;
}
.chaty-inline-popup.active {
  bottom: 30px !important;
}

.chaty-whatsapp-popup, .chaty-whatsapp-popup input {
  position: relative;
}

.chaty-whatsapp-body {
  background: #e6ddd4;
  padding: 20px 20px 20px 10px;
  position: relative;
  z-index: 2;
  height: 260px;
}
.chaty-whatsapp-body::before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: 0.08;
  background-image: url(../../../../Content/assets/images/whatsapp-background.png);
}

.close-chaty-popup {
  position: absolute;
  right: 5px;
  top: 5px;
  background: #30534b;
  width: 22px;
  height: 22px;
  border-radius: 15px;
  padding: 3px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.close-chaty-popup:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.chaty-close-button {
  position: relative;
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  cursor: pointer;
}

.chaty-close-button::after, .chaty-close-button::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  background-color: #fff;
  display: block;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 7px;
  left: 2px;
}

.chaty-close-button::after, .chaty-close-button::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  background-color: #fff;
  display: block;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 7px;
  left: 2px;
}

.chaty-whatsapp-message {
  padding: 7px 14px 6px;
  background-color: #fff;
  border-radius: 0 8px 8px;
  position: relative;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  z-index: 2;
  -webkit-box-shadow: rgba(0, 0, 0, 0.13) 0 1px 0.5px;
          box-shadow: rgba(0, 0, 0, 0.13) 0 1px 0.5px;
  margin-top: 4px;
  margin-left: 15px;
  max-width: calc(100% - 40px);
  font-size: 14px;
  font-family: Segoe UI, Helvetica Neue, Helvetica, Lucida Grande, Arial, Ubuntu, Cantarell, Fira Sans, sans-serif;
}

.chaty-whatsapp-message::before {
  position: absolute;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 0;
  left: -12px;
  width: 12px;
  height: 19px;
}

.chaty-whatsapp-message p {
  margin: 0;
  padding: 0;
  color: #303030;
}

.chaty-whatsapp-footer {
  position: relative;
  padding: 12px 15px;
  background: #f0f0f0;
}

.chaty-whatsapp-footer .chaty-whatsapp-field {
  width: calc(100% - 60px);
  float: left;
}

.chaty-whatsapp-footer input.chaty-whatsapp-msg {
  height: 48px !important;
  line-height: 32px;
  padding: 0 10px 0 15px;
  font-size: 14px;
  resize: none;
  width: 100%;
  border: none;
  border-radius: 24px;
  outline: 0;
  font-family: Segoe UI, Helvetica Neue, Helvetica, Lucida Grande, Arial, Ubuntu, Cantarell, Fira Sans, sans-serif;
}

.chaty-whatsapp-footer button.chaty-whatsapp-submit-btn {
  line-height: 48px;
  text-align: center;
  float: right;
  height: 48px;
  width: 48px;
  padding: 8px 10px 8px 15px;
  background: #25d366;
  border-radius: 24px;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

.chaty-whatsapp-footer button.chaty-whatsapp-submit-btn svg {
  width: 100%;
  height: 100%;
  display: block;
}

.chaty-whatsapp-message {
  padding: 7px 14px 6px;
  background-color: #fff;
  border-radius: 0 8px 8px;
  position: relative;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  z-index: 2;
  -webkit-box-shadow: rgba(0, 0, 0, 0.13) 0 1px 0.5px;
          box-shadow: rgba(0, 0, 0, 0.13) 0 1px 0.5px;
  margin-top: 4px;
  margin-left: 15px;
  max-width: calc(100% - 40px);
  font-size: 14px;
  font-family: Segoe UI, Helvetica Neue, Helvetica, Lucida Grande, Arial, Ubuntu, Cantarell, Fira Sans, sans-serif;
}

.chaty-close-button::after, .chaty-close-button::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  background-color: #fff;
  display: block;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 7px;
  left: 2px;
}

.chaty-close-button::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.dNone {
  display: none;
}

.selectDropdown {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 20px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M6 9l6 6 6-6" /%3E%3C/svg%3E') no-repeat right center;
  background-size: 12px 12px;
  background-position-x: calc(100% - 8px);
  background-position-y: center;
}

@-moz-document url-prefix() {
  .selectDropdown {
    background: none;
  }
}
.selectDropdown::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
}

.inner-banner {
  position: relative;
  overflow-x: hidden;
}
.inner-banner img {
  max-width: 100%;
}
.inner-banner .container {
  max-width: 1349px;
  padding-left: 2.5rem;
}
@media (max-width: 599px) {
  .inner-banner .container {
    padding-left: 0rem;
  }
}
@media (max-width: 599px) {
  .inner-banner .container .col-sm-6 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 599px) {
  .inner-banner .container .col-sm-6:last-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0px;
  }
}
@media (max-width: 599px) {
  .inner-banner .banner-content {
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .inner-banner .banner-content br {
    display: none;
  }
}
@media (max-width: 991px) {
  .inner-banner .banner-content .btn-primary {
    padding: 0.5rem 0.5rem;
  }
}
.inner-banner .banner-content h2 {
  /*font-size: 3.375rem;*/
  /*line-height: 80px;*/
  font-weight: 800;
  color: #024ec0;
  margin-bottom: 2rem;
  font-size: 3.125rem;
  line-height: 70px;
}
@media (max-width: 1299px) {
  .inner-banner .banner-content h2 {
    font-size: 2.125rem;
  }
}
@media (max-width: 1199px) {
  .inner-banner .banner-content h2 {
    /*font-size: 2.375rem;*/
    font-size: 1.875rem;
    line-height: 45px;
  }
}
@media (max-width: 991px) {
  .inner-banner .banner-content h2 {
    font-size: 1.5rem;
    line-height: 30px;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  .inner-banner .banner-content h2 {
    font-size: 1.25rem;
    line-height: 25px;
  }
}
.inner-banner .banner-content h2 span {
  color: #484848;
}
.inner-banner .banner-content p {
  font-size: 1.5rem;
  font-weight: 400;
  color: #484848;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .inner-banner .banner-content p {
    font-size: 1.25rem;
  }
}
@media (max-width: 991px) {
  .inner-banner .banner-content p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .inner-banner .banner-content p {
    font-size: 0.875rem;
  }
}
.inner-banner .banner-graphic {
  float: left;
  width: 50vw;
  position: relative;
}
@media (max-width: 599px) {
  .inner-banner .banner-graphic {
    width: 100%;
    float: right;
  }
}
.inner-banner .banner-graphic img {
  width: 100%;
}
.inner-banner .banner-graphic.banner-graphic-new {
  float: none;
  width: auto;
}
.inner-banner.full-image .banner-caption {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.inner-banner.full-image .banner-caption .banner-heading h2 {
  font-size: 3rem;
  font-weight: 800;
  text-transform: capitalize;
  color: #ffffff;
}
.inner-banner.full-image .banner-caption .banner-heading p {
  font-size: 1.25rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0;
}
.inner-banner.sda-banner {
  background: #0070C0;
}
.inner-banner.sda-banner .banner-content h2 {
  color: #ffffff;
}
.inner-banner.sda-banner .banner-content p {
  color: #ffffff;
}
.inner-banner.sda-banner .banner-btn a {
  font-weight: 700;
}

.modal-fixed {
  position: fixed;
  padding: 0 !important;
  margin: auto;
  width: 40vw;
  height: 100%;
  overflow: hidden;
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
@media (max-width: 1199px) {
  .modal-fixed {
    width: 45vw;
  }
}
@media (max-width: 991px) {
  .modal-fixed {
    width: 60vw;
  }
}
@media (max-width: 767px) {
  .modal-fixed {
    width: 100%;
  }
}
.modal-fixed.left {
  left: 0;
}
.modal-fixed.left .modal-dialog {
  left: -40vw;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal-fixed.left.show .modal-dialog {
  left: 0;
}
.modal-fixed.right {
  right: 0;
  left: auto;
}
.modal-fixed.right .modal-dialog {
  right: -40vw;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal-fixed.right.show .modal-dialog {
  right: 0;
}
.modal-fixed .modal-dialog {
  margin: 0;
  max-width: 100%;
}
.modal-fixed .modal-content {
  height: 100vh;
  overflow-y: auto;
  border-radius: 0;
  border: none;
}
.modal-fixed .modal-header .close {
  width: 40px;
  height: 40px;
  position: fixed;
  display: inline-block;
  top: 1.875rem;
  right: 2.5rem;
  z-index: 99;
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.modal-fixed .modal-header .close:before, .modal-fixed .modal-header .close:after {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  bottom: 18px;
  width: 30px;
  height: 3px;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  border-radius: 4px;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
.modal-fixed .modal-header .close:before {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.modal-fixed .modal-header .close:after {
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  -webkit-transform: rotate(-48deg);
          transform: rotate(-48deg);
}
.modal-fixed .modal-header .close:hover {
  background: #ffffff;
  opacity: 1;
}
.modal-fixed .modal-body {
  padding: 1.25rem;
}

.content-page-banner {
  background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#024ec0));
  background: linear-gradient(to top, #ffffff, #024ec0);
  padding: 5rem 0 6.25rem;
  position: relative;
  z-index: 1;
}
.content-page-banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/additional-features-bg.png) no-repeat top center;
}
@media (max-width: 767px) {
  .content-page-banner {
    padding: 3rem 0 4.25rem;
  }
}
.content-page-banner .content-page-title {
  text-align: center;
}
.content-page-banner .content-page-title h3 {
  font-size: 3rem;
  font-weight: 700;
  color: #ffffff;
}
.content-page-banner .content-page-title p {
  font-size: 1.125rem;
  color: #ffffff;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .content-page-banner .content-page-title h3 {
    font-size: 1.875rem;
  }
  .content-page-banner .content-page-title p {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .content-page-banner .content-page-title h3 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .content-page-banner .content-page-title h3 {
    font-size: 1.375rem;
  }
}

.content-page-content {
  padding-top: 1.25rem;
}
.content-page-content .col-12 {
  padding: 0 3.125rem;
}
@media (max-width: 767px) {
  .content-page-content .col-12 {
    padding: 0 0.9375rem;
  }
}
.content-page-content a {
  color: #024ec0;
}
.content-page-content a:hover {
  text-decoration: underline;
  opacity: 1;
}
.content-page-content h1 {
  font-size: 3rem;
}
@media (max-width: 1199px) {
  .content-page-content h1 {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .content-page-content h1 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .content-page-content h1 {
    font-size: 1.375rem;
  }
}
.content-page-content h2 {
  font-size: 2.625rem;
}
@media (max-width: 1199px) {
  .content-page-content h2 {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .content-page-content h2 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .content-page-content h2 {
    font-size: 1.375rem;
  }
}
.content-page-content h3 {
  font-size: 2.25rem;
}
@media (max-width: 1199px) {
  .content-page-content h3 {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .content-page-content h3 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .content-page-content h3 {
    font-size: 1.375rem;
  }
}
.content-page-content h4 {
  font-size: 1.875rem;
}
@media (max-width: 991px) {
  .content-page-content h4 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .content-page-content h4 {
    font-size: 1.375rem;
  }
}
.content-page-content h5 {
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .content-page-content h5 {
    font-size: 1.375rem;
  }
}
.content-page-content h6 {
  font-size: 1.125rem;
}
.content-page-content h1,
.content-page-content h2,
.content-page-content h3,
.content-page-content h4,
.content-page-content h5,
.content-page-content h6 {
  font-weight: 700;
  margin: 1.875rem 0 0.9375rem;
  color: #024ec0;
}
@media (max-width: 767px) {
  .content-page-content h1,
  .content-page-content h2,
  .content-page-content h3,
  .content-page-content h4,
  .content-page-content h5,
  .content-page-content h6 {
    margin: 0.625rem 0;
  }
}
.content-page-content p {
  font-size: 1.125rem;
  line-height: 30px;
  margin: 0.625rem 0;
}
@media (max-width: 1199px) {
  .content-page-content p {
    font-size: 1rem;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .content-page-content p {
    font-size: 0.875rem;
    line-height: 22px;
  }
}
.content-page-content li {
  font-size: 1.125rem;
  line-height: 30px;
  margin: 0.625rem 0 0;
}
@media (max-width: 1199px) {
  .content-page-content li {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .content-page-content li {
    font-size: 0.875rem;
  }
}
.content-page-content ul {
  padding-left: 1.875rem;
  margin-left: 0.9375rem;
}
.content-page-content ul li {
  padding-left: 0.9375rem;
}
.content-page-content ul li:before {
  display: none;
}
@media (max-width: 767px) {
  .content-page-content ul {
    padding-left: 2.5rem;
    margin-left: 0;
  }
  .content-page-content ul li {
    padding-left: 0;
  }
}
.content-page-content ol {
  padding-left: 0;
  counter-reset: item;
  list-style-type: none;
}
.content-page-content ol li {
  padding-left: 0;
  counter-increment: item;
  display: table;
}
.content-page-content ol li:before {
  content: counter(item) ".";
  display: table-cell;
  padding-right: 0.625rem;
  color: #024ec0;
  width: 27px;
}
.content-page-content ol li ol {
  margin-left: -27px;
}
.content-page-content ol li ol li:before {
  content: counters(item, ".") " ";
  color: #212121;
}
.content-page-content ol li ol li ol {
  margin-left: 0;
}
.content-page-content ol li ol li ol li:before {
  content: "(" counter(item, lower-alpha) ") ";
  color: #212121;
}

.custom-modal.modal-as-page,
.modal.modal-as-page {
  overflow: hidden;
  padding-right: 0 !important;
}
.custom-modal.modal-as-page .modal-dialog,
.modal.modal-as-page .modal-dialog {
  max-width: 100%;
  height: 100%;
  margin: 0;
}
.custom-modal.modal-as-page .modal-dialog .modal-content,
.modal.modal-as-page .modal-dialog .modal-content {
  height: 100%;
  border-radius: 0;
  border: none;
  overflow-y: auto;
  overflow-x: hidden;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-header,
.modal.modal-as-page .modal-dialog .modal-content .modal-header {
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 0;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-header,
  .modal.modal-as-page .modal-dialog .modal-content .modal-header {
    width: 100%;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-header .modal-title img,
.modal.modal-as-page .modal-dialog .modal-content .modal-header .modal-title img {
  max-height: 40px;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-header .close,
.modal.modal-as-page .modal-dialog .modal-content .modal-header .close {
  width: 40px;
  height: 40px;
  position: fixed;
  display: inline-block;
  top: 1.875rem;
  right: 2.5rem;
  padding: 0;
  z-index: 99;
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-header .close:before, .custom-modal.modal-as-page .modal-dialog .modal-content .modal-header .close:after,
.modal.modal-as-page .modal-dialog .modal-content .modal-header .close:before,
.modal.modal-as-page .modal-dialog .modal-content .modal-header .close:after {
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  bottom: 18px;
  width: 30px;
  height: 3px;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  border-radius: 4px;
  background: #ffffff;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-header .close:before,
.modal.modal-as-page .modal-dialog .modal-content .modal-header .close:before {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-header .close:after,
.modal.modal-as-page .modal-dialog .modal-content .modal-header .close:after {
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  -webkit-transform: rotate(-48deg);
          transform: rotate(-48deg);
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-header .close:hover,
.modal.modal-as-page .modal-dialog .modal-content .modal-header .close:hover {
  background: rgba(255, 255, 255, 0.1);
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-header .close:focus-visible,
.modal.modal-as-page .modal-dialog .modal-content .modal-header .close:focus-visible {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body,
.modal.modal-as-page .modal-dialog .modal-content .modal-body {
  padding: 8.125rem 0 0 0;
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body {
    padding: 6.25rem 0 0 0;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  right: 0;
  left: 0;
  background: rgb(183, 11, 11);
  z-index: 999;
  border-top: 1px solid #ddd;
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow {
    position: static;
    padding-right: 15px;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow.show,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow.show {
  display: block;
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow {
    display: block !important;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 599px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media (max-width: 599px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li {
    max-width: none;
    width: 50%;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:before,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:before {
  display: none;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:first-of-type,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:first-of-type {
  text-align: left;
}
@media (max-width: 599px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:first-of-type,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:first-of-type {
    left: 0;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:first-of-type a small:before,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:first-of-type a small:before {
  content: "\f1e6";
  font-size: 1rem;
  font-family: "Material Icons Round";
  margin: 2px 16px 0 0;
  float: left;
}
@media (max-width: 599px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:first-of-type a small:before,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:first-of-type a small:before {
    margin: 2px 6px 0 0;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:first-of-type a span,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:first-of-type a span {
    padding-left: 1.5rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:last-of-type,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:last-of-type {
  text-align: right;
}
@media (max-width: 599px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:last-of-type,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:last-of-type {
    right: 0;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:last-of-type a small:before,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:last-of-type a small:before {
  content: "\f1df";
  font-size: 1rem;
  font-family: "Material Icons Round";
  margin: 2px 0 0 16px;
  float: right;
}
@media (max-width: 599px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:last-of-type a small:before,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:last-of-type a small:before {
    margin: 2px 0 0 6px;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:last-of-type a span,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li:last-of-type a span {
    padding-right: 1.5rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li a,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li a {
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
  opacity: 0.8;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.5rem;
  letter-spacing: 2px;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li a,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li a {
    font-size: 1.3rem;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li a,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li a {
    font-size: 0.875rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li a small,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li a small {
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 2px;
  color: #ffffff;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li a span,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li a span {
  display: block;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li a:hover,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-arrow ul li a:hover {
  opacity: 1;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro {
  width: 100%;
  text-align: center;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-title,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-title {
  font-size: 2.8125rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #b70b0b;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-title,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-title {
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-title,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-title {
    font-size: 1.875rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-small-title,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-small-title {
  font-size: 1rem;
  font-weight: 700;
  color: rgba(35, 35, 35, 0.5);
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-description,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-description {
  color: #232323;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 49px;
  letter-spacing: -0.2px;
  margin-bottom: 0;
  margin-top: 2.5rem;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-description,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-description {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-description,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-description {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-description,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-description {
    font-size: 1.375rem;
    line-height: 35px;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-cat,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-cat {
  width: 80%;
  margin: auto;
  margin-top: 2.5rem;
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-cat,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-cat {
    margin-top: 2rem;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-cat,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-cat {
    width: 100%;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-cat span,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-cat span {
  text-transform: uppercase;
  font-size: 0.9375rem;
  color: #232323;
  letter-spacing: 0.2px;
  background: 0 0;
  border: 1px solid rgba(35, 35, 35, 0.2);
  height: auto;
  border-radius: 20px;
  display: inline-block;
  padding: 0.625rem 1.25rem;
  margin: 0 0.4375rem;
  position: relative;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-cat span,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-cat span {
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-cat span,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-cat span {
    margin-bottom: 0.9375rem;
  }
}
@media (max-width: 599px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-cat span,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-cat span {
    margin: 0 0 0.9375rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-img-container,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-img-container {
  margin-top: 0.625rem;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-img-container img,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-intro .project-img-container img {
  max-width: 100%;
  -webkit-filter: drop-shadow(2px 4px 10px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(2px 4px 10px rgba(0, 0, 0, 0.3));
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview {
  text-align: center;
  padding-top: 3.125rem;
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview {
    margin-top: 3rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content {
  max-width: 850px;
  margin: 0 auto;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .overview-logo,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .overview-logo {
  display: inline-block;
  margin: 0 auto 1.875rem;
  background: #ffffff;
  border-radius: 50px;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  -webkit-box-shadow: 0 16px 0 -8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 16px 0 -8px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .overview-logo,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .overview-logo {
    margin: 0 auto 0.9375rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .overview-logo img,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .overview-logo img {
  height: 70px;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content h3,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content h3 {
  font-size: 2.5rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #232323;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content h3,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content h3 {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content h3,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content h3 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content h3,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content h3 {
    font-size: 1.375rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content p,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content p {
  margin-top: 1.875rem;
  font-size: 1.5rem;
  color: #232323;
  line-height: 32px;
  letter-spacing: -0.2px;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content p,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content p {
    font-size: 1.25rem;
    letter-spacing: 0;
  }
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content p,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content p {
    font-size: 1.125rem;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content p,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content p {
    font-size: 1rem;
    line-height: 24px;
    margin-top: 0.9375rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items {
  text-align: center;
  margin-top: 2.5rem;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul {
  padding: 0;
  margin: 0;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li {
  text-align: center;
  padding: 0 1.25rem;
  display: inline-block;
  margin: 0;
  width: 33%;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li {
    width: 32%;
    padding: 0 0.625rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li:before,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li:before {
  display: none;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li svg,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li svg {
  fill: #b70b0b;
  width: 70px;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li svg,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li svg {
    width: 40px;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li span,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li span {
  font-size: 18px;
  color: #484848;
  text-transform: uppercase;
  display: block;
  margin-top: 0.625rem;
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li span,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li span {
    font-size: 16px;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li + li,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-overview .overview-content .project-items ul li + li {
  border-left: solid 1px rgba(255, 255, 255, 0.3);
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback {
  text-align: center;
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback {
    margin-top: 3rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper {
  max-width: 850px;
  margin: 0 auto;
  width: 85%;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper {
    width: 68%;
  }
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper {
    width: 85%;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-title,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-title {
  font-size: 2.5rem;
  color: #232323;
  margin-bottom: 1.25rem;
  font-weight: 800;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-title,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-title {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-title,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-title {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-title,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-title {
    font-size: 1.375rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-title.h5,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-title.h5 {
  font-size: 40px;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-title svg,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-title svg {
  width: 100px;
  fill: rgba(0, 0, 0, 0.2);
  display: block;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-title svg,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-title svg {
    width: 45px;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p {
  font-size: 1.5rem;
  color: #232323;
  line-height: 32px;
  letter-spacing: -0.2px;
  position: relative;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p {
    font-size: 1.25rem;
    letter-spacing: 0;
  }
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p {
    font-size: 1.125rem;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p {
    font-size: 1rem;
    line-height: 24px;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p:before,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p:before {
  content: "";
  background: url(../images/quote-left.png) no-repeat;
  background-size: 100%;
  width: 60px;
  height: 57px;
  opacity: 0.3;
  position: absolute;
  top: -20px;
  left: -60px;
  opacity: 0.3;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p:before,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p:before {
    width: 40px;
    top: -24px;
    left: -7px;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p:after,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p:after {
  content: "";
  background: url(../images/quote-right.png) no-repeat;
  background-size: 100%;
  width: 60px;
  height: 57px;
  opacity: 0.3;
  position: absolute;
  bottom: -20px;
  right: -60px;
  opacity: 0.3;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p:after,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p:after {
    width: 40px;
    bottom: -27px;
    right: -18px;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p:after,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p:after {
    width: 40px;
    bottom: -54px;
    right: 4px;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p:after,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper p:after {
    bottom: -28px;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-author,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-author {
  margin-top: 2.5rem;
  font-size: 1.3125rem;
  color: #232323;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-weight: 700;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-author small,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .feedback-wrapper .feedback-author small {
  display: block;
  font-size: 1.125rem;
  color: rgba(35, 35, 35, 0.5);
  letter-spacing: 0.2px;
  font-style: italic;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap {
  margin: 5rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap {
    margin: 3rem 0;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count {
  font-size: 10rem;
  font-weight: 800;
  line-height: 80px;
  color: #b70b0b;
  opacity: 0.3;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count {
    font-size: 7rem;
  }
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count {
    font-size: 5rem;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count {
    font-size: 3rem;
    margin-right: 8px;
    line-height: 0;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count span,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count span {
  font-size: 10rem;
  margin-right: 1.5625rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count span,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count span {
    font-size: 7rem;
  }
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count span,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count span {
    font-size: 5rem;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count span,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count span {
    font-size: 3rem;
    margin-right: 0px;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count:hover,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count:hover {
  opacity: 1;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count:active .material-icons-round,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap .like-count:active .material-icons-round {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap p,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap p {
  letter-spacing: 0.2px;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 1.4375rem;
  color: #232323;
  font-weight: 700;
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap p,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .client-feedback .like-wrap p {
    font-size: 1.25rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact {
  padding: 5rem 0;
  border-top: solid 1px rgba(35, 35, 35, 0.2);
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact {
    padding: 3rem 0;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title {
  text-align: center;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title h4,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title h4 {
  font-size: 2.5rem;
  color: #232323;
  text-transform: uppercase;
  margin: 0;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title h4,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title h4 {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title h4,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title h4 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title h4,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title h4 {
    font-size: 1.375rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title p,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title p {
  font-size: 1.375rem;
  color: #232323;
  line-height: 32px;
  letter-spacing: -0.2px;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title p,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title p {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title p,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .pc-title p {
    font-size: 1rem;
    line-height: 22px;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .form-sec-title,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .form-sec-title {
  margin-bottom: 1.875rem;
  text-align: left;
  font-size: 1.375rem;
  font-weight: 700;
  color: #232323;
}
@media (max-width: 991px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .form-sec-title,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .form-sec-title {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .form-sec-title,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .form-sec-title {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .form-sec-title,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .form-sec-title {
    margin-bottom: 0.9375rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form {
  margin-top: 4.375rem;
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form {
    margin-top: 3rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .input-group-prepend,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .input-group-prepend {
  top: 0;
  left: 0;
  width: 30px;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .input-group-prepend .input-group-text,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .input-group-prepend .input-group-text {
  width: 30px;
  text-align: left;
  border-right: none;
  color: #b70b0b;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control {
  border-radius: 0 !important;
  padding-left: 1.875rem;
  border-width: 0;
  border-bottom-width: 1px;
  border-color: rgba(35, 35, 35, 0.3);
  color: #232323;
  background: transparent;
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control {
    padding-left: 1.1rem;
    font-size: 14px;
  }
}
@media (max-width: 599px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control,
  .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control {
    padding-left: 1.4rem;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control:focus,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control:focus {
  border-color: #232323;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control::-webkit-input-placeholder, .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control::-webkit-input-placeholder {
  color: rgba(35, 35, 35, 0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control::-moz-placeholder, .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control::-moz-placeholder {
  color: rgba(35, 35, 35, 0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control:-ms-input-placeholder, .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control:-ms-input-placeholder {
  color: rgba(35, 35, 35, 0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control::-ms-input-placeholder, .modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control::-ms-input-placeholder {
  color: rgba(35, 35, 35, 0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control::placeholder,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control::placeholder {
  color: rgba(35, 35, 35, 0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control:-ms-input-placeholder,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control:-ms-input-placeholder {
  color: rgba(35, 35, 35, 0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control::-ms-input-placeholder,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .input-group .form-control::-ms-input-placeholder {
  color: rgba(35, 35, 35, 0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .form-group .custom-control-label,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .form-group .custom-control-label {
  color: #232323;
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .form-group .uploadfile,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .form-group .uploadfile {
  border: 2px dashed rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.1);
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .form-group .uploadfile i,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .form-group .uploadfile i {
  color: rgba(35, 35, 35, 0.6);
}
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .form-group .uploadfile .fileup p,
.custom-modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .form-group .uploadfile .fileup span,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .form-group .uploadfile .fileup p,
.modal.modal-as-page .modal-dialog .modal-content .modal-body .project-contact .contact-form .form-group .uploadfile .fileup span {
  color: rgba(35, 35, 35, 0.6);
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg,
.modal.modal-as-page .modal-dialog .modal-content.white-bg {
  background: #ffffff !important;
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .modal-header,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .modal-header {
  background: #024ec0;
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact {
  padding-top: 0;
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .pc-title h4,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .pc-title h4 {
  color: #101010;
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .pc-title p,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .pc-title p {
  color: #212121;
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .form-sec-title,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .form-sec-title {
  color: #000000;
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .input-group-prepend .input-group-text,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .input-group-prepend .input-group-text {
  color: #024ec0;
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control {
  border-color: rgba(0, 0, 0, 0.3);
  color: #101010;
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control:focus,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control:focus {
  border-color: #247cff;
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control::-webkit-input-placeholder, .modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control::-moz-placeholder, .modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control::-moz-placeholder {
  color: rgba(0, 0, 0, 0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control:-ms-input-placeholder, .modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control::-ms-input-placeholder, .modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control::placeholder,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control::placeholder {
  color: rgba(0, 0, 0, 0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control:-ms-input-placeholder,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control::-ms-input-placeholder,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .input-group .form-control::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.7);
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .form-group .custom-control-label,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .form-group .custom-control-label {
  color: #101010;
}
@media (max-width: 1199px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .form-group .custom-control-label,
  .modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .form-group .custom-control-label {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .form-group .custom-control-label,
  .modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .form-group .custom-control-label {
    font-size: 14px;
  }
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .form-group .uploadfile,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .form-group .uploadfile {
  border: 2px dashed rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.1);
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .form-group .uploadfile i,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .form-group .uploadfile i {
  color: #024ec0;
}
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .form-group .uploadfile .fileup p,
.custom-modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .form-group .uploadfile .fileup span,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .form-group .uploadfile .fileup p,
.modal.modal-as-page .modal-dialog .modal-content.white-bg .project-contact .contact-form .form-group .uploadfile .fileup span {
  color: #212121;
}
.custom-modal .black-bg,
.modal .black-bg {
  background: rgba(0, 0, 0, 0.1);
  padding: 40px 12%;
  margin: 30px 0px;
}
@media (max-width: 991px) {
  .custom-modal .black-bg,
  .modal .black-bg {
    padding: 40px 3%;
  }
}

.custom-modal .modal-header .close::before, .custom-modal .modal-header .close::after {
  background: #000000 !important;
}

.text {
  font-size: 1.3rem;
  line-height: 32px;
  letter-spacing: -0.2px;
  color: #ffffff;
  text-align: left;
}
@media (max-width: 991px) {
  .text {
    font-size: 1rem;
  }
}

.portfolio-carousel {
  max-width: 949px;
  margin: auto;
}
.portfolio-carousel .owl-stage-outer {
  height: 460px;
}
.portfolio-carousel .owl-item img {
  height: 460px;
  width: auto !important;
  margin: auto;
  border: solid 2px #fff;
}
.portfolio-carousel .owl-nav button[class*=owl] {
  background: #b70b0b;
}

.tech-area {
  margin-bottom: 3px;
  padding: 0 150px;
}
@media (max-width: 1199px) {
  .tech-area {
    padding: 0 17%;
  }
}
@media (max-width: 991px) {
  .tech-area {
    padding: 0 5%;
    margin-bottom: 20px;
  }
}
.tech-area .text-box {
  background: #b70b0b;
  padding: 2.2rem 1.5625rem;
  font-size: 21px;
  color: #ffffff;
  border-radius: 5px 0px 0px 5px;
  height: 100%;
}
@media (max-width: 991px) {
  .tech-area .text-box {
    padding: 34px 10px;
  }
}
@media (max-width: 767px) {
  .tech-area .text-box {
    font-size: 0.875rem;
    margin-bottom: 3px;
    height: auto;
    padding: 15px 10px;
    border-radius: 5px 5px 0px 0px;
  }
}
.tech-area .icons-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px;
  background: #b70b0b;
  border-radius: 0px 5px 5px 0px;
}
.tech-area .icons-tab .icons {
  padding: 10px 0;
}
@media (max-width: 767px) {
  .tech-area .icons-tab .icons {
    padding: 10px 0;
    width: 109px;
  }
}
@media (max-width: 599px) {
  .tech-area .icons-tab .icons {
    border-radius: 0px 0px 5px 5px;
    width: 79px;
  }
}
.tech-area .icons-tab .icons .lt-icon svg {
  width: 60px;
  fill: #ffffff;
}
.tech-area .icons-tab .icons .lt-icon svg polygon {
  fill: url(#MyGradient);
}
.tech-area .icons-tab .icons .icon-text {
  color: #ffffff;
}
@media (max-width: 599px) {
  .tech-area .icons-tab .icons .icon-text {
    font-size: 0.6875rem;
  }
}
.tech-area .lt-icon {
  width: 144px;
}
@media (max-width: 1199px) {
  .tech-area .lt-icon {
    width: 104px;
  }
}
@media (max-width: 767px) {
  .tech-area .lt-icon {
    width: 105px;
    margin: auto;
  }
}
@media (max-width: 599px) {
  .tech-area .lt-icon {
    width: 54px;
    font-size: 0.6875rem;
  }
}
.tech-area .lt-icon img {
  height: 60px;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .tech-area .lt-icon img {
    height: 51px;
  }
}
@media (max-width: 599px) {
  .tech-area .lt-icon img {
    height: 30px;
  }
}

.sectionWrapper {
  margin-bottom: 165px;
  margin-top: 6.25rem;
}
@media (max-width: 991px) {
  .sectionWrapper {
    margin-bottom: 100px;
  }
}
.sectionWrapper #section1 {
  background: #750000;
  z-index: 10;
  padding: 50px 0px 40px;
}
.sectionWrapper #section2 {
  background: #960018;
  z-index: 9;
  padding: 110px 0px 30px;
}
.sectionWrapper #section3 {
  background: #750000;
  z-index: 8;
  padding: 75px 0px 10px;
}
.sectionWrapper #section4 {
  z-index: 7;
}
.sectionWrapper #section5 {
  z-index: 6;
}
.sectionWrapper #section6 {
  z-index: 5;
}

.section {
  width: 100%;
  position: relative;
  padding: 50px 0px;
}

.section::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: inherit;
  z-index: -1;
  bottom: 0;
}

#section1::after,
#section2::after,
#section4::after {
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
}

#section3::after,
#section5::after {
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transform: skewY(-3deg);
          transform: skewY(-3deg);
}

.sectionInner {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.5);
  padding: 0 50px;
}
@media (max-width: 767px) {
  .sectionInner {
    padding: 0 15px;
  }
}
.sectionInner h3 {
  font-size: 1.5rem;
  color: #ffffff;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .sectionInner h3 {
    font-size: 1rem;
  }
}
.sectionInner img.t-o-r {
  -webkit-transform-origin: right;
          transform-origin: right;
}
.sectionInner img.t-o-l {
  -webkit-transform-origin: left;
          transform-origin: left;
}

.box {
  height: 100%;
}
.box.video-container {
  position: relative;
}
.box.video-container .video-clisk {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(0, 0, 0, 0.4);
}

.box img {
  height: 100% !important;
}

.carousel-3d-slide {
  background: transparent !important;
  border: none !important;
}

.carousel-3d-slide:not(.current) .box a {
  pointer-events: none;
}

.video-modal .modal-dialog {
  max-width: 1024px;
  padding: 0px;
}
.video-modal .modal-dialog .modal-content .modal-body {
  padding: 0px;
  height: calc(100vh - 65px);
}
.video-modal .modal-dialog video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  border: 3px solid white;
}

.country-code .iti__selected-flag {
  padding-left: 24px;
}
.country-code .form-control {
  padding-left: 72px;
}
.country-code .iti__selected-flag {
  border: none;
}

.video-play-button {
  height: 100px;
  width: 100px;
  margin: auto;
  text-align: center;
  line-height: 78px;
  cursor: pointer;
  border-radius: 50%;
  position: relative;
}
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #000;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #000;
  border-radius: 50%;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
.video-play-button:hover:after {
  background-color: black;
}
.video-play-button svg {
  height: 30px;
  z-index: 5;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  padding-left: 10px;
  margin: auto;
  fill: #fff;
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.hearts {
  width: 200px;
  height: 600px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
}

.heart {
  width: 30px;
  height: 30px;
  opacity: 1;
  position: absolute;
  bottom: 0;
  display: none;
}

.heart i {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
}

/*
.colTwo {
    color: #f68b39;
}

.colThree {
    color: #ed6c63;
}

.colFour {
    color: #847bb9;
}

.colFive {
    color: #97cd76;
}

.colSix {
    color: #35b1d1;
}*/
@-webkit-keyframes flowOne {
  0% {
    opacity: 0;
    bottom: 0;
    left: 14%;
  }
  40% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
    left: 0;
  }
  60% {
    opacity: 0.2;
  }
  80% {
    bottom: 80%;
  }
  100% {
    opacity: 0;
    bottom: 100%;
    left: 18%;
  }
}
@keyframes flowOne {
  0% {
    opacity: 0;
    bottom: 0;
    left: 14%;
  }
  40% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
    left: 0;
  }
  60% {
    opacity: 0.2;
  }
  80% {
    bottom: 80%;
  }
  100% {
    opacity: 0;
    bottom: 100%;
    left: 18%;
  }
}
@-webkit-keyframes flowTwo {
  0% {
    opacity: 0;
    bottom: 0;
    left: 0;
  }
  40% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
    left: 11%;
  }
  60% {
    opacity: 0.2;
  }
  80% {
    bottom: 60%;
  }
  100% {
    opacity: 0;
    bottom: 80%;
    left: 0;
  }
}
@keyframes flowTwo {
  0% {
    opacity: 0;
    bottom: 0;
    left: 0;
  }
  40% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
    left: 11%;
  }
  60% {
    opacity: 0.2;
  }
  80% {
    bottom: 60%;
  }
  100% {
    opacity: 0;
    bottom: 80%;
    left: 0;
  }
}
@-webkit-keyframes flowThree {
  0% {
    opacity: 0;
    bottom: 0;
    left: 0;
  }
  40% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
    left: 30%;
  }
  60% {
    opacity: 0.2;
  }
  80% {
    bottom: 70%;
  }
  100% {
    opacity: 0;
    bottom: 90%;
    left: 0;
  }
}
@keyframes flowThree {
  0% {
    opacity: 0;
    bottom: 0;
    left: 0;
  }
  40% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
    left: 30%;
  }
  60% {
    opacity: 0.2;
  }
  80% {
    bottom: 70%;
  }
  100% {
    opacity: 0;
    bottom: 90%;
    left: 0;
  }
}
.top-hiw-tabs .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #024ec0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid 2px #247cff !important;
}
@media (max-width: 599px) {
  .top-hiw-tabs .owl-nav button {
    width: 45px;
    height: 45px;
  }
}
.top-hiw-tabs .owl-nav button span {
  display: none;
}
.top-hiw-tabs .owl-nav button:before {
  content: "";
  font-family: "Material Icons Round";
  font-size: 2.5rem;
  color: #ffffff;
  width: 36px;
  line-height: 30px;
}
.top-hiw-tabs .owl-nav button.owl-prev {
  left: 40px;
}
.top-hiw-tabs .owl-nav button.owl-prev:before {
  content: "\e314";
}
@media (max-width: 599px) {
  .top-hiw-tabs .owl-nav button.owl-prev {
    left: 0;
  }
}
.top-hiw-tabs .owl-nav button.owl-next {
  right: 40px;
}
.top-hiw-tabs .owl-nav button.owl-next:before {
  content: "\e315";
}
@media (max-width: 599px) {
  .top-hiw-tabs .owl-nav button.owl-next {
    right: 0;
  }
}
.top-hiw-tabs .owl-nav button.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.top-hiw-tabs .owl-nav button:focus, .top-hiw-tabs .owl-nav button:focus-visible {
  outline: none;
}

.hiw-tabs .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #024ec0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid 2px #247cff !important;
}
@media (max-width: 599px) {
  .hiw-tabs .owl-nav button {
    width: 45px;
    height: 45px;
  }
}
.hiw-tabs .owl-nav button span {
  display: none;
}
.hiw-tabs .owl-nav button:before {
  content: "";
  font-family: "Material Icons Round";
  font-size: 2.5rem;
  color: #ffffff;
  width: 37px;
  height: 20px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hiw-tabs .owl-nav button.owl-prev {
  left: 40px;
}
.hiw-tabs .owl-nav button.owl-prev:before {
  content: "\e314";
}
@media (max-width: 599px) {
  .hiw-tabs .owl-nav button.owl-prev {
    left: 0;
  }
}
.hiw-tabs .owl-nav button.owl-next {
  right: 40px;
}
.hiw-tabs .owl-nav button.owl-next:before {
  content: "\e315";
}
@media (max-width: 599px) {
  .hiw-tabs .owl-nav button.owl-next {
    right: 0;
  }
}
.hiw-tabs .owl-nav button.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.hiw-tabs .owl-nav button:focus, .hiw-tabs .owl-nav button:focus-visible {
  outline: none;
}

#video {
  position: relative;
  min-height: 600px;
  height: 100vh;
}
@media (max-width: 991px) {
  #video {
    height: 50vh;
  }
}
@media (max-width: 767px) {
  #video {
    height: 100vh;
    min-height: auto;
  }
}
#video:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(250deg, rgba(0, 0, 0, 0.3) 19%, rgba(0, 0, 0, 0.8) 100%);
}
#video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
#video .video-caption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  #video .video-caption {
    text-align: center;
  }
  #video .video-caption .row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#video .video-caption .banner-heading {
  font-size: 3.25rem;
  line-height: 70px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 1.25rem;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.26);
}
@media (max-width: 1199px) {
  #video .video-caption .banner-heading {
    font-size: 2.25rem;
    line-height: 45px;
  }
}
@media (max-width: 991px) {
  #video .video-caption .banner-heading {
    font-size: 1.875rem;
    line-height: 40px;
    margin-bottom: 0.625rem;
  }
}
@media (max-width: 767px) {
  #video .video-caption .banner-heading {
    font-size: 1.5rem;
    line-height: 30px;
  }
}
#video .video-caption .banner-heading span.accent-color {
  font-weight: 700;
  margin: 0;
  font-size: 18px;
  line-height: 24px;
}
#video .video-caption p {
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: #ffffff;
  margin-bottom: 1.25rem;
}
@media (max-width: 1199px) {
  #video .video-caption p {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) {
  #video .video-caption p {
    font-size: 1rem;
    line-height: 24px;
  }
}
#video .video-caption .btn-banner-white {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  border: solid 1px #ffffff;
  color: #ffffff;
  background-color: transparent;
  padding: 0.5rem 1.25rem;
  letter-spacing: 0.2px;
  border-radius: 8px;
}
#video .video-caption .btn-banner-white:hover {
  background-color: #ffffff;
  color: #024ec0;
}

@media (max-width: 455px) {
  .video-caption-new .btn-banner-white.last-btn {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  section {
    content-visibility: auto;
  }
}

.logo-carousel {
  background: #ecf4fd;
  padding: 1.25rem 0;
}
@media (min-width: 1349px) {
  .logo-carousel .container {
    max-width: 1349px;
  }
}
.logo-carousel .client-logos:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100px;
  background-image: -webkit-gradient(linear, left top, right top, from(#ecf4fd), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #ecf4fd, rgba(255, 255, 255, 0));
  z-index: 9;
}
.logo-carousel .client-logos:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100px;
  background-image: -webkit-gradient(linear, right top, left top, from(#ecf4fd), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to left, #ecf4fd, rgba(255, 255, 255, 0));
  z-index: 9;
}

.our-services {
  overflow-x: hidden;
}
@media (min-width: 1349px) {
  .our-services .container {
    max-width: 1349px;
  }
}
.our-services .col-sm-3 {
  margin-bottom: 25px;
}
.our-services .service-box {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  margin-bottom: 1.875rem;
}
@media (max-width: 599px) {
  .our-services .service-box {
    margin-bottom: 1.25rem;
  }
}
.our-services .service-box .front-part {
  position: relative;
}
.our-services .service-box .front-part .front-content-part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 360px;
  background-color: #ffffff;
  text-align: center;
  padding: 3.125rem 1.5625rem;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.our-services .service-box .front-part .front-content-part:before {
  content: "";
  border-radius: 50%;
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  height: 200px;
  width: 200px;
  background-color: #ecf4fd;
  right: -120px;
  bottom: -120px;
  z-index: 0;
  -webkit-transition: all 0.5s ease 1s;
  transition: all 0.5s ease 1s;
}
.our-services .service-box .front-part .front-content-part:after {
  content: "";
  border-radius: 50%;
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  right: -130px;
  bottom: -130px;
  background-color: #024ec0;
  height: 200px;
  width: 200px;
  -webkit-transition: all 0.5s ease 1s;
  transition: all 0.5s ease 1s;
}
@media (max-width: 767px) and (min-width: 991px) {
  .our-services .service-box .front-part .front-content-part:after {
    height: 180px;
    width: 180px;
  }
}
.our-services .service-box .front-part .front-content-part .front-content-area {
  z-index: 1;
  width: 100%;
}
@media (max-width: 991px) {
  .our-services .service-box .front-part .front-content-part {
    padding: 3.125rem 1.25rem;
  }
}
.our-services .service-box .front-part .front-content-part.it-front-content-part::before {
  top: -172px;
  right: -66px;
  counter-increment: section;
  content: "0" counter(section) "";
  color: #368CFF;
  line-height: 14;
  font-size: 30px;
  background: transparent;
  z-index: 999999;
  font-weight: 600;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.our-services .service-box .front-part .front-content-part.it-front-content-part::after {
  top: -110px;
  right: -110px;
}
.our-services .service-box .front-part .front-content-part.it-front-content-part .icon-area {
  width: 50px;
}
.our-services .service-box .front-part .front-content-part.digital-front-content-part {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.our-services .service-box .front-part .icon-part {
  width: 80px;
  height: 80px;
  margin: 0 auto 0.9375rem;
  background: rgba(78, 149, 237, 0.11);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.our-services .service-box .front-part .icon-part .icon-area {
  width: 35px;
}
.our-services .service-box .front-part .icon-part .title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0.625rem;
  color: #000000;
}
.our-services .service-box .front-part .icon-part svg {
  max-width: 50px;
  fill: url(#MyGradient);
}
.our-services .service-box .front-part .title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0.625rem;
  color: #000000;
}
@media (max-width: 1199px) {
  .our-services .service-box .front-part .title {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) {
  .our-services .service-box .front-part .title {
    font-size: 1rem;
    line-height: 20px;
  }
}
.our-services .service-box .front-part .title a {
  color: #000000;
  pointer-events: none;
}
@media (max-width: 767px) {
  .our-services .service-box .front-part .title a {
    pointer-events: inherit;
  }
  .our-services .service-box .front-part .title a:hover {
    color: #024ec0;
  }
}
.our-services .service-box .front-part p {
  color: #484848;
  margin: 0;
}
.our-services .service-box .front-part ul {
  list-style: none;
  padding-left: 0;
}
.our-services .service-box .front-part ul li {
  display: inline-block;
  position: relative;
  padding-left: 10px;
}
.our-services .service-box .front-part ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background-image: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  position: absolute;
  top: 50%;
  left: -3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.our-services .service-box .front-part ul li + li {
  margin-left: 0.625rem;
}
@media (max-width: 991px) {
  .our-services .service-box .front-part ul li {
    margin-bottom: 0.3125rem;
    padding-left: 0.3125rem;
  }
  .our-services .service-box .front-part ul li + li {
    margin-left: 0.3125rem;
  }
}
.our-services .service-box .back-front {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  position: absolute;
  z-index: -1;
  padding: 1.875rem 1.125rem;
  border-radius: 5px;
  background-color: #562dd4;
  top: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 360px;
  background-color: transparent;
  background-position: center;
  background-clip: padding-box;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
  transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
  transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
  transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
}
@media (max-width: 767px) {
  .our-services .service-box .back-front {
    display: none;
    height: 300px;
  }
}
.our-services .service-box .back-front .back-title {
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 0.9375rem;
  color: #ffffff;
}
.our-services .service-box .back-front .back-title a {
  color: #ffffff;
}
@media (max-width: 1199px) {
  .our-services .service-box .back-front .back-title {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) {
  .our-services .service-box .back-front .back-title {
    font-size: 1rem;
    line-height: 20px;
  }
}
.our-services .service-box .back-front .back-desc {
  color: #ffffff;
  margin-bottom: 1.25rem;
}
@media (max-width: 991px) {
  .our-services .service-box .back-front .back-desc {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
.our-services .service-box:hover .front-part .front-content-part:before, .our-services .service-box:hover .front-part .front-content-part:after {
  right: -100%;
  bottom: -100%;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.our-services .service-box:hover .back-front {
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
  z-index: 1;
  background-image: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  height: 100%;
}
@media (max-width: 767px) {
  .our-services .service-box.it-service-box {
    padding: 15px;
  }
}
.our-services .service-box.it-service-box:hover {
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.our-services .service-box.it-service-box:hover .front-part .front-content-part:before {
  top: -172px;
  right: -66px;
  -webkit-transition-delay: 1ms;
          transition-delay: 1ms;
  color: #ffffff;
  -webkit-transition: none;
  transition: none;
}
.our-services .service-box.it-service-box:hover .front-part .front-content-part:after {
  top: -110px;
  right: -110px;
}
.our-services .service-box.it-service-box:hover .front-part .front-content-part .icon-part {
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
.our-services .service-box.it-service-box:hover .front-part .front-content-part .icon-part .icon-area svg {
  fill: #ffffff;
}
.our-services .service-box.it-service-box:hover .front-part .front-content-part .icon-part .icon-area svg path {
  stroke: url(#MyGradient);
}
.our-services .service-box.digital-transformation-box {
  height: 100%;
}
.our-services .service-box.digital-transformation-box .flip-box-wrap {
  height: 100%;
}
.our-services .service-box.digital-transformation-box .flip-box-wrap .front-part {
  height: 100%;
}
.our-services .service-box.digital-transformation-box .flip-box-wrap .front-part p {
  margin-bottom: 16px;
}
.our-services .service-box.digital-transformation-box .flip-box-wrap .front-part ul li {
  margin-left: 0;
}
.our-services .service-box.digital-transformation-box .flip-box-wrap .front-part ul li:before {
  top: 13px;
}
.our-services .service-box.digital-transformation-box .flip-box-wrap .front-part .digital-front-content-part {
  padding-bottom: 0;
  height: 100%;
}
.our-services .service-box.digital-transformation-box .flip-box-wrap .front-part .digital-front-content-part .front-content-area .fw-600 {
  font-weight: 600;
}
.our-services .service-box.digital-transformation-box .flip-box-wrap .front-part .digital-front-content-part .front-content-area ul {
  text-align: left;
  margin-bottom: 0;
}
.our-services .service-box.digital-transformation-box .flip-box-wrap .front-part .digital-front-content-part .front-content-area ul li {
  display: block !important;
}
.our-services .service-box.payment-service-box .flip-box-wrap .front-part .payment-content-part {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.our-services.it-staff-services {
  counter-reset: section;
}
.our-services.it-staff-services .section-heading .section-title {
  max-width: 580px;
}
.our-services.project-scoping-success .section-heading h2 {
  line-height: 60px;
  margin: 0;
}
.our-services.project-scoping-success .section-para p {
  margin: 0;
  line-height: 30px;
}
.our-services.project-scoping-success .process-image {
  width: 100%;
}
.our-services.project-scoping-success .process-image img {
  width: 100%;
}
.our-services.psp-services .service-box .front-part .icon-part .icon-area {
  width: 45px;
}
.our-services.our-services-new .section-heading .section-title {
  max-width: 750px;
}
@media (max-width: 599px) {
  .our-services.industry-specific-sda .section-heading {
    text-align: center;
  }
}
.our-services.industry-specific-sda .service-box {
  height: 100%;
}
.our-services.industry-specific-sda .service-box .flip-box-wrap {
  height: 100%;
}
.our-services.industry-specific-sda .service-box .flip-box-wrap .front-part {
  height: 100%;
}
.our-services.industry-specific-sda .service-box .flip-box-wrap .front-part .front-content-part {
  height: 100%;
}
.our-services.industry-specific-sda .service-box .flip-box-wrap .front-part .front-content-part .front-content-area ul {
  text-align: left;
}
.our-services.industry-specific-sda .service-box .flip-box-wrap .front-part .front-content-part .front-content-area ul li:before {
  top: 0.5rem;
  -webkit-transform: inherit;
          transform: inherit;
}
.our-services.industry-specific-sda .service-box .flip-box-wrap .front-part .front-content-part .front-content-area ul li + li {
  margin-left: 0;
}
.our-services.sda-solutions .service-box .flip-box-wrap .front-part .front-content-part {
  padding: 1.5625rem;
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
}
.our-services.sda-solutions .service-box .flip-box-wrap .front-part .front-content-part:before {
  display: none;
}
.our-services.sda-solutions .service-box .flip-box-wrap .front-part .front-content-part:after {
  display: none;
}
.our-services.sda-solutions .service-box .flip-box-wrap .front-part .front-content-part .front-content-area ul li {
  display: block;
}
.our-services.sda-solutions .service-box.spicific-figure .flip-box-wrap .front-part .front-content-part .front-content-area h3 {
  font-size: 25px;
  line-height: 35px;
}
.our-services.sda-solutions .service-box.spicific-figure .flip-box-wrap .front-part .front-content-part .front-content-area p {
  font-size: 20px;
}

.about {
  overflow: hidden;
  background: #ecf4fd;
  position: relative;
}
@media (max-width: 991px) {
  .about .align-items-center {
    -webkit-box-align: normal !important;
        -ms-flex-align: normal !important;
            align-items: normal !important;
  }
}
@media (max-width: 767px) {
  .about {
    padding: 1.875rem 0 0;
  }
}
.about .section-heading {
  padding-right: 3.125rem;
  margin-bottom: 0;
  z-index: 1;
}
@media (max-width: 1199px) {
  .about .section-heading {
    padding-right: 0;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
}
@media (max-width: 991px) {
  .about .section-heading {
    padding-top: 0;
    text-align: center !important;
  }
}
.about .about-graphic {
  float: left;
  width: 50vw;
  height: 100%;
  position: relative;
}
.about .about-graphic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .about .about-graphic {
    width: 100vw;
    margin-left: -15px;
    height: 300px;
  }
  .about .about-graphic img {
    -o-object-position: top center;
       object-position: top center;
  }
}
@media (max-width: 767px) {
  .about.startup-consulting-choose {
    padding: 1.875rem 0;
  }
}
.about.startup-consulting-choose .about-graphic {
  width: 100%;
}
@media (max-width: 767px) {
  .about.startup-consulting-choose .about-graphic {
    margin-left: 0;
    height: auto;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .about.startup-consulting-choose .section-heading {
    text-align: left !important;
  }
}
@media (max-width: 767px) {
  .about.startup-consulting-choose .section-heading {
    padding-top: 1.875rem;
  }
}
.about.startup-consulting-choose .section-heading .section-title {
  margin: 0;
}
@media (max-width: 767px) {
  .about.startup-consulting-choose .section-heading .section-title {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .about.startup-consulting-choose .startup-ease ul li {
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 10px auto;
    word-break: break-all;
  }
  .about.startup-consulting-choose .startup-ease ul li:first-child {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .about.startup-consulting-choose .startup-choose-success {
    text-align: center !important;
  }
}
.about.startup-consulting-choose .startup-choose-success.sda_architecture-bottom p {
  font-size: 1.125rem;
}
@media (max-width: 1199px) {
  .about.startup-consulting-choose .startup-choose-success.sda_architecture-bottom p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .about.startup-consulting-choose .startup-choose-success.sda_architecture-bottom p {
    font-size: 0.875rem;
  }
}
.about.startup-consulting-choose.high-level-architecture {
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 40px;
}
@media (max-width: 599px) {
  .about.startup-consulting-choose.high-level-architecture {
    padding: 20px;
  }
}
@media (max-width: 599px) {
  .about.startup-consulting-choose.high-level-architecture .sda-architecture {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .about.startup-consulting-choose.high-level-architecture .startup-ease ul li ol li {
    font-size: 0.875rem;
  }
  .about.startup-consulting-choose.high-level-architecture .startup-ease ul li ol li:before {
    top: 12px;
  }
}
.about.startup-consulting-choose.implementation-sensor-data {
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 40px;
}
@media (max-width: 599px) {
  .about.startup-consulting-choose.implementation-sensor-data {
    padding: 20px;
  }
}
.about.it-staff-hire {
  background: #ffffff;
  /*regular step */
}
.about.it-staff-hire .section-heading {
  padding-right: 0;
}
.about.it-staff-hire .section-heading .section-title {
  max-width: 100%;
  margin: 0;
}
.about.it-staff-hire .startup-ease {
  counter-reset: my-sec-counter;
}
@media (max-width: 767px) {
  .about.it-staff-hire .startup-ease {
    padding-bottom: 50px;
  }
}
.about.it-staff-hire .startup-ease h4 {
  font-weight: 600;
}
@media (max-width: 991px) {
  .about.it-staff-hire .startup-ease h4 {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .about.it-staff-hire .startup-ease h4 {
    font-size: 1.375rem;
  }
}
@media (max-width: 575px) {
  .about.it-staff-hire .startup-ease h4 {
    font-size: 1rem;
  }
}
.about.it-staff-hire .startup-ease p {
  margin-bottom: 20px;
}
.about.it-staff-hire .about-graphic {
  width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  .about.it-staff-hire .about-graphic {
    width: 60%;
    margin: auto;
    float: none;
  }
}
@media (max-width: 599px) {
  .about.it-staff-hire .about-graphic {
    width: 80%;
  }
}
.about.it-staff-hire .about-graphic img {
  position: relative;
  z-index: 1;
}
.about.it-staff-hire .about-graphic::after {
  content: "";
  position: absolute;
  right: -18px;
  z-index: 100;
  top: -18px;
  width: 50%;
  height: 80%;
  background: #227AFC;
  z-index: 0;
}
.about.it-staff-hire .step {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: cream;
}
.about.it-staff-hire .v-stepper {
  position: relative;
  /*visibility: visible;*/
}
.about.it-staff-hire .step .circle {
  background-color: white;
  border: 3px solid gray;
  border-radius: 100%;
  width: 20px;
  /* +6 for border */
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.about.it-staff-hire .step .circle::before {
  counter-increment: my-sec-counter;
  content: "" counter(my-sec-counter) "";
  position: absolute;
  top: -4px;
  right: 3px;
  color: #ffffff;
}
.about.it-staff-hire .step .line {
  top: 56px;
  left: 9px;
  /* height: 120px;*/
  height: 100%;
  position: absolute;
  border-left: 3px solid gray;
}
@media (max-width: 475px) {
  .about.it-staff-hire .step .line {
    top: 68px;
  }
}
@media (max-width: 400px) {
  .about.it-staff-hire .step .line {
    top: 88px;
  }
}
.about.it-staff-hire .step.completed .circle {
  visibility: visible;
  background-color: #247cff;
  border-color: #247cff;
}
.about.it-staff-hire .step.completed .line {
  border-left: 2px dashed #E7E7E7;
}
.about.it-staff-hire .step.active .circle {
  visibility: visible;
  border-color: #484c7f;
}
.about.it-staff-hire .step.empty .circle {
  visibility: hidden;
}
.about.it-staff-hire .step.empty .line {
  /* visibility: hidden;
   height: 150%;
  top : 0;*/
  height: 150%;
}
.about.it-staff-hire .step:last-child .line {
  border-left: 3px solid white;
  z-index: -1;
  /* behind the circle to completely hide */
}
.about.it-staff-hire .content {
  margin-left: 20px;
  font-size: 15px;
  color: #646464;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 599px) {
  .about.it-staff-hire .content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.about.it-staff-hire .content .it-hire-icon {
  min-width: 70px;
  height: 70px;
  margin: 0 auto 0.9375rem;
  background: rgba(78, 149, 237, 0.11);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.about.it-staff-hire .content .it-hire-icon svg {
  width: 40px;
  fill: url(#MyGradient);
}
.about.it-staff-hire .content .it-hire-text {
  margin-left: 20px;
  margin-top: 10px;
  font-size: 1.125rem;
  font-weight: 400;
  color: #646464;
  /*@media(max-width: 575px) {
      font-size: 0.5rem;
  }*/
}
@media (max-width: 767px) {
  .about.it-staff-hire .content .it-hire-text {
    font-size: 0.875rem;
  }
}
@media (max-width: 991px) {
  .about.it-staff-hire .it-od-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 991px) {
  .about.it-staff-hire .it-od-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 767px) {
  .about.startup-consulting-about .startup-ease ul li {
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 10px auto;
    word-break: break-all;
  }
  .about.startup-consulting-about .startup-ease ul li:first-child {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .about.startup-consulting-about .about-graphic {
    height: auto;
  }
}
@media (max-width: 767px) {
  .about.startup-consulting-about .startup-success {
    text-align: center !important;
  }
}
.about.about-new .section-heading .section-title {
  margin: 0 !important;
  max-width: 100%;
}
.about.about-new .about-graphic {
  width: 100%;
}
@media (max-width: 767px) {
  .about.about-new .about-graphic {
    margin-left: 0;
  }
}

.dev-process .process-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media (max-width: 991px) {
  .dev-process .process-wrapper {
    margin: 0 -0.9375rem;
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper {
    width: 320px;
    margin: auto;
  }
}
@media (max-width: 399px) {
  .dev-process .process-wrapper {
    width: 290px;
  }
}
.dev-process .process-wrapper .process-item {
  background: #efefef;
  position: relative;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  border: solid 2px #024ec0;
  margin: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1399px) {
  .dev-process .process-wrapper .process-item {
    width: 340px;
    height: 340px;
  }
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item {
    width: 280px;
    height: 280px;
    margin: 0.625rem 1.25rem 1.25rem;
  }
}
@media (max-width: 991px) {
  .dev-process .process-wrapper .process-item {
    width: 240px;
    height: 240px;
    margin: 0 0.5rem 1.875rem;
  }
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item {
    width: 190px;
    height: 190px;
    margin: 0 5px 0.625rem;
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item {
    width: 220px;
    height: 220px;
  }
}
.dev-process .process-wrapper .process-item::before {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  bottom: 6px;
  left: 6px;
  border-radius: 100%;
  border: solid 5px #024ec0;
}
@media (max-width: 991px) {
  .dev-process .process-wrapper .process-item::before {
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    border-width: 3px;
  }
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item::before {
    display: none;
  }
}
.dev-process .process-wrapper .process-item:after {
  content: "";
  position: absolute;
  width: 144px;
  height: 148px;
  background: url(../images/process-connect.png) no-repeat;
  background-size: 100%;
  -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));
  z-index: 9;
  display: none;
}
@media (max-width: 1399px) {
  .dev-process .process-wrapper .process-item:after {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item:after {
    width: 130px;
    height: 120px;
  }
}
@media (max-width: 991px) {
  .dev-process .process-wrapper .process-item:after {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:after {
    width: 90px;
    height: 90px;
  }
}
.dev-process .process-wrapper .process-item .process-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: solid 5px #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  position: absolute;
  z-index: 11;
}
.dev-process .process-wrapper .process-item .process-icon svg {
  fill: #ffffff;
  width: 40px;
  max-height: 55px;
}
@media (max-width: 1399px) {
  .dev-process .process-wrapper .process-item .process-icon {
    width: 70px;
    height: 70px;
  }
  .dev-process .process-wrapper .process-item .process-icon svg {
    width: 35px;
    max-height: 50px;
  }
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item .process-icon {
    width: 55px;
    height: 55px;
    border-width: 2px;
  }
  .dev-process .process-wrapper .process-item .process-icon svg {
    width: 30px;
    max-height: 40px;
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:first-of-type {
    margin-left: -64px;
  }
}
.dev-process .process-wrapper .process-item:first-of-type:after {
  display: block;
  right: 10px;
  bottom: -66px;
  -webkit-transform: rotate(296deg);
          transform: rotate(296deg);
}
@media (max-width: 1399px) {
  .dev-process .process-wrapper .process-item:first-of-type:after {
    right: 22px;
    bottom: -50px;
  }
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item:first-of-type:after {
    right: 0px;
    bottom: -55px;
    -webkit-transform: rotate(294deg);
            transform: rotate(294deg);
  }
}
@media (max-width: 991px) {
  .dev-process .process-wrapper .process-item:first-of-type:after {
    right: 7px;
    bottom: -48px;
  }
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item:first-of-type:after {
    right: 2px;
    bottom: -57px;
    -webkit-transform: rotate(116deg);
            transform: rotate(116deg);
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:first-of-type:after {
    right: 26px;
    bottom: -49px;
    -webkit-transform: rotate(128deg);
            transform: rotate(128deg);
  }
}
.dev-process .process-wrapper .process-item:first-of-type .process-icon {
  top: 17px;
  right: 10px;
  -webkit-box-shadow: 3px -3px 5px 0px rgba(0, 0, 0, 0.13);
          box-shadow: 3px -3px 5px 0px rgba(0, 0, 0, 0.13);
}
@media (max-width: 1399px) {
  .dev-process .process-wrapper .process-item:first-of-type .process-icon {
    top: 16px;
  }
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item:first-of-type .process-icon {
    top: 4px;
    right: 0;
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:first-of-type .process-icon {
    top: 50%;
    right: -45px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:nth-of-type(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-left: -64px;
  }
}
.dev-process .process-wrapper .process-item:nth-of-type(2) .process-icon {
  bottom: -38px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.13);
          box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.13);
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item:nth-of-type(2) .process-icon {
    bottom: -40px;
  }
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item:nth-of-type(2) .process-icon {
    bottom: -20px;
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:nth-of-type(2) .process-icon {
    bottom: 50%;
    right: -45px;
    left: auto;
    -webkit-transform: translateX(0) translateY(50%);
            transform: translateX(0) translateY(50%);
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:nth-of-type(3) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    margin-left: -64px;
  }
}
.dev-process .process-wrapper .process-item:nth-of-type(3):after {
  display: block;
  left: 12px;
  bottom: -66px;
  -webkit-transform: rotate(354deg);
          transform: rotate(354deg);
}
@media (max-width: 1399px) {
  .dev-process .process-wrapper .process-item:nth-of-type(3):after {
    left: 22px;
    bottom: -48px;
  }
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item:nth-of-type(3):after {
    left: 2px;
    bottom: -55px;
    -webkit-transform: rotate(357deg);
            transform: rotate(357deg);
  }
}
@media (max-width: 991px) {
  .dev-process .process-wrapper .process-item:nth-of-type(3):after {
    left: 4px;
    bottom: -50px;
  }
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item:nth-of-type(3):after {
    left: -10px;
    bottom: -59px;
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:nth-of-type(3):after {
    left: 99px;
    top: -49px;
    bottom: auto;
    -webkit-transform: rotate(344deg);
            transform: rotate(344deg);
  }
}
.dev-process .process-wrapper .process-item:nth-of-type(3) .process-icon {
  top: 17px;
  left: 10px;
  -webkit-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.13);
          box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.13);
}
@media (max-width: 1399px) {
  .dev-process .process-wrapper .process-item:nth-of-type(3) .process-icon {
    top: 16px;
  }
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item:nth-of-type(3) .process-icon {
    top: 3px;
    left: 0px;
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:nth-of-type(3) .process-icon {
    top: 50%;
    left: auto;
    right: -45px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.dev-process .process-wrapper .process-item:nth-of-type(4) {
  margin-top: -2.5rem;
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item:nth-of-type(4) {
    margin-top: 0rem !important;
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:nth-of-type(4) {
    margin-right: -65px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.dev-process .process-wrapper .process-item:nth-of-type(4):after {
  display: block;
  right: 7px;
  top: -54px;
  -webkit-transform: rotate(354deg);
          transform: rotate(354deg);
}
@media (max-width: 1399px) {
  .dev-process .process-wrapper .process-item:nth-of-type(4):after {
    right: 8px;
    top: -41px;
  }
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item:nth-of-type(4):after {
    right: -2px;
    top: -57px;
    -webkit-transform: rotate(357deg);
            transform: rotate(357deg);
  }
}
@media (max-width: 991px) {
  .dev-process .process-wrapper .process-item:nth-of-type(4):after {
    right: 6px;
    top: -45px;
  }
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item:nth-of-type(4):after {
    right: 0px;
    top: -55px;
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:nth-of-type(4):after {
    right: 100px;
    top: auto;
    bottom: -53px;
    -webkit-transform: rotate(347deg);
            transform: rotate(347deg);
  }
}
.dev-process .process-wrapper .process-item:nth-of-type(4) .process-icon {
  bottom: 15px;
  left: 10px;
  -webkit-box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.13);
          box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.13);
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item:nth-of-type(4) .process-icon {
    bottom: -5px;
    left: 10px;
  }
}
@media (max-width: 991px) {
  .dev-process .process-wrapper .process-item:nth-of-type(4) .process-icon {
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:nth-of-type(4) .process-icon {
    bottom: 50%;
    left: -45px;
    -webkit-transform: translateX(0) translateY(50%);
            transform: translateX(0) translateY(50%);
  }
}
.dev-process .process-wrapper .process-item:nth-of-type(5) {
  margin-top: -2.5rem;
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item:nth-of-type(5) {
    margin-top: 0;
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:nth-of-type(5) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-right: -65px;
  }
}
.dev-process .process-wrapper .process-item:nth-of-type(5):after {
  display: block;
  left: 12px;
  top: -57px;
  -webkit-transform: rotate(296deg);
          transform: rotate(296deg);
}
@media (max-width: 1399px) {
  .dev-process .process-wrapper .process-item:nth-of-type(5):after {
    left: 18px;
    top: -47px;
  }
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item:nth-of-type(5):after {
    left: -11px;
    top: -54px;
    -webkit-transform: rotate(292deg);
            transform: rotate(292deg);
  }
}
@media (max-width: 991px) {
  .dev-process .process-wrapper .process-item:nth-of-type(5):after {
    left: 7px;
    top: -48px;
  }
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item:nth-of-type(5):after {
    left: 1px;
    top: -58px;
    -webkit-transform: rotate(-65deg);
            transform: rotate(-65deg);
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:nth-of-type(5):after {
    left: 32px;
    top: -51px;
    -webkit-transform: rotate(-55deg);
            transform: rotate(-55deg);
  }
}
.dev-process .process-wrapper .process-item:nth-of-type(5) .process-icon {
  bottom: 19px;
  right: 10px;
  -webkit-box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.13);
          box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.13);
}
@media (max-width: 1399px) {
  .dev-process .process-wrapper .process-item:nth-of-type(5) .process-icon {
    bottom: 16px;
  }
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item:nth-of-type(5) .process-icon {
    bottom: -4px;
    right: 7px;
  }
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item:nth-of-type(5) .process-icon {
    bottom: -20px;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item:nth-of-type(5) .process-icon {
    bottom: 50%;
    right: auto;
    left: -45px;
    -webkit-transform: translateX(0) translateY(50%);
            transform: translateX(0) translateY(50%);
  }
}
.dev-process .process-wrapper .process-item .process-inner {
  width: 300px;
  height: 300px;
  background: #ffffff;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 1.875rem;
  z-index: 10;
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item .process-inner {
    width: 235px;
    height: 235px;
    padding: 1.25rem;
  }
}
@media (max-width: 991px) {
  .dev-process .process-wrapper .process-item .process-inner {
    width: 214px;
    height: 214px;
    padding: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item .process-inner {
    width: 180px;
    height: 180px;
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item .process-inner {
    width: 200px;
    height: 200px;
    padding: 1.25rem;
  }
}
.dev-process .process-wrapper .process-item .process-inner::before {
  content: "";
  width: 270px;
  height: 270px;
  background: #ffffff;
  border-radius: 100%;
  border: solid 2px #024ec0;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: -1;
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item .process-inner::before {
    width: 215px;
    height: 215px;
    top: 10px;
    left: 10px;
  }
}
@media (max-width: 991px) {
  .dev-process .process-wrapper .process-item .process-inner::before {
    width: 204px;
    height: 204px;
    top: 5px;
    left: 5px;
  }
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item .process-inner::before {
    width: 170px;
    height: 170px;
    border-width: 1px;
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item .process-inner::before {
    width: 190px;
    height: 190px;
    border-width: 2px;
  }
}
.dev-process .process-wrapper .process-item .process-inner::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #024ec0;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 3px rgba(2, 78, 192, 0.28);
          box-shadow: 0 0 0 3px rgba(2, 78, 192, 0.28);
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.dev-process .process-wrapper .process-item .process-inner .process-content h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
  color: #333333;
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item .process-inner .process-content h3 {
    font-size: 0.875rem;
    line-height: 12px;
  }
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item .process-inner .process-content h3 {
    font-size: 0.8125rem;
  }
}
.dev-process .process-wrapper .process-item .process-inner .process-content h3.pd-x {
  padding: 0 40px !important;
  margin-bottom: 0;
}
.dev-process .process-wrapper .process-item .process-inner .process-content p {
  font-size: 0.875rem;
  color: #484848;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .dev-process .process-wrapper .process-item .process-inner .process-content p {
    line-height: 14px;
  }
}
@media (max-width: 991px) {
  .dev-process .process-wrapper .process-item .process-inner .process-content p {
    line-height: 15px;
    font-size: 0.78125rem;
  }
}
@media (max-width: 767px) {
  .dev-process .process-wrapper .process-item .process-inner .process-content p {
    line-height: 11px;
    font-size: 0.6875rem;
  }
}
@media (max-width: 599px) {
  .dev-process .process-wrapper .process-item .process-inner .process-content p {
    line-height: 14px;
    font-size: 0.75rem;
  }
}
.dev-process .process-wrapper.run .process-item:first-of-type .process-inner:after {
  -webkit-animation: circle1 3s linear;
          animation: circle1 3s linear;
}
.dev-process .process-wrapper.run .process-item:nth-of-type(2) .process-inner:after {
  -webkit-animation: circle3 3s 6s linear;
          animation: circle3 3s 6s linear;
}
.dev-process .process-wrapper.run .process-item:nth-of-type(3) .process-inner:after {
  -webkit-animation: circle5 3s 12s linear;
          animation: circle5 3s 12s linear;
}
.dev-process .process-wrapper.run .process-item:nth-of-type(4) .process-inner:after {
  -webkit-animation: circle2 3s 3s linear;
          animation: circle2 3s 3s linear;
}
.dev-process .process-wrapper.run .process-item:nth-of-type(5) .process-inner:after {
  -webkit-animation: circle4 3s 9s linear;
          animation: circle4 3s 9s linear;
}
.dev-process.new-dev-process .process-wrapper .process-item {
  /*@media(max-width: 1479px) {
      width: 340px;
      height: 340px;
      margin: .625rem;
  }*/
}
@media (max-width: 1559px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item {
    width: 340px;
    height: 340px;
    margin: 0.625rem;
  }
}
.dev-process.new-dev-process .process-wrapper .process-item:first-of-type:after {
  /*@media(max-width: 1199px) {
      bottom: 80px;
  }*/
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:first-of-type:after {
    right: -75px;
    bottom: 100px;
    -webkit-transform: rotate(235deg);
            transform: rotate(235deg);
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:first-of-type .process-icon {
    left: 7px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:first-of-type .process-inner {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:first-of-type .process-inner:before {
    width: 270px;
    height: 270px;
    top: 15px;
    left: 15px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:first-of-type .process-inner:after {
    -webkit-animation: circleP1 3s linear;
            animation: circleP1 3s linear;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:first-of-type .process-content h3 {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
    line-height: 24px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:first-of-type .process-content p {
    font-size: 0.875rem;
    margin-bottom: 0;
    line-height: 21px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(2) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(2) .process-icon {
    top: 16px;
    right: -30px;
    left: auto;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(2) .process-inner {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(2) .process-inner:before {
    width: 270px;
    height: 270px;
    top: 15px;
    left: 15px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(2) .process-inner:after {
    -webkit-animation: circleP3 3s 6s linear;
            animation: circleP3 3s 6s linear;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(2) .process-content h3 {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
    line-height: 24px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(2) .process-content p {
    font-size: 0.875rem;
    margin-bottom: 0;
    line-height: 21px;
  }
}
.dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(3) {
  /* @media(max-width: 1199px) {
      margin-top: -1.3rem;
  }*/
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(3) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    margin-top: -2.3rem;
  }
}
.dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(3):after {
  /*@media(max-width: 1199px) {
      left: -3px;
      top: -58px;
      transform: rotate(297deg);
  }*/
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(3):after {
    left: 25px;
    top: -48px;
    bottom: auto;
    -webkit-transform: rotate(294deg);
            transform: rotate(294deg);
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(3) .process-icon {
    top: -40px;
    left: 130px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(3) .process-inner {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(3) .process-inner:before {
    width: 270px;
    height: 270px;
    top: 15px;
    left: 15px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(3) .process-inner:after {
    -webkit-animation: circleP5 3s 12s linear;
            animation: circleP5 3s 12s linear;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(3) .process-content h3 {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
    line-height: 24px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(3) .process-content p {
    font-size: 0.875rem;
    margin-bottom: 0;
    line-height: 21px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(4) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 10px;
  }
}
.dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(4):after {
  /*@media(max-width: 1199px) {
      right: 76px;
      top: 228px;
  }*/
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(4):after {
    right: 100px;
    top: 290px;
    -webkit-transform: rotate(324deg);
            transform: rotate(324deg);
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(4) .process-icon {
    top: 16px;
    right: 10px;
    left: auto;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(4) .process-inner {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(4) .process-inner:before {
    width: 270px;
    height: 270px;
    top: 15px;
    left: 15px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(4) .process-inner:after {
    -webkit-animation: circleP2 3s 3s linear;
            animation: circleP2 3s 3s linear;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(4) .process-content h3 {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
    line-height: 24px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(4) .process-content p {
    font-size: 0.875rem;
    margin-bottom: 0;
    line-height: 21px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(5) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 10px;
  }
}
.dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(5):after {
  /*@media(max-width: 1199px) {
      top: 80px;
  }*/
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(5):after {
    left: auto;
    top: 100px;
    right: -75px;
    -webkit-transform: rotate(235deg);
            transform: rotate(235deg);
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(5) .process-icon {
    top: 16px;
    bottom: auto;
    left: 7px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(5) .process-inner {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(5) .process-inner:before {
    width: 270px;
    height: 270px;
    top: 15px;
    left: 15px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(5) .process-inner:after {
    -webkit-animation: circleP4 3s 9s linear;
            animation: circleP4 3s 9s linear;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(5) .process-content h3 {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
    line-height: 24px;
  }
}
@media (max-width: 1479px) and (min-width: 991px) {
  .dev-process.new-dev-process .process-wrapper .process-item:nth-of-type(5) .process-content p {
    font-size: 0.875rem;
    margin-bottom: 0;
    line-height: 21px;
  }
}
.dev-process.new-dev-process .rating:before {
  width: 250px;
  height: 250px;
}
.dev-process.new-dev-process .rating .rating-graphic img {
  width: 100%;
}

.process-item .process-content {
  text-align: center;
}
.process-item .process-content .process-icon {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin: 0.9375rem 0;
}
.process-item .process-content .process-icon img {
  max-width: 100%;
}
.process-item .process-content .process-icon span {
  position: absolute;
  top: 0.3125rem;
  left: -0.75rem;
  display: inline-block;
  width: 25px;
  height: 25px;
  color: #024ec0;
  background: #ffffff;
  border: solid 1px #ecf4fd;
  border-radius: 50%;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  line-height: 22px;
}
.process-item .process-content h4 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.375rem;
  line-height: 30px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 0.625rem;
  margin-left: 0.625rem;
  vertical-align: top;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.process-item .process-content h4 span {
  line-height: normal;
}
.process-item .process-content p {
  margin-bottom: 0;
}

@-webkit-keyframes circle1 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-118deg) translate(-134px) rotate(0deg);
            transform: rotate(-118deg) translate(-134px) rotate(0deg);
  }
  85% {
    opacity: 1;
    -webkit-transform: rotate(242deg) translate(-134px) rotate(-360deg);
            transform: rotate(242deg) translate(-134px) rotate(-360deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(242deg) translate(-248px) rotate(-360deg);
            transform: rotate(242deg) translate(-248px) rotate(-360deg);
  }
}

@keyframes circle1 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-118deg) translate(-134px) rotate(0deg);
            transform: rotate(-118deg) translate(-134px) rotate(0deg);
  }
  85% {
    opacity: 1;
    -webkit-transform: rotate(242deg) translate(-134px) rotate(-360deg);
            transform: rotate(242deg) translate(-134px) rotate(-360deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(242deg) translate(-248px) rotate(-360deg);
            transform: rotate(242deg) translate(-248px) rotate(-360deg);
  }
}
@media (max-width: 1199px) {
  @-webkit-keyframes circle1 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-118deg) translate(-107px) rotate(0deg);
              transform: rotate(-118deg) translate(-107px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(241deg) translate(-107px) rotate(-360deg);
              transform: rotate(241deg) translate(-107px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(241deg) translate(-197px) rotate(-360deg);
              transform: rotate(241deg) translate(-197px) rotate(-360deg);
    }
  }
  @keyframes circle1 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-118deg) translate(-107px) rotate(0deg);
              transform: rotate(-118deg) translate(-107px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(241deg) translate(-107px) rotate(-360deg);
              transform: rotate(241deg) translate(-107px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(241deg) translate(-197px) rotate(-360deg);
              transform: rotate(241deg) translate(-197px) rotate(-360deg);
    }
  }
}
@media (max-width: 991px) {
  @-webkit-keyframes circle1 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-115deg) translate(-100px) rotate(0deg);
              transform: rotate(-115deg) translate(-100px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(243deg) translate(-100px) rotate(-360deg);
              transform: rotate(243deg) translate(-100px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(243deg) translate(-162px) rotate(-360deg);
              transform: rotate(243deg) translate(-162px) rotate(-360deg);
    }
  }
  @keyframes circle1 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-115deg) translate(-100px) rotate(0deg);
              transform: rotate(-115deg) translate(-100px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(243deg) translate(-100px) rotate(-360deg);
              transform: rotate(243deg) translate(-100px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(243deg) translate(-162px) rotate(-360deg);
              transform: rotate(243deg) translate(-162px) rotate(-360deg);
    }
  }
}
@media (max-width: 767px) {
  @-webkit-keyframes circle1 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-112deg) translate(-84px) rotate(0deg);
              transform: rotate(-112deg) translate(-84px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(246deg) translate(-84px) rotate(-360deg);
              transform: rotate(246deg) translate(-84px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(246deg) translate(-139px) rotate(-360deg);
              transform: rotate(246deg) translate(-139px) rotate(-360deg);
    }
  }
  @keyframes circle1 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-112deg) translate(-84px) rotate(0deg);
              transform: rotate(-112deg) translate(-84px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(246deg) translate(-84px) rotate(-360deg);
              transform: rotate(246deg) translate(-84px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(246deg) translate(-139px) rotate(-360deg);
              transform: rotate(246deg) translate(-139px) rotate(-360deg);
    }
  }
}
@media (max-width: 599px) {
  @-webkit-keyframes circle1 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-110deg) translate(-93px) rotate(0deg);
              transform: rotate(-110deg) translate(-93px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(251deg) translate(-93px) rotate(-360deg);
              transform: rotate(251deg) translate(-93px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(251deg) translate(-147px) rotate(-360deg);
              transform: rotate(251deg) translate(-147px) rotate(-360deg);
    }
  }
  @keyframes circle1 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-110deg) translate(-93px) rotate(0deg);
              transform: rotate(-110deg) translate(-93px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(251deg) translate(-93px) rotate(-360deg);
              transform: rotate(251deg) translate(-93px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(251deg) translate(-147px) rotate(-360deg);
              transform: rotate(251deg) translate(-147px) rotate(-360deg);
    }
  }
}
@-webkit-keyframes circle2 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(58deg) translate(-134px) rotate(0deg);
            transform: rotate(58deg) translate(-134px) rotate(0deg);
  }
  85% {
    opacity: 1;
    -webkit-transform: rotate(-237deg) translate(-134px) rotate(-360deg);
            transform: rotate(-237deg) translate(-134px) rotate(-360deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-237deg) translate(-247px) rotate(-360deg);
            transform: rotate(-237deg) translate(-247px) rotate(-360deg);
  }
}
@keyframes circle2 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(58deg) translate(-134px) rotate(0deg);
            transform: rotate(58deg) translate(-134px) rotate(0deg);
  }
  85% {
    opacity: 1;
    -webkit-transform: rotate(-237deg) translate(-134px) rotate(-360deg);
            transform: rotate(-237deg) translate(-134px) rotate(-360deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-237deg) translate(-247px) rotate(-360deg);
            transform: rotate(-237deg) translate(-247px) rotate(-360deg);
  }
}
@media (max-width: 1399px) {
  @-webkit-keyframes circle2 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(58deg) translate(-134px) rotate(0deg);
              transform: rotate(58deg) translate(-134px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-237deg) translate(-134px) rotate(-360deg);
              transform: rotate(-237deg) translate(-134px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-237deg) translate(-226px) rotate(-360deg);
              transform: rotate(-237deg) translate(-226px) rotate(-360deg);
    }
  }
  @keyframes circle2 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(58deg) translate(-134px) rotate(0deg);
              transform: rotate(58deg) translate(-134px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-237deg) translate(-134px) rotate(-360deg);
              transform: rotate(-237deg) translate(-134px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-237deg) translate(-226px) rotate(-360deg);
              transform: rotate(-237deg) translate(-226px) rotate(-360deg);
    }
  }
}
@media (max-width: 1199px) {
  @-webkit-keyframes circle2 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(53deg) translate(-106px) rotate(0deg);
              transform: rotate(53deg) translate(-106px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-241deg) translate(-106px) rotate(-360deg);
              transform: rotate(-241deg) translate(-106px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-241deg) translate(-199px) rotate(-360deg);
              transform: rotate(-241deg) translate(-199px) rotate(-360deg);
    }
  }
  @keyframes circle2 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(53deg) translate(-106px) rotate(0deg);
              transform: rotate(53deg) translate(-106px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-241deg) translate(-106px) rotate(-360deg);
              transform: rotate(-241deg) translate(-106px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-241deg) translate(-199px) rotate(-360deg);
              transform: rotate(-241deg) translate(-199px) rotate(-360deg);
    }
  }
}
@media (max-width: 991px) {
  @-webkit-keyframes circle2 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(57deg) translate(-101px) rotate(0deg);
              transform: rotate(57deg) translate(-101px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-242deg) translate(-101px) rotate(-360deg);
              transform: rotate(-242deg) translate(-101px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-242deg) translate(-163px) rotate(-360deg);
              transform: rotate(-242deg) translate(-163px) rotate(-360deg);
    }
  }
  @keyframes circle2 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(57deg) translate(-101px) rotate(0deg);
              transform: rotate(57deg) translate(-101px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-242deg) translate(-101px) rotate(-360deg);
              transform: rotate(-242deg) translate(-101px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-242deg) translate(-163px) rotate(-360deg);
              transform: rotate(-242deg) translate(-163px) rotate(-360deg);
    }
  }
}
@media (max-width: 767px) {
  @-webkit-keyframes circle2 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(60deg) translate(-85px) rotate(0deg);
              transform: rotate(60deg) translate(-85px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-246deg) translate(-85px) rotate(-360deg);
              transform: rotate(-246deg) translate(-85px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-246deg) translate(-140px) rotate(-360deg);
              transform: rotate(-246deg) translate(-140px) rotate(-360deg);
    }
  }
  @keyframes circle2 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(60deg) translate(-85px) rotate(0deg);
              transform: rotate(60deg) translate(-85px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-246deg) translate(-85px) rotate(-360deg);
              transform: rotate(-246deg) translate(-85px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-246deg) translate(-140px) rotate(-360deg);
              transform: rotate(-246deg) translate(-140px) rotate(-360deg);
    }
  }
}
@media (max-width: 599px) {
  @-webkit-keyframes circle2 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(77deg) translate(-94px) rotate(0deg);
              transform: rotate(77deg) translate(-94px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(289deg) translate(-94px) rotate(-360deg);
              transform: rotate(289deg) translate(-94px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(289deg) translate(-147px) rotate(-360deg);
              transform: rotate(289deg) translate(-147px) rotate(-360deg);
    }
  }
  @keyframes circle2 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(77deg) translate(-94px) rotate(0deg);
              transform: rotate(77deg) translate(-94px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(289deg) translate(-94px) rotate(-360deg);
              transform: rotate(289deg) translate(-94px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(289deg) translate(-147px) rotate(-360deg);
              transform: rotate(289deg) translate(-147px) rotate(-360deg);
    }
  }
}
@-webkit-keyframes circle3 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-62deg) translate(-134px) rotate(0deg);
            transform: rotate(-62deg) translate(-134px) rotate(0deg);
  }
  85% {
    opacity: 1;
    -webkit-transform: rotate(240deg) translate(-134px) rotate(-360deg);
            transform: rotate(240deg) translate(-134px) rotate(-360deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(240deg) translate(-248px) rotate(-360deg);
            transform: rotate(240deg) translate(-248px) rotate(-360deg);
  }
}
@keyframes circle3 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-62deg) translate(-134px) rotate(0deg);
            transform: rotate(-62deg) translate(-134px) rotate(0deg);
  }
  85% {
    opacity: 1;
    -webkit-transform: rotate(240deg) translate(-134px) rotate(-360deg);
            transform: rotate(240deg) translate(-134px) rotate(-360deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(240deg) translate(-248px) rotate(-360deg);
            transform: rotate(240deg) translate(-248px) rotate(-360deg);
  }
}
@media (max-width: 1199px) {
  @-webkit-keyframes circle3 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-56deg) translate(-107px) rotate(0deg);
              transform: rotate(-56deg) translate(-107px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(239deg) translate(-107px) rotate(-360deg);
              transform: rotate(239deg) translate(-107px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(239deg) translate(-199px) rotate(-360deg);
              transform: rotate(239deg) translate(-199px) rotate(-360deg);
    }
  }
  @keyframes circle3 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-56deg) translate(-107px) rotate(0deg);
              transform: rotate(-56deg) translate(-107px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(239deg) translate(-107px) rotate(-360deg);
              transform: rotate(239deg) translate(-107px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(239deg) translate(-199px) rotate(-360deg);
              transform: rotate(239deg) translate(-199px) rotate(-360deg);
    }
  }
}
@media (max-width: 991px) {
  @-webkit-keyframes circle3 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-59deg) translate(-101px) rotate(0deg);
              transform: rotate(-59deg) translate(-101px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(240deg) translate(-101px) rotate(-360deg);
              transform: rotate(240deg) translate(-101px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(240deg) translate(-162px) rotate(-360deg);
              transform: rotate(240deg) translate(-162px) rotate(-360deg);
    }
  }
  @keyframes circle3 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-59deg) translate(-101px) rotate(0deg);
              transform: rotate(-59deg) translate(-101px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(240deg) translate(-101px) rotate(-360deg);
              transform: rotate(240deg) translate(-101px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(240deg) translate(-162px) rotate(-360deg);
              transform: rotate(240deg) translate(-162px) rotate(-360deg);
    }
  }
}
@media (max-width: 767px) {
  @-webkit-keyframes circle3 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-59deg) translate(-84px) rotate(0deg);
              transform: rotate(-59deg) translate(-84px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(241deg) translate(-84px) rotate(-360deg);
              transform: rotate(241deg) translate(-84px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(241deg) translate(-140px) rotate(-360deg);
              transform: rotate(241deg) translate(-140px) rotate(-360deg);
    }
  }
  @keyframes circle3 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-59deg) translate(-84px) rotate(0deg);
              transform: rotate(-59deg) translate(-84px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(241deg) translate(-84px) rotate(-360deg);
              transform: rotate(241deg) translate(-84px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(241deg) translate(-140px) rotate(-360deg);
              transform: rotate(241deg) translate(-140px) rotate(-360deg);
    }
  }
}
@media (max-width: 599px) {
  @-webkit-keyframes circle3 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(103deg) translate(-93px) rotate(0deg);
              transform: rotate(103deg) translate(-93px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-107deg) translate(-93px) rotate(-360deg);
              transform: rotate(-107deg) translate(-93px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-107deg) translate(-146px) rotate(-360deg);
              transform: rotate(-107deg) translate(-146px) rotate(-360deg);
    }
  }
  @keyframes circle3 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(103deg) translate(-93px) rotate(0deg);
              transform: rotate(103deg) translate(-93px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-107deg) translate(-93px) rotate(-360deg);
              transform: rotate(-107deg) translate(-93px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-107deg) translate(-146px) rotate(-360deg);
              transform: rotate(-107deg) translate(-146px) rotate(-360deg);
    }
  }
}
@-webkit-keyframes circle4 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(58deg) translate(-134px) rotate(0deg);
            transform: rotate(58deg) translate(-134px) rotate(0deg);
  }
  85% {
    opacity: 1;
    -webkit-transform: rotate(-240deg) translate(-134px) rotate(-360deg);
            transform: rotate(-240deg) translate(-134px) rotate(-360deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-240deg) translate(-248px) rotate(-360deg);
            transform: rotate(-240deg) translate(-248px) rotate(-360deg);
  }
}
@keyframes circle4 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(58deg) translate(-134px) rotate(0deg);
            transform: rotate(58deg) translate(-134px) rotate(0deg);
  }
  85% {
    opacity: 1;
    -webkit-transform: rotate(-240deg) translate(-134px) rotate(-360deg);
            transform: rotate(-240deg) translate(-134px) rotate(-360deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-240deg) translate(-248px) rotate(-360deg);
            transform: rotate(-240deg) translate(-248px) rotate(-360deg);
  }
}
@media (max-width: 1399px) {
  @-webkit-keyframes circle4 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(58deg) translate(-134px) rotate(0deg);
              transform: rotate(58deg) translate(-134px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-240deg) translate(-134px) rotate(-360deg);
              transform: rotate(-240deg) translate(-134px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-240deg) translate(-225px) rotate(-360deg);
              transform: rotate(-240deg) translate(-225px) rotate(-360deg);
    }
  }
  @keyframes circle4 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(58deg) translate(-134px) rotate(0deg);
              transform: rotate(58deg) translate(-134px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-240deg) translate(-134px) rotate(-360deg);
              transform: rotate(-240deg) translate(-134px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-240deg) translate(-225px) rotate(-360deg);
              transform: rotate(-240deg) translate(-225px) rotate(-360deg);
    }
  }
}
@media (max-width: 1199px) {
  @-webkit-keyframes circle4 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(53deg) translate(-106px) rotate(0deg);
              transform: rotate(53deg) translate(-106px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-236deg) translate(-106px) rotate(-360deg);
              transform: rotate(-236deg) translate(-106px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-236deg) translate(-199px) rotate(-360deg);
              transform: rotate(-236deg) translate(-199px) rotate(-360deg);
    }
  }
  @keyframes circle4 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(53deg) translate(-106px) rotate(0deg);
              transform: rotate(53deg) translate(-106px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-236deg) translate(-106px) rotate(-360deg);
              transform: rotate(-236deg) translate(-106px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-236deg) translate(-199px) rotate(-360deg);
              transform: rotate(-236deg) translate(-199px) rotate(-360deg);
    }
  }
}
@media (max-width: 991px) {
  @-webkit-keyframes circle4 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(63deg) translate(-101px) rotate(0deg);
              transform: rotate(63deg) translate(-101px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-241deg) translate(-101px) rotate(-360deg);
              transform: rotate(-241deg) translate(-101px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-241deg) translate(-162px) rotate(-360deg);
              transform: rotate(-241deg) translate(-162px) rotate(-360deg);
    }
  }
  @keyframes circle4 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(63deg) translate(-101px) rotate(0deg);
              transform: rotate(63deg) translate(-101px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-241deg) translate(-101px) rotate(-360deg);
              transform: rotate(-241deg) translate(-101px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-241deg) translate(-162px) rotate(-360deg);
              transform: rotate(-241deg) translate(-162px) rotate(-360deg);
    }
  }
}
@media (max-width: 767px) {
  @-webkit-keyframes circle4 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(68deg) translate(-84px) rotate(0deg);
              transform: rotate(68deg) translate(-84px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-245deg) translate(-84px) rotate(-360deg);
              transform: rotate(-245deg) translate(-84px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-245deg) translate(-139px) rotate(-360deg);
              transform: rotate(-245deg) translate(-139px) rotate(-360deg);
    }
  }
  @keyframes circle4 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(68deg) translate(-84px) rotate(0deg);
              transform: rotate(68deg) translate(-84px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(-245deg) translate(-84px) rotate(-360deg);
              transform: rotate(-245deg) translate(-84px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(-245deg) translate(-139px) rotate(-360deg);
              transform: rotate(-245deg) translate(-139px) rotate(-360deg);
    }
  }
}
@media (max-width: 599px) {
  @-webkit-keyframes circle4 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(74deg) translate(-94px) rotate(0deg);
              transform: rotate(74deg) translate(-94px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(286deg) translate(-94px) rotate(-360deg);
              transform: rotate(286deg) translate(-94px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(286deg) translate(-147px) rotate(-360deg);
              transform: rotate(286deg) translate(-147px) rotate(-360deg);
    }
  }
  @keyframes circle4 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(74deg) translate(-94px) rotate(0deg);
              transform: rotate(74deg) translate(-94px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(286deg) translate(-94px) rotate(-360deg);
              transform: rotate(286deg) translate(-94px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(286deg) translate(-147px) rotate(-360deg);
              transform: rotate(286deg) translate(-147px) rotate(-360deg);
    }
  }
}
@-webkit-keyframes circle5 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-62deg) translate(-134px) rotate(0deg);
            transform: rotate(-62deg) translate(-134px) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(298deg) translate(-134px) rotate(-360deg);
            transform: rotate(298deg) translate(-134px) rotate(-360deg);
  }
}
@keyframes circle5 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-62deg) translate(-134px) rotate(0deg);
            transform: rotate(-62deg) translate(-134px) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(298deg) translate(-134px) rotate(-360deg);
            transform: rotate(298deg) translate(-134px) rotate(-360deg);
  }
}
@media (max-width: 1199px) {
  @-webkit-keyframes circle5 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-63deg) translate(-106px) rotate(0deg);
              transform: rotate(-63deg) translate(-106px) rotate(0deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(297deg) translate(-106px) rotate(-360deg);
              transform: rotate(297deg) translate(-106px) rotate(-360deg);
    }
  }
  @keyframes circle5 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-63deg) translate(-106px) rotate(0deg);
              transform: rotate(-63deg) translate(-106px) rotate(0deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(297deg) translate(-106px) rotate(-360deg);
              transform: rotate(297deg) translate(-106px) rotate(-360deg);
    }
  }
}
@media (max-width: 991px) {
  @-webkit-keyframes circle5 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-60deg) translate(-101px) rotate(0deg);
              transform: rotate(-60deg) translate(-101px) rotate(0deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(299deg) translate(-101px) rotate(-360deg);
              transform: rotate(299deg) translate(-101px) rotate(-360deg);
    }
  }
  @keyframes circle5 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-60deg) translate(-101px) rotate(0deg);
              transform: rotate(-60deg) translate(-101px) rotate(0deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(299deg) translate(-101px) rotate(-360deg);
              transform: rotate(299deg) translate(-101px) rotate(-360deg);
    }
  }
}
@media (max-width: 767px) {
  @-webkit-keyframes circle5 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-61deg) translate(-85px) rotate(0deg);
              transform: rotate(-61deg) translate(-85px) rotate(0deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(299deg) translate(-85px) rotate(-360deg);
              transform: rotate(299deg) translate(-85px) rotate(-360deg);
    }
  }
  @keyframes circle5 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-61deg) translate(-85px) rotate(0deg);
              transform: rotate(-61deg) translate(-85px) rotate(0deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(299deg) translate(-85px) rotate(-360deg);
              transform: rotate(299deg) translate(-85px) rotate(-360deg);
    }
  }
}
@media (max-width: 599px) {
  @-webkit-keyframes circle5 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(108deg) translate(-93px) rotate(0deg);
              transform: rotate(108deg) translate(-93px) rotate(0deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(468deg) translate(-93px) rotate(-360deg);
              transform: rotate(468deg) translate(-93px) rotate(-360deg);
    }
  }
  @keyframes circle5 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(108deg) translate(-93px) rotate(0deg);
              transform: rotate(108deg) translate(-93px) rotate(0deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(468deg) translate(-93px) rotate(-360deg);
              transform: rotate(468deg) translate(-93px) rotate(-360deg);
    }
  }
}
@media (max-width: 1559px) and (min-width: 767px) {
  @-webkit-keyframes circleP1 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-150deg) translate(-134px) rotate(0deg);
              transform: rotate(-150deg) translate(-134px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(183deg) translate(-134px) rotate(-360deg);
              transform: rotate(183deg) translate(-134px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(183deg) translate(-248px) rotate(-360deg);
              transform: rotate(183deg) translate(-248px) rotate(-360deg);
    }
  }
  @keyframes circleP1 {
    0% {
      opacity: 1;
      -webkit-transform: rotate(-150deg) translate(-134px) rotate(0deg);
              transform: rotate(-150deg) translate(-134px) rotate(0deg);
    }
    85% {
      opacity: 1;
      -webkit-transform: rotate(183deg) translate(-134px) rotate(-360deg);
              transform: rotate(183deg) translate(-134px) rotate(-360deg);
    }
    100% {
      opacity: 1;
      -webkit-transform: rotate(183deg) translate(-248px) rotate(-360deg);
              transform: rotate(183deg) translate(-248px) rotate(-360deg);
    }
  }
}
@-webkit-keyframes circleP2 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-3deg) translate(-134px) rotate(0deg);
            transform: rotate(-3deg) translate(-134px) rotate(0deg);
  }
  85% {
    opacity: 1;
    -webkit-transform: rotate(268deg) translate(-134px) rotate(-360deg);
            transform: rotate(268deg) translate(-134px) rotate(-360deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(268deg) translate(-247px) rotate(-360deg);
            transform: rotate(268deg) translate(-247px) rotate(-360deg);
  }
}
@keyframes circleP2 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-3deg) translate(-134px) rotate(0deg);
            transform: rotate(-3deg) translate(-134px) rotate(0deg);
  }
  85% {
    opacity: 1;
    -webkit-transform: rotate(268deg) translate(-134px) rotate(-360deg);
            transform: rotate(268deg) translate(-134px) rotate(-360deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(268deg) translate(-247px) rotate(-360deg);
            transform: rotate(268deg) translate(-247px) rotate(-360deg);
  }
}
@-webkit-keyframes circleP3 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(92deg) translate(-134px) rotate(0deg);
            transform: rotate(92deg) translate(-134px) rotate(0deg);
  }
  85% {
    opacity: 1;
    -webkit-transform: rotate(362deg) translate(-134px) rotate(-360deg);
            transform: rotate(362deg) translate(-134px) rotate(-360deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(362deg) translate(-248px) rotate(-360deg);
            transform: rotate(362deg) translate(-248px) rotate(-360deg);
  }
}
@keyframes circleP3 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(92deg) translate(-134px) rotate(0deg);
            transform: rotate(92deg) translate(-134px) rotate(0deg);
  }
  85% {
    opacity: 1;
    -webkit-transform: rotate(362deg) translate(-134px) rotate(-360deg);
            transform: rotate(362deg) translate(-134px) rotate(-360deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(362deg) translate(-248px) rotate(-360deg);
            transform: rotate(362deg) translate(-248px) rotate(-360deg);
  }
}
@-webkit-keyframes circleP4 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(178deg) translate(-134px) rotate(0deg);
            transform: rotate(178deg) translate(-134px) rotate(0deg);
  }
  85% {
    opacity: 1;
    -webkit-transform: rotate(-122deg) translate(-134px) rotate(-360deg);
            transform: rotate(-122deg) translate(-134px) rotate(-360deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-122deg) translate(-248px) rotate(-360deg);
            transform: rotate(-122deg) translate(-248px) rotate(-360deg);
  }
}
@keyframes circleP4 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(178deg) translate(-134px) rotate(0deg);
            transform: rotate(178deg) translate(-134px) rotate(0deg);
  }
  85% {
    opacity: 1;
    -webkit-transform: rotate(-122deg) translate(-134px) rotate(-360deg);
            transform: rotate(-122deg) translate(-134px) rotate(-360deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-122deg) translate(-248px) rotate(-360deg);
            transform: rotate(-122deg) translate(-248px) rotate(-360deg);
  }
}
@-webkit-keyframes circleP5 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-298deg) translate(-134px) rotate(0deg);
            transform: rotate(-298deg) translate(-134px) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(61deg) translate(-134px) rotate(-360deg);
            transform: rotate(61deg) translate(-134px) rotate(-360deg);
  }
}
@keyframes circleP5 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(-298deg) translate(-134px) rotate(0deg);
            transform: rotate(-298deg) translate(-134px) rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(61deg) translate(-134px) rotate(-360deg);
            transform: rotate(61deg) translate(-134px) rotate(-360deg);
  }
}
.rating {
  padding: 1.25rem 0;
  background: transparent;
  background-image: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  position: relative;
  overflow-x: hidden;
}
.rating:before {
  content: "";
  background: url(../images/circle.png);
  width: 300px;
  height: 300px;
  position: absolute;
  top: 30px;
  left: 10px;
  animation: dance 4s alternate infinite;
  -webkit-animation: dance 4s alternate infinite;
}
@media (max-width: 991px) {
  .rating:before {
    width: 60%;
    height: 240px;
    background-size: contain;
    background-repeat: no-repeat;
    top: inherit;
    bottom: 0;
  }
}
.rating .rating-head h2 {
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0.7px;
  color: #ffffff;
  -webkit-transition: color 1s ease;
  transition: color 1s ease;
}
@media (max-width: 1199px) {
  .rating .rating-head h2 {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .rating .rating-head h2 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .rating .rating-head h2 {
    font-size: 1.375rem;
  }
}
.rating .rating-head h2 span {
  font-weight: 700;
  -webkit-transition: background 1s ease;
  transition: background 1s ease;
}
.rating .rating-head p {
  margin-top: 0.9375rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 400;
  color: #ffffff;
}
@media (max-width: 1199px) {
  .rating .rating-head p {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) {
  .rating .rating-head p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .rating .rating-head p {
    font-size: 0.875rem;
  }
}
@media (max-width: 599px) {
  .rating .rating-head {
    text-align: center;
    margin-bottom: 1.875rem;
  }
}
.rating .rating-graphic {
  position: relative;
}
.rating .rating-graphic img {
  max-width: 485px;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
  float: right;
  height: auto;
}
@media (max-width: 1199px) {
  .rating .rating-graphic img {
    max-width: 465px;
  }
}
@media (max-width: 991px) {
  .rating .rating-graphic img {
    max-width: 345px;
    float: right;
    margin-right: -40px;
  }
}
@media (max-width: 767px) {
  .rating .rating-graphic img {
    max-width: 330px;
    margin-right: -50px;
  }
}
@media (max-width: 599px) {
  .rating .rating-graphic img {
    width: 100%;
    max-width: none;
    margin-right: 0;
    float: left;
  }
}
.rating .rating-graphic img.afterHover {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.rating:hover {
  background: #ffffff;
  border-top-color: #024ec0;
  border-bottom-color: #024ec0;
}
.rating:hover .rating-head h2 {
  color: #000000;
}
.rating:hover .rating-head h2 span {
  color: #247cff;
  background: -webkit-linear-gradient(120deg, #247cff 48%, #024ec0 62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rating:hover .rating-head p {
  color: #000000;
}
.rating:hover .rating-graphic img {
  opacity: 0;
}
.rating:hover .rating-graphic img.afterHover {
  opacity: 1;
}
.rating:hover .btn-white {
  color: #fff;
  background-color: #024ec0;
}
.rating.ratings-new:before {
  width: 250px;
  background-size: 100%;
  height: 250px;
}
.rating.ratings-new .rating-graphic img {
  width: 100%;
}

.industries {
  position: relative;
}
.industries .map-bg {
  width: 100%;
  position: absolute;
  height: 100%;
  opacity: 0.1;
}
.industries .home-industries {
  margin-top: 0;
}
@media (max-width: 991px) {
  .industries .home-industries .container {
    max-width: 100%;
  }
}
.industries .home-industries .industries-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .industries .home-industries .industries-row {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    -webkit-transform-origin: center top;
            transform-origin: center top;
  }
}
@media (max-width: 499px) {
  .industries .home-industries .industries-row {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: top;
            transform-origin: top;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.industries .home-industries .industries-row .industry-box {
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 162px;
          flex: 0 0 162px;
  max-width: 162px;
  -webkit-transition: all 0.8s linear;
  transition: all 0.8s linear;
}
@media (max-width: 1199px) {
  .industries .home-industries .industries-row .industry-box {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    max-width: 140px;
  }
}
@media (max-width: 991px) {
  .industries .home-industries .industries-row .industry-box {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 107px;
            flex: 0 0 107px;
    max-width: 107px;
  }
}
@media (max-width: 767px) {
  .industries .home-industries .industries-row .industry-box {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 118px;
            flex: 0 0 118px;
    max-width: 118px;
  }
}
@media (max-width: 600px) {
  .industries .home-industries .industries-row .industry-box {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 112px;
            flex: 0 0 112px;
    max-width: 112px;
  }
}
.industries .home-industries .industries-row .industry-box figcaption {
  color: #247cff;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 2.5rem;
}
@media (max-width: 1199px) {
  .industries .home-industries .industries-row .industry-box figcaption {
    padding: 0 0.625rem;
  }
}
@media (max-width: 991px) {
  .industries .home-industries .industries-row .industry-box figcaption {
    font-size: 0.8125rem;
  }
}
.industries .home-industries .industries-row .industry-box .industry-icon {
  width: 143px;
  height: 167px;
  background: transparent url("../images/icons/industry-box.png") no-repeat center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background-size: contain;
}
.industries .home-industries .industries-row .industry-box .industry-icon:before {
  content: "";
  width: 2px;
  height: 35px;
  background: #247cff;
  position: absolute;
  top: -2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.industries .home-industries .industries-row .industry-box .industry-icon:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #247cff;
  position: absolute;
  top: -2.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 1199px) {
  .industries .home-industries .industries-row .industry-box .industry-icon {
    width: 128px;
    height: 152px;
  }
}
@media (max-width: 991px) {
  .industries .home-industries .industries-row .industry-box .industry-icon {
    width: 103px;
    height: 127px;
  }
}
.industries .home-industries .industries-row .industry-box .industry-icon img {
  max-height: 70px;
  -webkit-transition: 2s all linear;
  transition: 2s all linear;
}
@media (max-width: 991px) {
  .industries .home-industries .industries-row .industry-box .industry-icon img {
    max-height: none;
    max-width: 50px !important;
    height: auto !important;
  }
}
.industries .home-industries .industries-row .industry-box .industry-icon:hover img {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.industries .home-industries .industries-row .industry-box:hover {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
@media (max-width: 499px) {
  .industries .home-industries .industries-row.first .industry-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 499px) {
  .industries .home-industries .industries-row.first .industry-box figcaption {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 0;
    margin-top: 2.5rem;
  }
}
@media (max-width: 499px) {
  .industries .home-industries .industries-row.first .industry-box .industry-icon {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .industries .home-industries .industries-row.first .industry-box .industry-icon:after {
    top: auto;
    bottom: -2.375rem;
  }
  .industries .home-industries .industries-row.first .industry-box .industry-icon:before {
    top: auto;
    bottom: -1.8125rem;
  }
}
.industries .home-industries .industries-row.first .industry-box:nth-child(even) figcaption {
  margin-bottom: 0.875rem;
}
@media (max-width: 499px) {
  .industries .home-industries .industries-row.first .industry-box:nth-child(even) figcaption {
    margin-bottom: 0;
  }
}
.industries .home-industries .industries-row.first .industry-box:nth-child(even) .industry-icon {
  -webkit-transform: translateY(13px);
          transform: translateY(13px);
}
.industries .home-industries .industries-row.first .industry-box:nth-child(even) .industry-icon:before {
  height: 25px;
  top: -1.375rem;
}
.industries .home-industries .industries-row.first .industry-box:nth-child(even) .industry-icon:after {
  top: -1.625rem;
}
@media (max-width: 499px) {
  .industries .home-industries .industries-row.first .industry-box:nth-child(even) .industry-icon {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .industries .home-industries .industries-row.first .industry-box:nth-child(even) .industry-icon:before {
    height: 40px;
    top: auto;
    bottom: -2rem;
  }
  .industries .home-industries .industries-row.first .industry-box:nth-child(even) .industry-icon:after {
    top: auto;
    bottom: -2.5rem;
  }
}
.industries .home-industries .industries-row.last {
  margin-top: -1.25rem;
}
@media (max-width: 991px) {
  .industries .home-industries .industries-row.last {
    margin-top: -2.125rem;
  }
}
@media (max-width: 767px) {
  .industries .home-industries .industries-row.last {
    margin-top: -4.8125rem;
  }
}
@media (max-width: 499px) {
  .industries .home-industries .industries-row.last {
    margin-top: 0;
  }
}
.industries .home-industries .industries-row.last .industry-box figcaption {
  margin-top: 2.5rem;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .industries .home-industries .industries-row.last .industry-box figcaption {
    padding: 0 1.875rem;
  }
}
@media (max-width: 991px) {
  .industries .home-industries .industries-row.last .industry-box figcaption {
    padding: 0 0.625rem;
  }
}
@media (max-width: 499px) {
  .industries .home-industries .industries-row.last .industry-box figcaption {
    padding: 0 1.25rem;
  }
}
.industries .home-industries .industries-row.last .industry-box .industry-icon:before {
  top: auto;
  bottom: -2rem;
  height: 34px;
}
.industries .home-industries .industries-row.last .industry-box .industry-icon:after {
  top: auto;
  bottom: -2.5rem;
}
.industries .home-industries .industries-row.last .industry-box:nth-child(even) figcaption {
  margin-top: 0.875rem;
  margin-bottom: 0;
}
@media (max-width: 499px) {
  .industries .home-industries .industries-row.last .industry-box:nth-child(even) figcaption {
    margin-top: 2.5rem;
    margin-bottom: 0;
  }
}
.industries .home-industries .industries-row.last .industry-box:nth-child(even) .industry-icon {
  -webkit-transform: translateY(-13px);
          transform: translateY(-13px);
}
.industries .home-industries .industries-row.last .industry-box:nth-child(even) .industry-icon:before {
  height: 24px;
  top: auto;
  bottom: -1.375rem;
}
.industries .home-industries .industries-row.last .industry-box:nth-child(even) .industry-icon:after {
  top: auto;
  bottom: -1.625rem;
}
@media (max-width: 499px) {
  .industries .home-industries .industries-row.last .industry-box:nth-child(even) .industry-icon {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .industries .home-industries .industries-row.last .industry-box:nth-child(even) .industry-icon:before {
    height: 40px;
    bottom: -2rem;
  }
  .industries .home-industries .industries-row.last .industry-box:nth-child(even) .industry-icon:after {
    bottom: -2.25rem;
  }
}
.industries.ps-industries .home-industries {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.home-work img {
  width: 100%;
  height: auto;
}
.home-work .section-heading {
  margin-bottom: 0;
}
@media (min-width: 1349px) {
  .home-work .container-fluid {
    max-width: 1349px;
    padding: 0;
  }
}
.home-work .work-caption {
  position: static;
  width: 100%;
  padding-top: 2.8125rem;
  padding-bottom: 1.875rem;
}
.home-work .work-caption .caption-content {
  padding: 0 2.5rem;
  width: 100%;
}
.home-work .work-caption .caption-content > img {
  max-width: 200px;
  width: auto;
  max-height: 150px;
  margin: 0 auto;
  display: block;
}
.home-work .work-caption .caption-content .sub-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-work .work-caption .caption-content .sub-logos img {
  max-width: 55px;
  margin: 0 0.625rem;
}
.home-work .work-caption .caption-content .caption-text {
  margin-top: 1.875rem;
  text-align: center;
}
.home-work .work-caption .caption-content .caption-text p {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .home-work .work-caption .caption-content {
    padding: 0 0 0 2.5rem;
  }
}
@media (max-width: 991px) {
  .home-work .work-caption .caption-content {
    padding: 0 0 0 1.25rem;
  }
  .home-work .work-caption .caption-content > img {
    max-width: 150px;
    max-height: 100px;
  }
  .home-work .work-caption .caption-content .caption-text p {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .home-work .work-caption .caption-content {
    padding: 0;
  }
  .home-work .work-caption .caption-content .caption-text p {
    margin-bottom: 0.9375rem;
  }
}
.home-work .work-caption .work-graphic img {
  width: auto;
  max-width: 100%;
  max-height: 500px;
  -webkit-filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.2));
}
.home-work.home-work-new .caption-content {
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  margin-left: 100px;
  padding: 1rem;
}
@media (max-width: 767px) {
  .home-work.home-work-new .caption-content {
    margin-left: 0;
  }
}
.home-work.home-work-new .caption-content > img {
  max-width: 75px;
  max-height: 75px;
}
.home-work.home-work-new .caption-content .sub-logos img {
  max-width: 35px;
}
.home-work.home-work-new .caption-content .caption-text {
  margin-top: 1.25rem;
}
.home-work.home-work-new .caption-content .caption-text p {
  font-size: 0.875rem;
  color: #ffffff;
}
.home-work.home-work-new .caption-content .caption-text .tec-bottom {
  background: #ffffff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 6px 10px;
  margin-top: 10px;
}
.home-work.home-work-new .caption-content .caption-text .tec-bottom span {
  color: #024ec0;
}
.home-work.home-work-new .caption-content .caption-text .tec-bottom span:first-child {
  padding-right: 10px;
}
.home-work.home-work-new .caption-content .caption-text .tec-bottom span:nth-child(2) {
  padding-right: 10px;
  padding-left: 10px;
}
.home-work.home-work-new .caption-content .caption-text .tec-bottom span:last-child {
  padding-left: 10px;
}
.home-work.home-work-new .caption-banner {
  position: relative;
  z-index: -1;
}
.home-work.home-work-new .work-graphic {
  margin-left: -150px;
}
@media (max-width: 767px) {
  .home-work.home-work-new .work-graphic {
    margin-left: 0;
    text-align: center;
  }
}
.home-work.home-work-new .work-graphic img {
  max-height: 400px;
  height: auto;
}
@media (max-width: 767px) {
  .home-work.home-work-new .work-graphic img {
    max-height: 350px;
    width: 70%;
  }
}

.hiring-modal {
  overflow: hidden;
}
@media (max-width: 991px) {
  .hiring-modal .row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: normal !important;
        -ms-flex-align: normal !important;
            align-items: normal !important;
  }
  .hiring-modal .hiring-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 599px) {
  .hiring-modal .hiring-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.hiring-modal .section-heading {
  margin-bottom: 1.25rem;
}
@media (max-width: 991px) {
  .hiring-modal .section-heading {
    text-align: center !important;
  }
}
.hiring-modal .hiring-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.875rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 991px) {
  .hiring-modal .hiring-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 33.3333333333%;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    margin-bottom: 0;
  }
}
@media (max-width: 599px) {
  .hiring-modal .hiring-item {
    width: 100%;
    margin-bottom: 1.25rem;
  }
}
.hiring-modal .hiring-item:nth-child(2) {
  margin-left: 5rem;
}
@media (max-width: 1199px) {
  .hiring-modal .hiring-item:nth-child(2) {
    margin-left: 3.125rem;
  }
}
@media (max-width: 991px) {
  .hiring-modal .hiring-item:nth-child(2) {
    margin-left: 0;
  }
}
.hiring-modal .hiring-item .hiring-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 165px;
          flex: 0 0 165px;
  max-width: 165px;
  height: 165px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  color: #024ec0;
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .hiring-modal .hiring-item .hiring-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
    max-width: 120px;
    height: 120px;
  }
}
@media (max-width: 991px) {
  .hiring-modal .hiring-item .hiring-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
    max-width: 100px;
    height: 100px;
  }
}
@media (max-width: 767px) {
  .hiring-modal .hiring-item .hiring-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
            flex: 0 0 130px;
    max-width: 130px;
    height: 130px;
  }
}
.hiring-modal .hiring-item .hiring-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/hiring-box-circle.png) no-repeat;
  z-index: -1;
}
@media (max-width: 1199px) {
  .hiring-modal .hiring-item .hiring-icon:before {
    background-size: cover;
  }
}
.hiring-modal .hiring-item .hiring-icon span {
  font-size: 3.75rem;
}
@media (max-width: 991px) {
  .hiring-modal .hiring-item .hiring-icon span {
    font-size: 3rem;
  }
}
.hiring-modal .hiring-item .hiring-text {
  padding-left: 1.25rem;
}
.hiring-modal .hiring-item .hiring-text h5 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #024ec0;
}
.hiring-modal .hiring-item .hiring-text p {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .hiring-modal .hiring-item .hiring-text {
    padding-left: 0.625rem;
  }
  .hiring-modal .hiring-item .hiring-text h5 {
    font-size: 1.375rem;
  }
}
@media (max-width: 991px) {
  .hiring-modal .hiring-item .hiring-text {
    padding-left: 0;
  }
  .hiring-modal .hiring-item .hiring-text h5 {
    font-size: 1.25rem;
  }
  .hiring-modal .hiring-item .hiring-text p {
    font-size: 0.875rem;
  }
}
.hiring-modal .hiring-item:hover .hiring-icon:before {
  animation: rotate360 5s infinite;
  -webkit-animation: rotate360 5s infinite;
}
.hiring-modal .hire-graphic {
  width: 50vw;
  height: 450px;
  border-radius: 80px 0 0 80px;
  float: left;
  overflow: hidden;
  margin-left: 3.125rem;
}
@media (max-width: 1199px) {
  .hiring-modal .hire-graphic {
    margin-left: 1.25rem;
  }
}
@media (max-width: 991px) {
  .hiring-modal .hire-graphic {
    display: none;
  }
}
.hiring-modal .hire-graphic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hiring-modal .ps-hiring-session .hire-graphic {
  width: 100%;
}

.testimonials {
  background: #ecf4fd;
}
@media (max-width: 599px) {
  .testimonials .col-12.px-0 {
    padding: 0 15px !important;
  }
}
.testimonials .testi-text {
  padding: 0.5rem;
  border-radius: 8px;
  background: #ffffff;
  text-align: center;
  margin-bottom: 3.125rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
  min-height: 330px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.testimonials .testi-text .author {
  display: block;
  margin-top: 0.9375rem;
  color: #024ec0;
}
.testimonials .testi-text .author small {
  display: block;
  color: #000000;
  font-size: 0.875rem;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .testimonials .testi-text {
    padding: 1.25rem;
  }
}
.testimonials .testi-text .content {
  margin: auto;
}
.testimonials .youtube-video {
  width: 100%;
  height: 251px;
  border: none;
  border-radius: 7px;
}
.testimonials .tets-des {
  padding: 0 1.5rem;
}
.testimonials .video-item .testi-text {
  padding: 10px;
}
.testimonials .video-item #video-container {
  position: relative;
  max-width: 470px;
  height: 251px;
  -webkit-box-shadow: none;
          box-shadow: none;
  pointer-events: none;
}
.testimonials .video-item #video-container .ply-btn {
  display: none;
}
.testimonials .center .video-item #video-container {
  pointer-events: inherit;
}
.testimonials .center .video-item #video-container .hide {
  display: block;
}
.testimonials .center .video-item #video-container .ply-btn {
  display: block;
}
.testimonials .author-pic {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  border: solid 4px #024ec0;
  z-index: 1;
}
.testimonials .author-pic:after {
  content: "";
  background: transparent url(../images/testi-arrow.png);
  width: 46px;
  height: 33px;
  position: absolute;
  top: -1.8125rem;
  right: 52%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  z-index: -2;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.testimonials .author-pic img {
  width: 100%;
  border-radius: 50%;
}
.testimonials .owl-carousel .owl-item.center .author-pic:after {
  opacity: 1;
}
.testimonials .owl-carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 130px;
}
.testimonials .owl-carousel .author-pic {
  position: absolute;
  right: 0;
  left: 0;
  bottom: -122px;
}
.testimonials .owl-carousel .testi-item {
  height: 100%;
}
.testimonials .owl-carousel .testi-text {
  min-height: auto !important;
  height: 100%;
  margin-bottom: 0;
}
.testimonials.testimonials-new {
  background: none;
  background-image: url(../../../../Content/assets/images/map.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.testimonials.testimonials-new .testi-text {
  padding: 25px;
}
.testimonials.testimonials-new .testi-text .content {
  margin: 0;
  text-align: left;
}
.testimonials.testimonials-new .tets-des {
  margin-top: 12px;
  padding: 0;
}
.testimonials.testimonials-new .owl-carousel .owl-stage {
  padding-bottom: 0;
}
.testimonials.testimonials-new .owl-carousel .author-pic {
  position: inherit;
  margin-left: 0;
  margin-right: 20px;
}
.testimonials.testimonials-new .owl-carousel .author-pic:after {
  display: none;
}
.testimonials .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.testimonials .owl-nav .carousel-control-prev,
.testimonials .owl-nav .carousel-control-next {
  width: 50px;
  height: 50px;
  background: #024ec0;
  color: #024ec0;
  border-radius: 50%;
  position: relative;
  margin: 0 10px;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: solid 1px transparent;
}
.testimonials .owl-nav .carousel-control-prev:hover,
.testimonials .owl-nav .carousel-control-next:hover {
  background: #ffffff;
  color: #024ec0;
  border-color: #024ec0;
}
@media (max-width: 991px) {
  .testimonials .owl-nav .carousel-control-prev,
  .testimonials .owl-nav .carousel-control-next {
    width: 40px;
    height: 40px;
  }
}
.testimonials .owl-nav .carousel-control-prev .carousel-control-prev-icon {
  background-image: none;
  width: auto;
  height: auto;
}
.testimonials .owl-nav .carousel-control-prev .carousel-control-prev-icon:before {
  content: "\e5cb";
  font-family: "Material Icons";
  font-size: 2.125rem;
  color: #ffffff;
}
@media (max-width: 991px) {
  .testimonials .owl-nav .carousel-control-prev .carousel-control-prev-icon:before {
    font-size: 1.625rem;
  }
}
.testimonials .owl-nav .carousel-control-prev:hover .carousel-control-prev-icon:before {
  color: #024ec0;
}
.testimonials .owl-nav .carousel-control-next .carousel-control-next-icon {
  background-image: none;
  width: auto;
  height: auto;
}
.testimonials .owl-nav .carousel-control-next .carousel-control-next-icon:before {
  content: "\e5cc";
  font-family: "Material Icons";
  font-size: 2.125rem;
  color: #ffffff;
}
@media (max-width: 991px) {
  .testimonials .owl-nav .carousel-control-next .carousel-control-next-icon:before {
    font-size: 1.625rem;
  }
}
.testimonials .owl-nav .carousel-control-next:hover .carousel-control-next-icon:before {
  color: #024ec0;
}

.star-outer {
  display: inline-block;
  position: relative;
}
.star-outer:before {
  content: "\e838\e838\e838\e838\e838";
  color: #c7c5c5;
}
.star-outer .star-inner {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
}
.star-outer .star-inner:before {
  content: "\e838\e838\e838\e838\e838";
  color: #ffc107;
}

.blogs .blog-item {
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
  max-width: 365px;
  margin: 0 auto;
}
@media (max-width: 1365px) {
  .blogs .blog-item {
    max-width: 100%;
  }
}
.blogs .blog-item figure {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  margin-bottom: 0;
}
.blogs .blog-item figure img {
  width: 100%;
  -webkit-transition: all 3s ease;
  transition: all 3s ease;
}
.blogs .blog-item .blog-content {
  padding: 1.25rem;
  text-align: center;
}
@media (max-width: 991px) {
  .blogs .blog-item .blog-content {
    padding: 0.625rem;
  }
}
.blogs .blog-item .blog-content p:first-letter {
  text-transform: uppercase !important;
}
@media (max-width: 991px) {
  .blogs .blog-item .blog-content p {
    font-size: 0.875rem;
  }
}
.blogs .blog-item .blog-content h3 {
  font-size: 1.125rem;
  font-weight: 600;
}
.blogs .blog-item .blog-content h3:first-letter {
  text-transform: uppercase !important;
}
@media (max-width: 991px) {
  .blogs .blog-item .blog-content h3 {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .blogs .blog-item .blog-content h3 {
    font-size: 0.875rem;
  }
}
.blogs .blog-item .blog-content h3 a {
  color: #000000;
}
.blogs .blog-item .blog-content h3 a:hover {
  color: #024ec0;
}
.blogs .blog-item .blog-content .meta-data {
  padding-top: 0.9375rem;
  border-top: solid 1px #e4e4e4;
}
.blogs .blog-item .blog-content .meta-data ul {
  padding-left: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
}
.blogs .blog-item .blog-content .meta-data ul li {
  display: inline-block;
  vertical-align: middle;
  padding-left: 0;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .blogs .blog-item .blog-content .meta-data ul li {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .blogs .blog-item .blog-content .meta-data ul li {
    font-size: 0.75rem;
  }
}
.blogs .blog-item .blog-content .meta-data ul li::before {
  display: none;
}
@media (max-width: 991px) {
  .blogs .blog-item .blog-content .meta-data ul li .material-icons {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .blogs .blog-item .blog-content .meta-data ul li .material-icons {
    font-size: 1.125rem;
  }
}
.blogs .blog-item .blog-content .meta-data ul li span {
  display: inline-block;
  vertical-align: bottom;
}
.blogs .blog-item .blog-content .meta-data ul li a {
  color: #000000;
}
.blogs .blog-item .blog-content .meta-data ul li a:hover {
  color: #024ec0;
}
.blogs .blog-item:hover figure img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.blogs .btn-arrow {
  margin-top: 1.875rem;
}
@media (max-width: 599px) {
  .blogs .btn-arrow {
    margin-top: 0;
  }
}
@media (max-width: 599px) {
  .blogs .col-sm-4 {
    margin-bottom: 1.875rem;
  }
}
.blogs.blogs-new {
  margin-bottom: 4.375rem;
}
.blogs.blogs-new .blog-item {
  position: relative;
}
.blogs.blogs-new .blog-item .blog-date {
  position: absolute;
  right: 0;
  background: #247cff;
  height: 50px;
  width: 100px;
  border-radius: 10px;
  z-index: 111;
  color: #ffffff;
  padding-top: 12px;
  padding-left: 7px;
}
@media (max-width: 991px) {
  .blogs.blogs-new .blog-item .blog-date {
    font-size: 14px;
    height: 40px;
    width: 87px;
    padding-top: 9px;
  }
}
@media (max-width: 767px) {
  .blogs.blogs-new .blog-item .blog-date {
    font-size: 12px;
  }
}
.blogs.blogs-new .blog-item figure {
  border-radius: 10px;
}
.blogs.blogs-new .blog-item .blog-content {
  padding: 1.25rem;
  text-align: center;
  position: absolute;
  z-index: 99;
  width: 85%;
  background: white;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -151px;
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 10px;
}
.blogs.blogs-new .blog-item .blog-content h3 {
  text-align: left;
}
.blogs.blogs-new .blog-item .blog-content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
}
.blogs.blogs-new .blog-item .blog-content .meta-data ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blogs.blogs-new .blog-item .blog-content .meta-data ul li a {
  margin-top: 0;
}
@media (max-width: 599px) {
  .blogs.blogs-new .col-sm-4 {
    margin-bottom: 10.875rem;
  }
}

@media (max-width: 767px) {
  .home-contact {
    padding-top: 25px;
  }
}
.home-contact .section-title {
  font-size: 2rem;
  font-weight: 300;
}
@media (max-width: 1199px) {
  .home-contact .section-title {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .home-contact .section-title {
    max-width: 100%;
    font-size: 1.625rem;
    text-align: center;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .home-contact .section-title {
    font-size: 1.375rem;
  }
}
@media (max-width: 1199px) {
  .home-contact .contact-info {
    margin-bottom: 1.25rem;
  }
}
.home-contact .contact-info .contact-item {
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
  margin-bottom: 1.25rem;
  width: 380px;
}
@media (max-width: 991px) {
  .home-contact .contact-info .contact-item {
    width: calc((100% - 330px) / 2);
    display: inline-block;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .home-contact .contact-info .contact-item:first-of-type {
    width: 320px;
  }
}
@media (max-width: 767px) {
  .home-contact .contact-info .contact-item {
    width: calc(100% - 440px);
  }
  .home-contact .contact-info .contact-item:first-of-type {
    width: 260px;
  }
  .home-contact .contact-info .contact-item:last-of-type {
    width: 170px;
  }
}
@media (max-width: 599px) {
  .home-contact .contact-info .contact-item {
    width: 100%;
  }
  .home-contact .contact-info .contact-item:first-of-type {
    width: 100%;
  }
  .home-contact .contact-info .contact-item:last-of-type {
    width: 100%;
  }
}
.home-contact .contact-info .contact-item a {
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.25rem;
  border-radius: 0.5rem;
}
.home-contact .contact-info .contact-item a i {
  font-size: 1.875rem;
  display: inline-block;
  margin-right: 1.25rem;
  color: #247cff;
}
.home-contact .contact-info .contact-item a span {
  width: calc(100% - 50px);
  display: inline-block;
  vertical-align: middle;
  word-break: break-all;
}
.home-contact .contact-info .contact-item a:hover {
  background: #247cff;
  color: #ffffff;
}
.home-contact .contact-info .contact-item a:hover i {
  color: #ffffff;
}
@media (max-width: 991px) {
  .home-contact .contact-info .contact-item a {
    padding: 0 0.625rem;
    border-radius: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .home-contact .contact-info .contact-item a i {
    display: block;
    margin-right: 0;
  }
  .home-contact .contact-info .contact-item a span {
    width: 100%;
    text-align: center;
  }
  .home-contact .contact-info .contact-item a span .first-line {
    font-weight: 700;
  }
  .home-contact .contact-info .contact-item a span br {
    display: none;
  }
  .home-contact .contact-info .contact-item a:hover {
    background: transparent;
    color: #333333;
    opacity: 1;
  }
  .home-contact .contact-info .contact-item a:hover i {
    color: #247cff;
  }
  .home-contact .contact-info .contact-item a:hover span {
    color: #247cff;
  }
  .home-contact .contact-info .contact-item a:hover span .first-line {
    color: #333333;
  }
}
.home-contact.home-contact-new {
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(215, 242, 255)));
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(215, 242, 255) 100%);
}
.home-contact.home-contact-new .section-heading .hello-text {
  font: bold 100px arial, sans-serif;
  background-color: #d3d3d3;
  color: transparent;
  text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.5);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
}
@media (max-width: 1199px) {
  .home-contact.home-contact-new .section-heading .hello-text {
    font-size: 80px;
  }
}
@media (max-width: 991px) {
  .home-contact.home-contact-new .section-heading .hello-text {
    font-size: 60px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .home-contact.home-contact-new .section-heading .hello-text {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .home-contact.home-contact-new .section-heading .hello-text {
    font-size: 30px;
  }
}
.home-contact.home-contact-new .contact-info {
  background: #ffffff;
  max-width: 420px;
  padding: 20px;
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
@media (max-width: 991px) {
  .home-contact.home-contact-new .contact-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 699px) {
  .home-contact.home-contact-new .contact-info {
    display: block;
  }
}
@media (max-width: 991px) {
  .home-contact.home-contact-new .contact-info .contact-text {
    width: 100%;
  }
}
@media (max-width: 699px) {
  .home-contact.home-contact-new .contact-info .contact-text {
    text-align: center;
  }
}
.home-contact.home-contact-new .contact-info .contact-text h3 {
  font-weight: 700;
}
@media (max-width: 767px) {
  .home-contact.home-contact-new .contact-info .contact-text h3 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .home-contact.home-contact-new .contact-info .contact-text h3 {
    font-size: 22px;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .home-contact.home-contact-new .contact-info .contact-item {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (max-width: 767px) {
  .home-contact.home-contact-new .contact-info .contact-item {
    width: 100%;
  }
}
.home-contact.home-contact-new .contact-info .contact-item span.first-line {
  font-weight: 700;
}
.home-contact.home-contact-new .contact-form {
  background: #ffffff;
  padding: 20px;
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.home-contact.home-contact-new .contact-form .form-text-new h2 {
  font-weight: 700;
}
@media (max-width: 767px) {
  .home-contact.home-contact-new .contact-form .form-text-new h2 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .home-contact.home-contact-new .contact-form .form-text-new h2 {
    font-size: 22px;
    text-align: center;
  }
}

@-webkit-keyframes moveText {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes moveText {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.appcalculator .maintitle {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  /*padding: 30px;*/
}
.appcalculator .maintitle h3 {
  font-size: 1.75rem;
  color: #000000;
  font-weight: bold;
}
.appcalculator .maintitle ul.nav-tabs {
  border-bottom: 0px solid #ddd;
  margin-bottom: 20px;
}
.appcalculator .maintitle ul.nav-tabs li {
  list-style: none;
}
.appcalculator .maintitle ul.nav-tabs li::before {
  display: none;
}
.appcalculator .maintitle ul.nav-tabs li a {
  border: medium none !important;
  color: #a0a0a0;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 10px;
  padding: 9px 2px;
  text-transform: uppercase;
}
.appcalculator .maintitle ul.nav-tabs li a.nav-link.active .step-circle {
  background-color: #007bff;
  border-color: #007bff;
  color: #ffffff;
}
.appcalculator .maintitle ul.nav-tabs li a.step-content {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 0.5rem;
  /*padding-right: 1rem;*/
}
.appcalculator .maintitle ul.nav-tabs li a.step-content .step-circle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  color: #adb5bd;
  border: 2px solid #adb5bd;
  border-radius: 100%;
  /*z-index: 99;*/
  background-color: #ffffff;
}
.appcalculator .maintitle ul.nav-tabs li a.step-content .step-circle::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 2.3rem;
  height: 2px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  color: #adb5bd;
  z-index: 1;
  background: #ADB5BD;
}
@media (max-width: 991px) {
  .appcalculator .maintitle ul.nav-tabs li a.step-content .step-circle::before {
    width: 1.67rem;
  }
}
.appcalculator .maintitle ul.steps {
  padding: 0;
  font-size: 17px;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  /*overflow-x: hidden;*/
  overflow-y: hidden;
}
.appcalculator .maintitle ul.steps .step:first-child {
  margin-left: auto;
}
.appcalculator .maintitle ul.steps .step:last-child {
  margin-right: auto;
}
.appcalculator .maintitle ul.steps .step:first-of-type .step-circle::before {
  display: none;
}
.appcalculator .maintitle ul.steps .step:last-of-type .step-content {
  padding-right: 0;
}
.appcalculator .maintitle input[type=checkbox], .appcalculator .maintitle input[type=radio] {
  position: absolute;
  opacity: 0;
  right: 35px;
  top: 16px;
}
.appcalculator .maintitle input[type=checkbox]:checked + label, .appcalculator .maintitle input[type=radio]:checked + label {
  -webkit-filter: invert(43%) sepia(51%) saturate(2738%) hue-rotate(560deg) brightness(97%) contrast(97%);
          filter: invert(43%) sepia(51%) saturate(2738%) hue-rotate(560deg) brightness(97%) contrast(97%);
  cursor: pointer;
  font-weight: 500;
}
.appcalculator .maintitle input[type=checkbox]:checked, .appcalculator .maintitle input[type=radio]:checked {
  opacity: 1;
}
.appcalculator .nav-item.last {
  margin-right: auto;
}

.step-active .step-circle {
  color: #ffffff;
  z-index: 9999;
  background-color: #007bff;
  border-color: #007bff;
}
.step-active .step-circle::before {
  color: #007bff;
}
.step-active .step-text {
  color: #000000;
}

.active-section .float-right {
  float: none !important;
  width: 100%;
  text-align: center;
}

.step-error .step-circle {
  color: #ffffff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.step-error .step-circle::before {
  color: #dc3545;
}
.step-error .step-text {
  color: #dc3545;
}

.step-success .step-circle {
  color: #28a745;
  background-color: #ffffff;
  border-color: #28a745;
}
.step-success .step-circle::before {
  color: #28a745;
}
.step-success .step-text {
  font-size: 17px;
  color: #28a745;
}

.answer {
  width: 100%;
  height: auto;
  min-height: 45px;
  border: 1px solid #DBDBDB;
  font-style: normal;
  border-radius: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  padding: 5px 40px 5px 20px;
  margin-bottom: 20px;
  color: #4C5768;
}
.answer:hover {
  /*filter: invert(43%) sepia(51%) saturate(2738%) hue-rotate(560deg) brightness(97%) contrast(97%);*/
  cursor: pointer;
  border-color: #000000;
}
.answer.active {
  border: 1px solid #0D6EFD;
  font-weight: 500;
  color: #0D6EFD;
  position: relative;
}
.answer.active img {
  -webkit-filter: invert(43%) sepia(51%) saturate(2738%) hue-rotate(560deg) brightness(97%) contrast(97%);
          filter: invert(43%) sepia(51%) saturate(2738%) hue-rotate(560deg) brightness(97%) contrast(97%);
}
.answer.active:hover {
  -webkit-filter: inherit;
          filter: inherit;
}

/*label {
    &:hover{
        .answer{
            animation: moveText 5s linear infinite;
        }
    }
}*/
.answerinput {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 45px;
  border: 1px solid #DBDBDB;
  padding-left: 20px;
  width: 100%;
  font-size: 15px;
}

.stepform .btn-common {
  width: 140px;
  padding-right: 10px;
}

.graybtn {
  background-color: #3d3d3d !important;
}

.imageright {
  float: right;
  position: absolute;
  right: 18px;
  top: 14px;
}

.buttonheight {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 83px !important;
  border-radius: 5px;
}

.buttonheight-gray {
  width: 100%;
  height: 45px;
  border: 1px solid #DBDBDB;
  border-radius: 22.5px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  padding-left: 16px;
  margin-bottom: 20px;
}

.row.mt-3 {
  min-height: 200px;
}

.modal-lg {
  max-width: 96%;
}

.list-inline-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.list-inline-item:before {
  display: none;
}
.list-inline-item .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bottom-btn {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}
.bottom-btn .prev-step {
  margin-right: 20px;
}
.bottom-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*input[type="radio"] {
    position: absolute;
    opacity: 0;

    &:checked + label {
        filter: invert(43%) sepia(51%) saturate(2738%) hue-rotate(560deg) brightness(97%) contrast(97%);
        cursor: pointer;
    }
}*/
label {
  display: block;
}

.tab-pane {
  display: none;
}
.tab-pane span svg {
  margin-right: 10px;
}

.app-cost-common .section-title {
  max-width: 100%;
  margin: 0;
  font-size: 1.75rem;
}
.app-cost-common .about-graphic {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .app-cost-common .about-graphic {
    margin: auto;
    width: 70%;
    height: auto;
    float: none;
  }
}
.app-cost-common .about-graphic img {
  /* @media(max-width: 767px) {
      padding: 50px;
  }*/
}
@media (max-width: 767px) {
  .app-cost-common.app-cost-about .about-graphic {
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .app-cost-common.app-cost-about .col-lg-5 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 991px) {
  .app-cost-common.app-cost-about .col-lg-7 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.app-cost-common.app-cost-use .about-graphic {
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .app-cost-common.app-cost-use .about-graphic img {
    margin: auto;
    width: 70%;
  }
}
.app-cost-common.app-cost-calculate .about-graphic {
  text-align: center;
}
@media (max-width: 991px) {
  .app-cost-common.app-cost-calculate .about-graphic img {
    margin: auto;
    width: 70%;
  }
}
@media (max-width: 991px) {
  .app-cost-common.app-cost-calculate .col-lg-4 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 991px) {
  .app-cost-common.app-cost-calculate .col-lg-8 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 1199px) {
  .app-cost-common.app-cost-calculate.resource-page-about .section-heading {
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .app-cost-common.app-cost-calculate.resource-page-about .section-heading .section-title {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .app-cost-common.app-cost-calculate.resource-page-about .section-heading .section-title {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .app-cost-common.app-cost-calculate.resource-page-about .section-heading .section-title {
    font-size: 1.375rem;
  }
}
@media (max-width: 991px) {
  .app-cost-common.app-cost-calculate.resource-page-about .about-graphic {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .app-cost-common.app-cost-calculate.resource-page-about .about-graphic img {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .app-cost-common.app-cost-calculate.resource-page-about .cost-calculate-content {
    text-align: center;
  }
}

.app-cost-steps .section-title {
  font-size: 1.75rem;
}

.app-toast {
  position: fixed !important;
  top: 110px;
  right: 0;
  width: 100%;
  z-index: 9999999;
  background: #247cff;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .costCalculator-item {
    text-align: center;
  }
}
.costCalculator-item .oqa-icon img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .costCalculator-item .oqa-icon img {
    max-width: 350px !important;
    display: block;
    margin: 0 auto;
  }
}

@media (max-width: 575px) {
  .cost-to-develop-software-section {
    padding-top: 3.125rem !important;
  }
}

.startup-accelerator-banner h2 {
  font-size: 3.125rem;
  line-height: 70px;
  font-weight: 600;
  color: #024ec0;
}
.startup-accelerator-banner.whitepaper-banner h3 {
  font-weight: 600;
  line-height: 45px;
}
.startup-accelerator-banner.whitepaper-banner .whitepaper-content {
  margin-top: 30px;
}
.startup-accelerator-banner.whitepaper-banner .whitepaper-content .card {
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border: none;
}
.startup-accelerator-banner.whitepaper-banner .whitepaper-content .card .card-body h5 {
  color: #ffffff;
}
.startup-accelerator-banner.whitepaper-banner .whitepaper-content .card .card-body p {
  color: #ffffff;
}
.startup-accelerator-banner.whitepaper-banner .whitepaper-content .card .card-body .download-form form.form-inline {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.startup-accelerator-banner.whitepaper-banner .whitepaper-content .card .card-body .download-form form .form-group .form-control {
  border-radius: 8px;
}
.startup-accelerator-banner.whitepaper-banner .whitepaper-content .card .card-body .download-form form button:hover {
  background: #ffffff;
}

.startup-accelerator-service .content-area h2 {
  font-size: 2.2rem !important;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .startup-accelerator-service .content-area h2 {
    font-size: 1.875rem !important;
  }
}
@media (max-width: 991px) {
  .startup-accelerator-service .content-area h2 {
    font-size: 1.625rem !important;
  }
}
@media (max-width: 767px) {
  .startup-accelerator-service .content-area h2 {
    font-size: 1.375rem !important;
  }
}
@media (max-width: 767px) {
  .startup-accelerator-service.resource-page-services {
    padding-top: 150px;
  }
}
@media (max-width: 1199px) {
  .startup-accelerator-service.resource-page-services .content-area h3 {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .startup-accelerator-service.resource-page-services .content-area h3 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .startup-accelerator-service.resource-page-services .content-area h3 {
    font-size: 1.375rem;
  }
}

.startup-accelerator-features .af-item .af-icon span {
  font-size: 30px;
  color: #024ec0;
}
@media (max-width: 767px) {
  .startup-accelerator-features .af-item .af-content ul li {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    margin-bottom: 10px;
  }
}
.startup-accelerator-features .af-item .af-content ul li:before {
  left: 7px;
}
.startup-accelerator-features .af-item:hover .af-icon span {
  color: #ffffff;
}
.startup-accelerator-features.resource-page-learn .af-item {
  display: inherit;
}
.startup-accelerator-features.resource-page-learn .af-item .af-content {
  margin-top: 20px;
  width: 100%;
}

.startup-accelerator-mentor {
  /* margin-top: 30px;*/
}
@media (max-width: 767px) {
  .startup-accelerator-mentor {
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 991px) {
  .startup-accelerator-mentor .about-graphic {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .startup-accelerator-mentor .sc-content ul li {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    margin-bottom: 10px;
  }
}
@media (max-width: 599px) {
  .startup-accelerator-mentor .sc-content ul li {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
  }
}

.startup-accelerator-benefits .service-sec-item .dss-content p {
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 26px;
}

.case-study-banner {
  background-image: url("../../../../Content/assets/images/travel-and-hospitality.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  min-height: 60vh;
  position: relative;
}
@media (max-width: 599px) {
  .case-study-banner {
    background-position: center;
  }
}
.case-study-banner.hotelSelfService {
  background-image: url("../../../../Content/assets/images/case-study/Innovative-Hotel-Self-Service-App-Development.png");
}
.case-study-banner.azure-based-banner {
  background-image: url("../../../../Content/assets/images/case-study/Azure-Based-vCIO-Services-Management-Product.png");
}
.case-study-banner.PLM-Company-banner {
  background-image: url("../../../../Content/assets/images/case-study/PLM-company-banner.png");
}
.case-study-banner.organ-transplant-banner {
  background-image: url("../../../../Content/assets/images/case-study/A-solution-for-managing-Organ-Transplant-Care.png");
}
.case-study-banner.kms-ngo-banner {
  background-image: url("../../../../Content/assets/images/case-study/Knowledge-Management-System-for-a-NGO.png");
}
.case-study-banner.restaurant-pos-banner {
  background-image: url("../../../../Content/assets/images/case-study/Restaurant-POS-Software-Development.png");
}
.case-study-banner.iot-meter-banner {
  background-image: url("../../../../Content/assets/images/case-study/IOT-Meter-Reading-Portal.png");
}
.case-study-banner.InvestorsMarketplace-banner {
  background-image: url("../../../../Content/assets/images/case-study/Investors-Marketplace-Business.png");
}
.case-study-banner.InvestorsMarketplace-banner {
  background-image: url("../../../../Content/assets/images/case-study/Investors-Marketplace-Business.png");
}
.case-study-banner.ProductInformation-banner {
  background-image: url("../../../../Content/assets/images/case-study/Product-Information-Management-System.png");
}
.case-study-banner.cloud-based-banner {
  background-image: url("../../../../Content/assets/images/case-study/Cloud-Based-Recruitment-Software.png");
}
.case-study-banner.digital-payment-banner {
  background-image: url("../../../../Content/assets/images/case-study/digital-payment-wallet-solution.png");
}
.case-study-banner.sales-force-automation-banner {
  background-image: url("../../../../Content/assets/images/case-study/Sales-Force-Automation-for-Leading-Healthcare.png");
}
.case-study-banner.social-media-analytics-banner {
  background-image: url("../../../../Content/assets/images/case-study/Social-Media-Analytics-Solution.png");
}
.case-study-banner.hotel-rental-pricing-banner {
  background-image: url("../../../../Content/assets/images/case-study/Hotel-Rental-Pricing.png");
}
.case-study-banner.hospital-ai-chat-banner {
  background-image: url("../../../../Content/assets/images/case-study/hospital-ai-chat-app.png");
}
.case-study-banner.ai-ml-attendance-banner {
  background-image: url("../../../../Content/assets/images/case-study/AI-ML-Based-Attendance-Management-System.png");
}
.case-study-banner.saa-taxation-banner {
  background-image: url("../../../../Content/assets/images/case-study/SAATaxationCaseStudy.jpg");
}
.case-study-banner .layer {
  background-color: rgba(0, 0, 0, 0.47);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.case-study-banner .case-banner-text .banner-content {
  margin-top: 50px;
}
@media (max-width: 599px) {
  .case-study-banner .case-banner-text .banner-content {
    margin-top: 40px;
  }
}
.case-study-banner .case-banner-text .banner-content .reverse {
  -webkit-transform: rotatex(180deg) translatey(15px);
          transform: rotatex(180deg) translatey(15px);
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(90%, white));
  -webkit-mask-image: linear-gradient(transparent 40%, white 90%);
  mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(90%, white));
  mask-image: linear-gradient(transparent 50%, white 90%);
  opacity: 0.7;
}
.case-study-banner .case-banner-text .banner-content h2 {
  font-size: 40px;
  font-weight: 700;
  color: #ffffff;
}
@media (max-width: 767px) {
  .case-study-banner .case-banner-text .banner-content h2 {
    font-size: 35px;
  }
}
@media (max-width: 599px) {
  .case-study-banner .case-banner-text .banner-content h2 {
    font-size: 30px;
  }
}
.case-study-banner .case-banner-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.case-study-banner .case-banner-content .about-text {
  color: #ffffff;
  margin-bottom: 15px;
  border-left: 2px solid #ffffff;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .case-study-banner .case-banner-content .about-text h5 {
    font-size: 1rem;
  }
}
@media (max-width: 599px) {
  .case-study-banner .case-banner-content .about-text h5 {
    font-size: 0.825rem;
  }
}
@media (max-width: 767px) {
  .case-study-banner .case-banner-content .about-text h4 {
    font-size: 1.125rem;
  }
}
@media (max-width: 599px) {
  .case-study-banner .case-banner-content .about-text h4 {
    font-size: 1rem;
  }
}

.case-method .pm-step.cs-step {
  padding-top: 14px;
}
.case-method .pm-step#step1 {
  padding-top: 60px;
}
.case-method .pm-step .pm-content h3 {
  position: relative;
  font-size: 40px;
  font-weight: 700;
  color: #024ec0;
  margin-bottom: 3px;
  letter-spacing: 0.5px;
}
@media (max-width: 767px) {
  .case-method .pm-step .pm-content h3 {
    font-size: 32px;
  }
}
@media (max-width: 599px) {
  .case-method .pm-step .pm-content h3 {
    font-size: 30px;
  }
}
.case-method .pm-step .pm-content p {
  font-size: 21px;
}
.case-method .pm-step .pm-content ul li {
  font-size: 18px;
}
@media (max-width: 599px) {
  .case-method .pm-step .pm-content ul li {
    font-size: 16px;
  }
}

.app-idea {
  border-radius: inherit;
}

.pm-content-parent {
  background: #247cff;
  padding: 20px;
  border-radius: 10px;
}
.pm-content-parent .pm-content h3 {
  color: #ffffff !important;
  margin-bottom: 0.625rem;
}
.pm-content-parent .pm-content ul {
  margin-bottom: 0;
}
.pm-content-parent .pm-content ul li {
  color: #ffffff;
}
.pm-content-parent .pm-content ul li:before {
  background: #ffffff;
}

.case-studies {
  overflow-x: hidden;
  padding-top: 30px;
}
.case-studies:last-child {
  padding-bottom: 50px;
}
.case-studies .cs-main-parent {
  /*&.divider{
      &:last-child{
          padding-bottom: 0;
      }
  }*/
}
@media (max-width: 767px) {
  .case-studies .cs-main-parent {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
.case-studies .cs-main-parent .cs-item {
  position: relative;
  z-index: 1;
}
.case-studies .cs-main-parent .cs-item .cs-icon {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .case-studies .cs-main-parent .cs-item .cs-icon img {
    width: 100% !important;
  }
}
.case-studies .cs-main-parent .cs-content {
  width: 54vw;
  background: #EDF3FC;
  padding: 30px 65px;
  margin-left: -75px;
  height: 100%;
}
@media (max-width: 767px) {
  .case-studies .cs-main-parent .cs-content {
    width: 100%;
    margin-left: 0;
    padding: 30px;
  }
}
.case-studies .cs-main-parent .cs-content h3 {
  font-size: 1.75rem;
  font-weight: 700;
  /*color: #024ec0;*/
  margin-bottom: 0.625rem;
  letter-spacing: 0.5px;
}
@media (max-width: 767px) {
  .case-studies .cs-main-parent .cs-content h3 {
    font-size: 1.25rem;
  }
}
@media (max-width: 575px) {
  .case-studies .cs-main-parent .cs-content h3 {
    font-size: 1rem;
  }
}
.case-studies .cs-main-parent .cs-content h3 span {
  color: #024ec0;
}
@media (max-width: 575px) {
  .case-studies .cs-main-parent .cs-content p {
    font-size: 0.75rem !important;
  }
}

.app-idea {
  background: #247cff;
  border-radius: 8px;
  padding: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1199px) {
  .app-idea {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .app-idea {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 1.25rem 1.875rem;
  }
}
@media (max-width: 767px) {
  .app-idea img {
    width: 85px;
  }
}
.app-idea .heading {
  font-size: 2rem;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 1199px) {
  .app-idea .heading {
    max-width: 580px;
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .app-idea .heading {
    max-width: 380px;
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .app-idea .heading {
    font-size: 1.375rem;
    margin: 15px 0;
    max-width: 100%;
  }
}
.app-idea .heading span {
  display: block;
  font-size: 1.125rem;
  font-weight: 400;
}
@media (max-width: 1199px) {
  .app-idea .heading span {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .app-idea .heading span {
    font-size: 0.875rem;
  }
}
.app-idea:hover {
  background: #024ec0;
}

@media (max-width: 1199px) {
  .api-faq h5 {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .api-faq h5 {
    font-size: 0.875rem;
  }
}
.api-faq .faq-graphic {
  width: 500px;
  height: 500px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .api-faq .faq-graphic {
    width: 450px;
    height: 450px;
  }
}
@media (max-width: 991px) {
  .api-faq .faq-graphic {
    width: 345px;
    height: 345px;
  }
}
@media (max-width: 767px) {
  .api-faq .faq-graphic {
    width: 275px;
    height: 275px;
  }
}
@media (max-width: 599px) {
  .api-faq .faq-graphic {
    margin-bottom: 20px;
    width: 100%;
    border-radius: 10px;
  }
}
.api-faq .faq-graphic img {
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.api-faq .card {
  border: none;
  margin-bottom: 1.25rem;
  background: transparent;
  border-radius: 30px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 35px rgba(2, 78, 192, 0.13);
          box-shadow: 0 0 35px rgba(2, 78, 192, 0.13);
}
.api-faq .card .card-header {
  border: none;
  background: transparent;
  padding: 0;
}
.api-faq .card .card-header h5 {
  border-radius: 30px 30px 0 0;
  color: #212121;
  font-weight: 700;
  padding: 0.9375rem 4rem 0.9375rem 1.25rem;
  margin-bottom: 0;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .api-faq .card .card-header h5 {
    padding: 0.9375rem 2rem 0.9375rem 1.25rem;
  }
}
@media (max-width: 575px) {
  .api-faq .card .card-header h5 {
    padding: 0.9375rem 3.25rem 0.9375rem 1.25rem;
  }
}
.api-faq .card .card-header h5:after {
  content: "\e15b";
  font-family: "Material Icons Round";
  width: 30px;
  height: 30px;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  border-radius: 40px;
  color: #ffffff;
  position: absolute;
  top: 12px;
  right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .api-faq .card .card-header h5:after {
    top: 9px;
    right: 12px;
  }
}
.api-faq .card .card-header h5.collapsed {
  border-radius: 30px;
}
.api-faq .card .card-header h5.collapsed:after {
  content: "\e145";
}
.api-faq .card .card-body {
  border-radius: 0 0 30px 30px;
  padding-top: 0;
}

.latest-technologies .tech-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.875rem;
}
.latest-technologies .tech-tabs .nav-pills .nav-link {
  border-radius: 0;
  background: #ffffff;
  color: #247cff;
  padding: 0.9375rem 3rem;
  font-size: 1.125rem;
  -webkit-box-shadow: 0 0 20px rgba(140, 152, 164, 0.2);
          box-shadow: 0 0 20px rgba(140, 152, 164, 0.2);
}
@media (max-width: 1199px) {
  .latest-technologies .tech-tabs .nav-pills .nav-link {
    padding: 0.9375rem 1.5625rem;
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .latest-technologies .tech-tabs .nav-pills .nav-link {
    padding: 0.5rem 0.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    width: 68%;
    color: #101010;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media (max-width: 599px) {
  .latest-technologies .tech-tabs .nav-pills .nav-link {
    font-size: 1rem;
    height: 45px;
    padding: 0 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.latest-technologies .tech-tabs .nav-pills .nav-link:first-child {
  border-radius: 30px 0 0 30px;
}
.latest-technologies .tech-tabs .nav-pills .nav-link:last-child {
  border-radius: 0 30px 30px 0;
}
.latest-technologies .tech-tabs .nav-pills .nav-link.active {
  background: #247cff;
  color: #ffffff;
}
@media (max-width: 767px) {
  .latest-technologies .tech-tabs .nav-pills .nav-link.active {
    background: transparent;
    color: #000000;
  }
}
.latest-technologies .tech-tabs .nav-pills .nav-link.microservice-tab {
  padding: 0.9375rem 2.7rem;
}
@media (max-width: 1199px) {
  .latest-technologies .tech-tabs .nav-pills .nav-link.microservice-tab {
    padding: 0.9375rem 1rem;
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .latest-technologies .tech-tabs .nav-pills .nav-link.microservice-tab {
    font-size: 0.875rem;
  }
}
@media (max-width: 1666px) {
  .latest-technologies .tech-tabs .nav-pills .nav-link.microservice-tab-new {
    padding: 0.9375rem 2rem;
  }
}
@media (max-width: 1440px) {
  .latest-technologies .tech-tabs .nav-pills .nav-link.microservice-tab-new {
    padding: 0.9375rem 1.1rem;
  }
}
@media (max-width: 1299px) {
  .latest-technologies .tech-tabs .nav-pills .nav-link.microservice-tab-new {
    padding: 0.9375rem 0.8rem;
  }
}
@media (max-width: 1199px) {
  .latest-technologies .tech-tabs .nav-pills .nav-link.microservice-tab-new {
    padding: 0.9375rem 0.5rem;
  }
}
@media (max-width: 991px) {
  .latest-technologies .tech-tabs .nav-pills .nav-link.microservice-tab-new {
    font-size: 0.875rem;
    padding: 0.9375rem 0.4rem;
  }
}
.latest-technologies .tab-pane.active {
  -webkit-animation: slideInLeft 1s;
          animation: slideInLeft 1s;
}
.latest-technologies .tab-pane .col-sm-2,
.latest-technologies .tab-pane .col-lg-2 {
  margin-bottom: 1.875rem;
}
@media (max-width: 991px) {
  .latest-technologies .tab-pane .col-sm-2 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (max-width: 767px) {
  .latest-technologies .tab-pane .col-sm-2 {
    -ms-flex: 0 0 33%;
    -webkit-box-flex: 0;
            flex: 0 0 33%;
    max-width: 33%;
  }
}
@media (max-width: 599px) {
  .latest-technologies .tab-pane .col-sm-2 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
.latest-technologies .tab-pane .tech-tab-content {
  margin-bottom: 2rem;
}
.latest-technologies .tab-pane .tech-item {
  height: 100%;
  text-align: center;
  background: #ffffff;
  padding: 1.875rem 1.25rem;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199px) {
  .latest-technologies .tab-pane .tech-item {
    padding: 0.625rem;
  }
}
@media (max-width: 991px) {
  .latest-technologies .tab-pane .tech-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1rem;
  }
}
.latest-technologies .tab-pane .tech-item .lt-icon {
  margin-bottom: 10px;
}
.latest-technologies .tab-pane .tech-item .lt-icon svg {
  width: 50px;
  fill: url(#MyGradient);
}
.latest-technologies .tab-pane .tech-item .lt-icon img {
  -webkit-filter: invert(1);
          filter: invert(1);
  max-width: 50px;
}
@media (max-width: 767px) {
  .latest-technologies .tab-pane .tech-item .lt-icon img {
    max-width: 40px;
  }
}
.latest-technologies .tab-pane .tech-item .lt-icon img.lt-img {
  max-width: 140px;
  -webkit-filter: none;
          filter: none;
}
.latest-technologies .tab-pane .tech-item h5, .latest-technologies .tab-pane .tech-item .tech-heading {
  font-size: 1rem;
  font-weight: 600;
}
@media (max-width: 991px) {
  .latest-technologies .tab-pane .tech-item h5, .latest-technologies .tab-pane .tech-item .tech-heading {
    font-size: 0.875rem;
  }
}
.latest-technologies .tab-pane .tech-item .lt-text {
  font-size: 1rem;
  font-weight: 600;
}
@media (max-width: 991px) {
  .latest-technologies .tab-pane .tech-item .lt-text {
    font-size: 0.875rem;
  }
}
.latest-technologies .tab-pane .tech-item:hover .lt-icon svg {
  -webkit-animation: icon-pulse 0.5s;
          animation: icon-pulse 0.5s;
}
.latest-technologies .tab-pane .tech-item:hover .lt-icon .lt-img {
  -webkit-animation: icon-pulse 0.5s;
          animation: icon-pulse 0.5s;
}
.latest-technologies.microservices-technologies .tab-pane h3 {
  font-weight: 600;
}

.table-services .col-sm-4,
.table-services .col-lg-4 {
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  .table-services .col-sm-4 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 599px) {
  .table-services .col-sm-4 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .table-services .col-sm-8 {
    -ms-flex: 0 0 80.666667%;
    -webkit-box-flex: 0;
            flex: 0 0 80.666667%;
    max-width: 80.666667%;
  }
}
@media (max-width: 767px) {
  .table-services .col-sm-8 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.table-services .table-service-item {
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
  padding: 1.875rem;
  height: 100%;
  text-align: center;
}
@media (max-width: 991px) {
  .table-services .table-service-item {
    padding: 0.8rem;
  }
}
.table-services .table-service-item .ts-icon {
  margin-bottom: 0.625rem;
}
.table-services .table-service-item .ts-icon svg {
  width: 80px;
  fill: url(#MyGradient);
}
@media (max-width: 1199px) {
  .table-services .table-service-item .ts-icon svg {
    width: 60px;
  }
}
.table-services .table-service-item .ts-content h4 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 1.25rem;
}
@media (max-width: 991px) {
  .table-services .table-service-item .ts-content h4 {
    font-size: 1.125rem;
  }
}
.table-services .table-service-item .ts-content p {
  margin-bottom: 0;
}
.table-services .table-service-item:hover {
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
.table-services .table-service-item:hover .ts-icon svg {
  -webkit-animation: icon-pulse 0.5s;
          animation: icon-pulse 0.5s;
  fill: #ffffff;
}
.table-services .table-service-item:hover .ts-content h4,
.table-services .table-service-item:hover .ts-content p {
  color: #ffffff;
}

.service-content .info-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
@media (max-width: 991px) {
  .service-content .info-grid {
    font-size: 1rem;
  }
}
.service-content .info-grid .info-grid-item {
  width: 48%;
  padding: 2.5rem;
  border-radius: 8px;
  background: #ecf4fd;
}
.service-content .info-grid .info-grid-item .icon {
  margin-bottom: 1.25rem;
}
.service-content .info-grid .info-grid-item .title {
  font-size: 20px;
  color: #024ec0;
  font-weight: 600;
}
.service-content .info-grid:first-child .info-grid-item:first-child {
  width: 50%;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.service-content .info-grid:first-child .info-grid-item:last-child {
  width: 42%;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-left: 1.25rem;
  background: rgba(206, 212, 218, 0.36);
}
.service-content .info-grid:last-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.service-content .info-grid:last-child .info-grid-item:first-child {
  width: 42%;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-right: 1.25rem;
  background: rgba(206, 212, 218, 0.36);
}
.service-content .info-grid:last-child .info-grid-item:last-child {
  width: 50%;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.service-content .content-area h2 {
  font-size: 2.25rem;
  font-weight: 700;
  color: #024ec0;
}
@media (max-width: 1199px) {
  .service-content .content-area h2 {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .service-content .content-area h2 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .service-content .content-area h2 {
    font-size: 1.375rem;
  }
}
.service-content .content-area p {
  font-size: 1.125rem;
}
@media (max-width: 991px) {
  .service-content .content-area p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .service-content .content-area p {
    font-size: 0.875rem;
  }
}
.service-content .content-area p span {
  color: #024ec0;
  font-weight: 700;
}
.service-content .content-area ul li {
  font-weight: 700;
}
@media (max-width: 1199px) {
  .service-content .content-area h4 {
    font-size: 1.375rem;
  }
}
@media (max-width: 767px) {
  .service-content .content-area h4 {
    font-size: 1.25rem;
  }
}
.service-content .content-area.ai-ml-content-area .section-heading {
  margin-top: 3rem;
}
@media (max-width: 767px) {
  .service-content .content-area.ai-ml-content-area .section-heading {
    text-align: center;
  }
}
.service-content .content-area.ai-ml-content-area .section-title {
  font-size: 1.6rem;
  margin: 0;
  max-width: 100%;
  color: #024ec0;
}
.service-content.service-content-new .content-area {
  padding-right: 3rem;
}
@media (max-width: 575px) {
  .service-content.service-content-new .content-area {
    padding-right: 0;
    text-align: center !important;
  }
}

.info-grid-hz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.25rem;
}
.info-grid-hz .info-grid-item {
  width: 23%;
  padding: 1.875rem;
  border-radius: 8px;
  background: #ecf4fd;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1199px) {
  .info-grid-hz .info-grid-item {
    padding: 1rem;
  }
}
@media (max-width: 991px) {
  .info-grid-hz .info-grid-item {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .info-grid-hz .info-grid-item {
    text-align: center;
    padding: 15px 12px;
  }
}
@media (max-width: 599px) {
  .info-grid-hz .info-grid-item {
    width: 49%;
    margin-bottom: 8px;
  }
}
.info-grid-hz .info-grid-item .icon {
  width: 50px;
}
@media (max-width: 991px) {
  .info-grid-hz .info-grid-item .icon {
    margin: auto;
  }
}
.info-grid-hz .info-grid-item .icon svg {
  width: 50px;
  fill: url(#MyGradient);
}
.info-grid-hz .info-grid-item .title {
  width: calc(100% - 70px);
  font-size: 1.125rem;
  color: #024ec0;
  font-weight: 600;
  text-align: left;
}
@media (max-width: 1199px) {
  .info-grid-hz .info-grid-item .title {
    width: calc(100% - 60px);
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .info-grid-hz .info-grid-item .title {
    width: 100%;
    font-size: 1rem;
    text-align: center;
    font-size: 14px;
  }
}
.info-grid-hz .info-grid-item:nth-of-type(even) {
  background: rgba(206, 212, 218, 0.36);
}
.info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #024ec0;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.info-grid-hz .info-grid-item .ig-content {
  height: 100%;
}
.info-grid-hz .info-grid-item .ig-content h3 {
  font-size: 1.25rem;
  font-weight: 700;
}
@media (max-width: 991px) {
  .info-grid-hz .info-grid-item .ig-content h3 {
    font-size: 1rem;
  }
}
.info-grid-hz .info-grid-item .ig-content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .info-grid-hz.ionic-info .info-grid-item {
    width: 48%;
    margin: 0.625rem 0;
  }
}
@media (max-width: 599px) {
  .info-grid-hz.ionic-info .info-grid-item {
    width: 100%;
    margin: 0.625rem 0;
  }
}
.info-grid-hz.dt-info-hz {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.info-grid-hz.dt-info-hz .info-grid-item {
  margin-right: 15px;
  margin-bottom: 15px;
}
.info-grid-hz.dt-info-hz .info-grid-item .icon {
  margin: 0 auto;
}
.info-grid-hz.dt-info-hz .info-grid-item .title {
  width: 100%;
  text-align: center;
}
.info-grid-hz.ionic-info-new {
  gap: 40px;
}
@media (max-width: 575px) {
  .info-grid-hz.ionic-info-new {
    gap: 20px;
  }
}
.info-grid-hz.ionic-info-new .info-grid-item {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 40%;
      -ms-flex: 40%;
          flex: 40%;
  background: #ffffff;
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 575px) {
  .info-grid-hz.ionic-info-new .info-grid-item {
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
  }
}
.info-grid-hz.ionic-info-new .info-grid-item .ig-icon {
  margin-bottom: 20px;
}
.info-grid-hz.ionic-info-new .info-grid-item .ig-icon svg {
  width: 50px;
}
.info-grid-hz.ionic-info-new .info-grid-item .ig-icon svg path {
  fill: url(#MyGradient);
}
.info-grid-hz.ionic-info-new .info-grid-item:hover {
  background: #247cff;
}
.info-grid-hz.ionic-info-new .info-grid-item:hover .ig-icon svg {
  stroke: none;
}
.info-grid-hz.ionic-info-new .info-grid-item:hover .ig-icon svg path {
  fill: #ffffff;
}
.info-grid-hz.ionic-info-new .info-grid-item:hover .ig-content h3 {
  color: #ffffff;
}
.info-grid-hz.ionic-info-new .info-grid-item:hover .ig-content p {
  color: #ffffff;
}
.info-grid-hz.info-3-col .info-grid-item {
  width: 30%;
}
@media (max-width: 575px) {
  .info-grid-hz.info-3-col .info-grid-item {
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
  }
}

.service-content-extend .sce-item {
  text-align: center;
}
@media (max-width: 599px) {
  .service-content-extend .sce-item {
    padding-bottom: 15px;
  }
}
.service-content-extend .sce-item span {
  display: block;
  font-size: 1rem;
  color: #212121;
  font-weight: 700;
}
.service-content-extend .sce-item h5 {
  font-size: 3rem;
  line-height: normal;
  font-weight: 700;
  color: #024ec0;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .service-content-extend .sce-item h5 {
    font-size: 2rem;
  }
}
@media (max-width: 991px) {
  .service-content-extend .sce-item h5 {
    font-size: 1.5rem;
  }
}
.service-content-extend .sce-item h5 small {
  font-size: 1.25rem;
  font-weight: 700;
  margin-left: 0.3125rem;
}
.service-content-extend .sce-item p {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0;
}

.service-statics .static-item {
  padding: 0 1.25rem;
  text-align: center;
}
@media (max-width: 991px) {
  .service-statics .static-item {
    padding: 0 0.75rem;
  }
}
@media (max-width: 767px) {
  .service-statics .static-item {
    padding: 0px;
  }
}
.service-statics .static-item .count-wrap {
  font-size: 3rem;
  line-height: 58px;
  font-weight: 800;
  color: #024ec0;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .service-statics .static-item .count-wrap {
    font-size: 2rem;
  }
}
@media (max-width: 991px) {
  .service-statics .static-item .count-wrap {
    font-size: 1.5rem;
  }
}
.service-statics .static-item .title {
  font-size: 1.125rem;
  line-height: 28px;
  color: #101010;
  font-weight: 700;
}
@media (max-width: 991px) {
  .service-statics .static-item .title {
    font-size: 1rem;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .service-statics .static-item .title {
    font-size: 14px;
    line-height: 22px;
  }
}
.service-statics .static-item .sub-title {
  font-size: 16px;
  line-height: 24px;
  color: #101010;
  font-weight: 400;
}
@media (max-width: 991px) {
  .service-statics .static-item .sub-title {
    font-size: 14px;
    line-height: 19px;
  }
}
@media (max-width: 991px) {
  .service-statics .col-sm-3 {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .service-statics .col-sm-3 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
.service-statics .col-sm-3 + .col-sm-3 .static-item {
  border-left: 1px solid rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px) {
  .service-statics .col-sm-3 + .col-sm-3 .static-item {
    border-left: 0px solid rgba(0, 0, 0, 0.4);
  }
}
.service-statics .service-stat-content ul li {
  font-size: 18px;
  line-height: 24px;
  color: #101010;
  font-weight: 400;
  padding-left: 2.875rem;
}
@media (max-width: 991px) {
  .service-statics .service-stat-content ul li {
    font-size: 16px;
    line-height: 19px;
  }
}
@media (max-width: 767px) {
  .service-statics .service-stat-content ul li {
    font-size: 14px;
  }
}
.service-statics.startup-consulting-goal {
  background: #ecf4fd;
}
.service-statics.startup-consulting-goal .section-heading p {
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.3px;
}
.service-statics.service-statics-new .section-shadow {
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 40px;
}
@media (max-width: 599px) {
  .service-statics.service-statics-new .section-shadow {
    padding: 20px;
  }
}
@media (max-width: 575px) {
  .service-statics.service-statics-new .section-shadow .row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 575px) {
  .service-statics.service-statics-new .section-shadow .row .col-sm-9 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 599px) {
  .service-statics.service-statics-new .section-shadow .row .col-sm-9 .section-heading .section-title {
    font-size: 1.25rem;
  }
}
.service-statics.service-statics-new .section-shadow .row .service-stat-image img {
  max-width: 100%;
  width: 100%;
}

.counting .static-item {
  border-left: 1px solid rgba(0, 0, 0, 0.4);
  height: 100%;
}
@media (max-width: 767px) {
  .counting .static-item {
    border-left: 0px solid rgba(0, 0, 0, 0.4);
  }
}

.iphone-development {
  background: #ecf4fd;
}
.iphone-development .col-sm-4,
.iphone-development .col-lg-4, .iphone-development .col-lg-6:not(.col-md-10) {
  margin-bottom: 3.125rem;
  margin-top: 7.5rem;
}
@media (max-width: 991px) {
  .iphone-development .col-sm-4,
  .iphone-development .col-lg-4, .iphone-development .col-lg-6:not(.col-md-10) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    margin-top: 6.5rem;
  }
}
@media (max-width: 767px) {
  .iphone-development .col-sm-4,
  .iphone-development .col-lg-4, .iphone-development .col-lg-6:not(.col-md-10) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    margin-top: 5.3125rem;
    margin-bottom: 1.125rem;
  }
}
@media (max-width: 599px) {
  .iphone-development .col-sm-4,
  .iphone-development .col-lg-4, .iphone-development .col-lg-6:not(.col-md-10) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.iphone-development .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.iphone-development .development-item {
  position: relative;
  display: block;
  cursor: pointer;
  width: 100%;
  max-width: 350px;
  height: 100%;
  margin: 0 auto;
  padding: 7.5rem 1.875rem 1.875rem;
  border-radius: 8px;
  background-color: #ffffff;
  z-index: 0;
  -webkit-box-shadow: 0 20px 70px rgba(0, 0, 0, 0.09);
          box-shadow: 0 20px 70px rgba(0, 0, 0, 0.09);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 767px) {
  .iphone-development .development-item {
    padding: 6.25rem 1.25rem 1.25rem;
  }
}
.iphone-development .development-item .dev-icon {
  position: absolute;
  z-index: 1;
  top: -112px;
  left: 0;
  width: 100%;
}
@media (max-width: 991px) {
  .iphone-development .development-item .dev-icon {
    top: -142px;
  }
}
@media (max-width: 767px) {
  .iphone-development .development-item .dev-icon {
    top: -90px;
    max-width: 85%;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.iphone-development .development-item .dev-icon img {
  max-width: 100%;
  padding: 0 5rem;
  -webkit-filter: drop-shadow(0 20px 15px rgba(136, 142, 160, 0.4));
          filter: drop-shadow(0 20px 15px rgba(136, 142, 160, 0.4));
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 1199px) {
  .iphone-development .development-item .dev-icon img {
    padding: 0 3rem;
  }
}
@media (max-width: 599px) {
  .iphone-development .development-item .dev-icon img {
    max-height: 194px;
    margin: 0 auto;
    display: block;
  }
}
.iphone-development .development-item .dev-content .title {
  font-weight: 700;
  color: #024ec0;
  padding: 0;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .iphone-development .development-item .dev-content .title {
    font-size: 1.3rem;
  }
}
.iphone-development .development-item .dev-content .subtitle {
  font-weight: 700;
  color: #101010;
  font-size: 1rem;
  margin-bottom: 0.625rem;
}
@media (max-width: 767px) {
  .iphone-development .development-item .dev-content .subtitle {
    font-size: 0.9375rem;
  }
}
.iphone-development .development-item:hover {
  background: #247cff;
  -webkit-box-shadow: 0 50px 120px -20px #247cff;
          box-shadow: 0 50px 120px -20px #247cff;
}
.iphone-development .development-item:hover .dev-icon img {
  padding: 0 4rem;
  -webkit-filter: drop-shadow(0 20px 15px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 20px 15px rgba(0, 0, 0, 0.3));
}
@media (max-width: 767px) {
  .iphone-development .development-item:hover .dev-icon img {
    padding: 0 3.8rem;
  }
}
.iphone-development .development-item:hover .dev-content .title {
  color: #ffffff;
}
.iphone-development .development-item:hover .dev-content .subtitle {
  color: #ffffff;
}
.iphone-development .development-item:hover .dev-content p {
  color: #ffffff;
}
.iphone-development .development-item:hover .dev-content ul {
  color: #ffffff;
}
.iphone-development .development-item:hover .dev-content ul li::before {
  background: #ffffff;
}
.iphone-development.service-offerings {
  background: #ffffff;
}
.iphone-development.service-offerings .service-offerings-item {
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background: #ecf4fd;
  height: 100%;
}
.iphone-development.service-offerings .service-offerings-item h3 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0.625rem;
  color: #000000;
}
@media (max-width: 1199px) {
  .iphone-development.service-offerings .service-offerings-item h3 {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) {
  .iphone-development.service-offerings .service-offerings-item h3 {
    font-size: 1rem;
    line-height: 20px;
  }
}
.iphone-development.service-offerings .service-offerings-item .service-offering-icon img {
  max-width: 300px !important;
  display: block;
  margin: 0 auto;
}
.iphone-development.service-offerings .first-col {
  margin-bottom: 30px;
}

.development-services .col-sm-2 {
  margin-bottom: 1.875rem;
}
@media (max-width: 991px) {
  .development-services .col-sm-2 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 599px) {
  .development-services .col-sm-2 {
    -ms-flex: 0 0 49%;
    -webkit-box-flex: 0;
            flex: 0 0 49%;
    max-width: 49%;
  }
}
.development-services .development-service-item {
  text-align: center;
  padding: 1.875rem 1.25rem;
  background: #ffffff;
  border-radius: 8px;
  border: solid 1px #ecf4fd;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1199px) {
  .development-services .development-service-item {
    padding: 0.9375rem;
  }
}
.development-services .development-service-item .dsi-icon {
  width: 100%;
}
.development-services .development-service-item .dsi-icon svg {
  fill: url(#MyGradient);
  width: 70px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.development-services .development-service-item .dsi-icon img {
  max-height: 70px;
}
@media (max-width: 1199px) {
  .development-services .development-service-item .dsi-icon {
    margin-bottom: 0.625rem;
  }
}
@media (max-width: 767px) {
  .development-services .development-service-item .dsi-icon svg {
    width: 50px;
  }
}
.development-services .development-service-item .dsi-title {
  font-size: 1rem;
  font-weight: 700;
  color: #101010;
}
@media (max-width: 1199px) {
  .development-services .development-service-item .dsi-title {
    font-size: 0.8125rem;
  }
}
@media (max-width: 767px) {
  .development-services .development-service-item .dsi-title {
    font-size: 0.75rem;
    word-break: break-all;
  }
}
@media (max-width: 599px) {
  .development-services .development-service-item .dsi-title {
    font-size: 0.6875rem;
  }
}
@media (max-width: 767px) {
  .development-services .development-service-item .dsi-title br {
    display: none;
  }
}
.development-services .development-service-item:hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.development-service-sec .col-sm-6,
.development-service-sec .col-xl-3 {
  margin-bottom: 1.875rem;
}
.development-service-sec .col-sm-4 {
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  .development-service-sec .col-sm-4 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 599px) {
  .development-service-sec .col-sm-4 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .development-service-sec .col-sm-3 {
    -ms-flex: 0 0 33.33%;
    -webkit-box-flex: 0;
            flex: 0 0 33.33%;
    max-width: 33.33%;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .development-service-sec .col-sm-3 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 599px) {
  .development-service-sec .col-sm-3 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.development-service-sec .service-sec-item {
  padding: 1.875rem;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #ffffff;
  position: relative;
}
@media (max-width: 991px) {
  .development-service-sec .service-sec-item {
    padding: 1rem;
  }
}
@media (max-width: 767px) {
  .development-service-sec .service-sec-item {
    text-align: center;
  }
}
.development-service-sec .service-sec-item .dss-icon {
  margin-bottom: 0.9375rem;
}
.development-service-sec .service-sec-item .dss-icon svg {
  width: 80px;
  fill: url(#MyGradient);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .development-service-sec .service-sec-item .dss-icon svg {
    width: 70px;
  }
}
@media (max-width: 767px) {
  .development-service-sec .service-sec-item .dss-icon svg {
    width: 54px;
  }
}
.development-service-sec .service-sec-item .dss-icon svg path {
  fill: url(#MyGradient);
}
.development-service-sec .service-sec-item .dss-content h4, .development-service-sec .service-sec-item .dss-content .dss-content-heading {
  font-size: 1.25rem;
  font-weight: 700;
  color: #024ec0;
}
@media (max-width: 991px) {
  .development-service-sec .service-sec-item .dss-content h4, .development-service-sec .service-sec-item .dss-content .dss-content-heading {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .development-service-sec .service-sec-item .dss-content h4, .development-service-sec .service-sec-item .dss-content .dss-content-heading {
    font-size: 1rem;
  }
}
.development-service-sec .service-sec-item .dss-content ul li {
  text-align: left;
}
@media (max-width: 599px) {
  .development-service-sec .service-sec-item .dss-content ul li {
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 10px auto;
    word-break: break-all;
  }
}
.development-service-sec .service-sec-item .dss-content a.btn-position {
  position: absolute;
  bottom: 30px;
}
@media (max-width: 991px) {
  .development-service-sec .service-sec-item .dss-content a.btn-position {
    position: static;
    bottom: 0;
  }
}
.development-service-sec .service-sec-item:hover {
  background: #024ec0;
}
.development-service-sec .service-sec-item:hover .dss-icon svg {
  fill: #ffffff;
  -webkit-animation: icon-pulse 0.5s;
          animation: icon-pulse 0.5s;
}
.development-service-sec .service-sec-item:hover .dss-icon svg path {
  fill: #ffffff;
}
.development-service-sec .service-sec-item:hover .btn-primary {
  color: #007bff;
  background-color: #fff;
  border-color: #fff;
}
.development-service-sec .service-sec-item:hover .btn-primary:hover {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.development-service-sec .service-sec-item:hover .dss-content h4,
.development-service-sec .service-sec-item:hover .dss-content p,
.development-service-sec .service-sec-item:hover .dss-content li,
.development-service-sec .service-sec-item:hover .dss-content .dss-content-heading {
  color: #ffffff;
}
.development-service-sec .service-sec-item:hover .dss-content ul li::before {
  background: #ffffff;
}
.development-service-sec .item-area {
  text-align: center;
}
@media (max-width: 991px) {
  .development-service-sec .item-area {
    text-align: left;
  }
}
.development-service-sec .item-area svg {
  width: 150px;
  fill: #024ec0;
}
@media (max-width: 767px) {
  .development-service-sec .item-area svg {
    width: 95px;
  }
}
.development-service-sec .item-area h4 {
  position: relative;
  font-size: 1.75rem;
  font-weight: 700;
  color: #024ec0;
  margin-bottom: 0.625 rem;
  letter-spacing: 0.5px;
  padding-left: 2.5 rem;
  cursor: pointer;
}
@media (max-width: 991px) {
  .development-service-sec .item-area h4 {
    font-size: 1.2rem;
  }
}
@media (max-width: 991px) {
  .development-service-sec.ul-width .eng-content ul {
    width: 100% !important;
  }
}
.development-service-sec.business-value .service-sec-item .dss-icon svg path {
  fill: none;
}
.development-service-sec.business-value .service-sec-item:hover .dss-icon svg path {
  fill: none;
  stroke: #ffffff;
}
.development-service-sec.opg-value .service-sec-item .dss-icon svg path {
  fill: inherit;
}
.development-service-sec.opg-value .service-sec-item:hover .dss-icon svg path {
  fill: inherit;
  stroke: none;
}

.development-content .content .title {
  font-size: 2rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 0.9375rem;
}
@media (max-width: 991px) {
  .development-content .content .title {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .development-content .content .title {
    font-size: 1.375rem;
  }
}
.development-content .content .title span {
  color: #024ec0;
}
.development-content .content p {
  font-size: 1.125rem;
  margin-bottom: 1.875rem;
  font-weight: 400;
}
@media (max-width: 1199px) {
  .development-content .content p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .development-content .content p {
    font-size: 0.875rem;
  }
}
.development-content .content p span {
  color: #024ec0;
  font-weight: 700;
}
.development-content .content ul {
  margin-bottom: 1.875rem;
}
.development-content .content ul li {
  font-size: 1.125rem;
}
@media (max-width: 1199px) {
  .development-content .content ul li {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .development-content .content ul li {
    font-size: 0.875rem;
  }
}
.development-content .content ul li span {
  color: #024ec0;
  font-weight: 700;
}
.development-content .content ul li ul {
  margin-bottom: 0;
}
.development-content .content ul.cols-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.development-content .content ul.cols-2 li {
  width: 50%;
  padding-right: 1.25rem;
}
@media (max-width: 767px) {
  .development-content .content ul.cols-2 li {
    width: 100%;
  }
}
.development-content .content ul.cols-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.development-content .content ul.cols-3 li {
  width: 33%;
  padding-right: 1.25rem;
  padding-left: 1.875rem;
  position: relative;
  margin-bottom: 0.625rem;
}
@media (max-width: 767px) {
  .development-content .content ul.cols-3 li {
    width: 49.99%;
  }
}
@media (max-width: 599px) {
  .development-content .content ul.cols-3 li {
    width: 100%;
  }
}
.development-content .content ul.cols-3 li:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #024ec0;
  position: absolute;
  top: 3px;
  left: 0;
}
.development-content .content ul.cols-3 li:after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
  position: absolute;
  top: 3px;
  left: 0;
  top: 7px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.development-content .content ul.icons {
  list-style: none;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.development-content .content ul.icons li {
  width: 32%;
  min-height: 40px;
  padding-left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  padding: 18px 18px 18px 70px;
  border-radius: 10px;
  background: #F4F8FF;
  border: 1px solid rgba(0, 124, 250, 0.1);
}
@media (max-width: 1199px) {
  .development-content .content ul.icons li {
    width: 31%;
  }
}
@media (max-width: 767px) {
  .development-content .content ul.icons li {
    width: 48%;
  }
}
@media (max-width: 575px) {
  .development-content .content ul.icons li {
    width: 100%;
  }
}
.development-content .content ul.icons li:before, .development-content .content ul.icons li:after {
  display: none;
}
.development-content .content ul.icons li svg {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: 0;
  fill: white;
  background: #024EC0;
  border-radius: 10px;
  padding: 2px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-left: 10px;
}
.development-content .content ol {
  margin-bottom: 1.875rem;
}
.development-content .content ol li {
  font-size: 1.125rem;
}
.development-content .content ol li span {
  color: #024ec0;
  font-weight: 700;
}
.development-content .content ol.cols-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.development-content .content ol.cols-2 li {
  width: 50%;
  padding-right: 1.25rem;
}
.development-content .content ol.cols-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.development-content .content ol.cols-3 li {
  width: 33%;
  padding-right: 1.25rem;
  padding-left: 1.875rem;
}
.development-content .content ol.cols-3 li:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #024ec0;
  position: absolute;
  top: 3px;
  left: 0;
}
.development-content .content ol.cols-3 li:after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
  position: absolute;
  top: 3px;
  left: 0;
  top: 7px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hire-banner {
  background: #024ec0;
  border-radius: 10px;
  padding: 2.5rem;
}
@media (max-width: 767px) {
  .hire-banner {
    padding: 1rem;
  }
}
.hire-banner .hire-content .heading {
  font-size: 3rem;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 1.25rem;
}
@media (max-width: 1199px) {
  .hire-banner .hire-content .heading {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .hire-banner .hire-content .heading {
    font-size: 1.375rem;
  }
}
.hire-banner .hire-content .heading span {
  font-weight: 700;
}
.hire-banner .hire-content .highlited-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .hire-banner .hire-content .highlited-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.hire-banner .hire-content .highlited-content span {
  width: 45%;
  color: #ffffff;
  font-size: 1.125rem;
}
@media (max-width: 991px) {
  .hire-banner .hire-content .highlited-content span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .hire-banner .hire-content .highlited-content span {
    width: 100%;
  }
}
.hire-banner .hire-content .highlited-content span + span {
  padding-top: 15px;
}
.hire-banner .hire-content .highlited-content span small {
  font-size: 1.625rem;
  line-height: 24px;
  display: block;
  font-weight: 700;
}
@media (max-width: 767px) {
  .hire-banner .hire-content .highlited-content span small {
    font-size: 1.125rem;
  }
}
.hire-banner .hire-content ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.hire-banner .hire-content ul li {
  position: relative;
  padding-left: 1.25rem;
  font-size: 1rem;
  color: #ffffff;
  margin-right: 0;
  width: 45%;
  line-height: 30px;
}
@media (max-width: 767px) {
  .hire-banner .hire-content ul li {
    width: 100%;
    font-size: 14px;
  }
}
.hire-banner .hire-content ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: 0.6875rem;
}
.hire-banner .hire-graphic img {
  max-width: 300px;
  width: 100%;
  /*@media(max-width: 991px){
      max-width: 100%;
  }*/
}
@media (max-width: 767px) {
  .hire-banner .col-sm-8 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 15px;
  }
}

.service-content-sec .content-area h2 {
  font-size: 2.25rem;
  font-weight: 700;
  color: #000000;
}
@media (max-width: 767px) {
  .service-content-sec .content-area h2 {
    font-size: 1.5rem;
  }
}
.service-content-sec .content-area p {
  font-size: 1.375rem;
  color: #484848;
}
@media (max-width: 767px) {
  .service-content-sec .content-area p {
    font-size: 16px;
  }
}
.service-content-sec .content-area p span {
  color: #024ec0;
  font-weight: 700;
}

@media (max-width: 991px) {
  .our-expertise .expertise-graphic {
    margin-bottom: 30px;
  }
}
.our-expertise .expertise-graphic img {
  max-width: 100%;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .our-expertise .expertise-graphic img {
    margin-bottom: 15px;
    width: 100%;
  }
}
.our-expertise .expertise-graphic .count-data {
  width: 100%;
  padding: 4rem 2rem;
  background: #ecf4fd;
  color: #484848;
  border-radius: 8px;
  margin-bottom: 1.875rem;
  text-align: center;
}
@media (max-width: 599px) {
  .our-expertise .expertise-graphic .count-data {
    margin-bottom: 0px;
  }
}
.our-expertise .expertise-graphic .count-data .count-text {
  text-transform: capitalize;
  font-size: 1.25rem;
}
.our-expertise .expertise-graphic .count-data .count-text small {
  display: block;
  font-size: 2.25rem;
  font-weight: 700;
}
.our-expertise .expertise-content p {
  font-size: 1.25rem;
  color: #484848;
  margin-bottom: 1.875rem;
}
@media (max-width: 991px) {
  .our-expertise .expertise-content p {
    font-size: 1rem;
  }
}
.our-expertise .expertise-content .exp-item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 991px) {
  .our-expertise .expertise-content .exp-item-wrapper {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.our-expertise .expertise-content .exp-item-wrapper .exp-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 50%;
  padding-right: 0.9375rem;
}
@media (max-width: 1199px) {
  .our-expertise .expertise-content .exp-item-wrapper .exp-item {
    width: 100%;
    padding-right: 0px;
  }
}
@media (max-width: 991px) {
  .our-expertise .expertise-content .exp-item-wrapper .exp-item {
    width: 48%;
  }
}
@media (max-width: 599px) {
  .our-expertise .expertise-content .exp-item-wrapper .exp-item {
    width: 100%;
  }
}
.our-expertise .expertise-content .exp-item-wrapper .exp-item span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  width: 60px;
  height: 60px;
  background: #ecf4fd;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.875rem;
  color: #024ec0;
  margin-right: 1.25rem;
}
.our-expertise .expertise-content .exp-item-wrapper .exp-item .expic h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #000000;
}
.our-expertise .expertise-content .exp-item-wrapper .exp-item .expic p {
  font-size: 1rem;
  color: #232323;
}
@media (max-width: 767px) {
  .our-expertise .expertise-content .exp-item-wrapper .exp-item .expic h3 {
    font-size: 1.125rem;
  }
}

.iot-smart-solution .iot-tabs {
  margin-bottom: 3.125rem;
  text-align: center;
}
@media (max-width: 1199px) {
  .iot-smart-solution .iot-tabs {
    margin-bottom: 2.125rem;
  }
}
@media (max-width: 767px) {
  .iot-smart-solution .iot-tabs {
    margin-bottom: 1.125rem;
  }
}
@media (max-width: 599px) {
  .iot-smart-solution .iot-tabs {
    margin-bottom: 0;
  }
}
.iot-smart-solution .iot-tabs .nav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.iot-smart-solution .iot-tabs .nav .nav-item {
  border-bottom: solid 2px rgba(93, 93, 93, 0.2);
  border-radius: 0;
  background-color: transparent;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: capitalize;
  padding: 0.9375rem 1.5625rem;
  color: #5d5d5d;
}
@media (max-width: 1199px) {
  .iot-smart-solution .iot-tabs .nav .nav-item {
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .iot-smart-solution .iot-tabs .nav .nav-item {
    padding: 0.5rem 0.6rem;
  }
}
@media (max-width: 767px) {
  .iot-smart-solution .iot-tabs .nav .nav-item {
    font-size: 1.25rem;
    border: none;
    line-height: 40px;
  }
}
@media (max-width: 599px) {
  .iot-smart-solution .iot-tabs .nav .nav-item {
    width: 70%;
    text-align: center;
    margin: 0 auto;
    line-height: initial;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.iot-smart-solution .iot-tabs .nav .nav-item:hover {
  color: #101010;
  border-bottom-color: #101010;
  opacity: 1;
}
.iot-smart-solution .iot-tabs .nav .nav-item.active {
  color: #024ec0;
  border-bottom-color: #024ec0;
  opacity: 1;
}
@media (max-width: 767px) {
  .iot-smart-solution .iot-tabs .nav .nav-item.active {
    border: none;
  }
}
.iot-smart-solution .iot-content-graphic {
  padding-right: 1.875rem;
  text-align: center;
}
.iot-smart-solution .iot-content-graphic img {
  max-width: 100%;
  -webkit-filter: drop-shadow(0 20px 15px rgba(136, 142, 160, 0.4));
          filter: drop-shadow(0 20px 15px rgba(136, 142, 160, 0.4));
}
@media (max-width: 767px) {
  .iot-smart-solution .iot-content-graphic img {
    margin-bottom: 30px;
  }
}
.iot-smart-solution .iot-content-graphic.svg-icon {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 767px) {
  .iot-smart-solution .iot-content-graphic.svg-icon {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    padding-right: 0px;
  }
}
.iot-smart-solution .iot-content-graphic.svg-icon svg {
  width: 200px;
  fill: url(#MyGradient);
}
@media (max-width: 767px) {
  .iot-smart-solution .iot-content {
    text-align: center;
  }
}
.iot-smart-solution .iot-content span {
  background-color: #ecf4fd;
  padding: 0.375rem 0.9375rem;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 30px;
  color: #024ec0;
  display: inline-block;
  margin-bottom: 0.9375rem;
}
.iot-smart-solution .iot-content h3 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 1.25rem;
}
@media (max-width: 1199px) {
  .iot-smart-solution .iot-content h3 {
    font-size: 1.625rem;
  }
}
@media (max-width: 991px) {
  .iot-smart-solution .iot-content h3 {
    font-size: 1.5rem;
    margin-bottom: 0.625rem;
  }
}
@media (max-width: 767px) {
  .iot-smart-solution .iot-content h3 {
    font-size: 1.375rem;
  }
}
.iot-smart-solution .iot-content h6 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #484848;
  margin-bottom: 0.625rem;
}
@media (max-width: 991px) {
  .iot-smart-solution .iot-content h6 {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .iot-smart-solution .iot-content h6 {
    font-size: 1rem;
  }
}
.iot-smart-solution .iot-content p {
  font-size: 1.25rem;
  line-height: 28px;
  color: #484848;
}
@media (max-width: 1199px) {
  .iot-smart-solution .iot-content p {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) {
  .iot-smart-solution .iot-content p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .iot-smart-solution .iot-content p {
    font-size: 0.875rem;
    line-height: 20px;
  }
}

.compatible-solutions .solution-content {
  padding-right: 1.875rem;
}
@media (max-width: 767px) {
  .compatible-solutions .solution-content {
    padding-right: 0;
  }
}
.compatible-solutions .solution-content .section-heading {
  margin-bottom: 1.875rem;
}
.compatible-solutions .solution-content .sc-item {
  margin-bottom: 1.875rem;
  position: relative;
  border-radius: 10px;
  background: #ffffff;
  padding: 1.25rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.compatible-solutions .solution-content .sc-item h4 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #101010;
  margin-bottom: 0.625rem;
}
.compatible-solutions .solution-content .sc-item p {
  margin-bottom: 0;
}
.compatible-solutions .solution-content .sc-item:hover {
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .compatible-solutions .solution-content .sc-item {
    width: 48%;
    display: inline-block;
    vertical-align: top;
  }
  .compatible-solutions .solution-content .sc-item:last-of-type {
    margin-left: 1.5rem;
  }
}
@media (max-width: 767px) {
  .compatible-solutions .solution-content .sc-item {
    width: 100%;
  }
  .compatible-solutions .solution-content .sc-item:last-of-type {
    margin-left: 0;
  }
}
.compatible-solutions .solution-graphic img {
  max-width: 100%;
  border-radius: 8px;
}
.compatible-solutions .solution-graphic .count-data {
  width: 100%;
  padding: 4rem 2rem;
  background: #ffffff;
  color: #484848;
  border-radius: 8px;
  margin-bottom: 1.875rem;
  text-align: center;
}
.compatible-solutions .solution-graphic .count-data .count-text {
  text-transform: capitalize;
  font-size: 1.25rem;
}
.compatible-solutions .solution-graphic .count-data .count-text small {
  display: block;
  font-size: 2.25rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .compatible-solutions .solution-graphic .count-data {
    padding: 0.9375rem;
  }
}

.feature-app-dev .feature-head-graphic {
  float: right;
  padding-top: 3.125rem;
}
.feature-app-dev .feature-head-graphic img {
  -webkit-filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.2));
}
@media (max-width: 1199px) {
  .feature-app-dev .feature-head-graphic {
    padding-top: 7.5rem;
    float: left;
  }
  .feature-app-dev .feature-head-graphic img {
    width: 440px;
  }
}
@media (max-width: 991px) {
  .feature-app-dev .feature-head-graphic {
    padding-top: 0;
    float: none;
    text-align: center;
  }
  .feature-app-dev .feature-head-graphic img {
    width: auto;
  }
}
@media (max-width: 599px) {
  .feature-app-dev .feature-head-graphic {
    margin-bottom: 1.25rem;
  }
  .feature-app-dev .feature-head-graphic img {
    width: 100%;
  }
}
.feature-app-dev .features {
  margin-bottom: 3.75rem;
}
@media (max-width: 991px) {
  .feature-app-dev .features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.feature-app-dev .features .feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.875rem;
}
@media (max-width: 1199px) {
  .feature-app-dev .features .feature-item {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 991px) {
  .feature-app-dev .features .feature-item {
    margin-bottom: 1.25rem;
    margin-left: 0 !important;
    display: inline-block;
    text-align: center;
    width: 48%;
  }
}
@media (max-width: 599px) {
  .feature-app-dev .features .feature-item {
    width: 100%;
  }
}
.feature-app-dev .features .feature-item .feature-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  border: solid 5px #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 2px 2px 15px 0px rgba(93, 93, 93, 0.4);
          box-shadow: 2px 2px 15px 0px rgba(93, 93, 93, 0.4);
  margin-right: 2.5rem;
  font-size: 1.875rem;
  font-weight: 800;
  color: #ffffff;
  text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.26);
}
@media (max-width: 991px) {
  .feature-app-dev .features .feature-item .feature-icon {
    margin-bottom: 1.25rem;
    margin-right: 0;
  }
}
.feature-app-dev .features .feature-item .feature-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 110px);
}
.feature-app-dev .features .feature-item .feature-content p {
  font-size: 1.125rem;
  color: #484848;
  margin-bottom: 0;
}
.feature-app-dev .features .feature-item .feature-content p span {
  color: #024ec0;
  font-weight: 700;
}
@media (max-width: 991px) {
  .feature-app-dev .features .feature-item .feature-content {
    width: 100%;
    text-align: center;
  }
  .feature-app-dev .features .feature-item .feature-content p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .feature-app-dev .features .feature-item .feature-content p {
    font-size: 0.875rem;
  }
}
.feature-app-dev .features .feature-item:first-of-type {
  margin-left: -100px;
}
.feature-app-dev .features .feature-item:nth-of-type(2) {
  margin-left: -10px;
}
.feature-app-dev .features .feature-item:nth-of-type(3) {
  margin-left: 30px;
}
.feature-app-dev .features .feature-item:nth-of-type(4) {
  margin-left: 30px;
}
.feature-app-dev .features .feature-item:nth-of-type(5) {
  margin-left: -10px;
}
.feature-app-dev .features .feature-item:last-of-type {
  margin-left: -100px;
}

.sharepoint-content .sc-heading {
  text-align: center;
  margin-bottom: 1.875rem;
}
.sharepoint-content .sc-heading h2 {
  font-size: 2.25rem;
  font-weight: 700;
  color: #000000;
}
@media (max-width: 1199px) {
  .sharepoint-content .sc-heading h2 {
    font-size: 1.7rem;
  }
}
@media (max-width: 767px) {
  .sharepoint-content .sc-heading h2 {
    font-size: 1.5rem;
  }
}
.sharepoint-content .sc-heading p {
  font-size: 1.375rem;
  color: #484848;
}
@media (max-width: 1199px) {
  .sharepoint-content .sc-heading p {
    font-size: 1.25rem;
  }
}
@media (max-width: 991px) {
  .sharepoint-content .sc-heading p {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .sharepoint-content .sc-heading p {
    font-size: 1rem;
  }
}
.sharepoint-content .sc-content {
  margin-bottom: 1.875rem;
}
@media (max-width: 991px) {
  .sharepoint-content .sc-content {
    padding: 0 !important;
  }
}
.sharepoint-content .sc-content p {
  font-size: 1.125rem;
  color: #484848;
}
@media (max-width: 1199px) {
  .sharepoint-content .sc-content p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .sharepoint-content .sc-content p {
    font-size: 0.875rem;
  }
}
.sharepoint-content .sc-content ul li {
  font-size: 1.25rem;
  color: #000000;
  margin-bottom: 0.625rem;
}
@media (max-width: 1199px) {
  .sharepoint-content .sc-content ul li {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .sharepoint-content .sc-content ul li {
    padding-left: 1.5625rem;
  }
}
@media (max-width: 767px) {
  .sharepoint-content .sc-content ul li {
    font-size: 0.875rem;
  }
}
.sharepoint-content .sc-content ul li::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #ecf4fd;
  position: absolute;
  top: 3px;
  left: 0;
}
.sharepoint-content .sc-content ul li:after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #247cff;
  border-bottom: solid 2px #247cff;
  position: absolute;
  top: 7px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sharepoint-content .sc-content ul li ol {
  margin-top: 15px;
  margin-bottom: 15px;
}
.sharepoint-content .sc-content ul li ol li {
  font-size: 1.125rem;
  padding-left: 15px;
}
.sharepoint-content .sc-content ul li ol li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background-image: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  position: absolute;
  top: 50%;
  left: -3px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sharepoint-content .sc-content ul li ol li:after {
  display: none;
}
.sharepoint-content .sc-content.enterprise-benefits ul li {
  font-weight: 400;
}

.wpf-features .col-md-6 {
  margin-bottom: 1.875rem;
}
.wpf-features .wpff-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  padding: 1.25rem;
  height: 100%;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .wpf-features .wpff-item {
    height: auto;
  }
}
@media (max-width: 599px) {
  .wpf-features .wpff-item {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.wpf-features .wpff-item:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.wpf-features .wpff-item .wpf-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(45deg, #ffffff 0%, #eaeaea 100%);
  border: solid 2px #024ec0;
}
.wpf-features .wpff-item .wpf-icon svg {
  fill: url(#MyGradient);
  width: 60px;
}
@media (max-width: 1199px) {
  .wpf-features .wpff-item .wpf-icon svg {
    width: 35px;
  }
}
@media (max-width: 599px) {
  .wpf-features .wpff-item .wpf-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 0.625rem;
  }
}
.wpf-features .wpff-item .wpf-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 95px);
}
.wpf-features .wpff-item .wpf-content p {
  font-size: 1.25rem;
  line-height: 30px;
  color: #484848;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .wpf-features .wpff-item .wpf-content p {
    line-height: 26px;
    font-size: 1rem;
  }
}
@media (max-width: 599px) {
  .wpf-features .wpff-item .wpf-content {
    width: 100%;
    display: block;
  }
}

.wpf-services ul.cols-3 li {
  font-size: 1.125rem;
  color: #000000;
  margin-bottom: 0.625rem;
  padding-left: 1.875rem;
}
@media (max-width: 1199px) {
  .wpf-services ul.cols-3 li {
    font-size: 15px;
  }
}
.wpf-services ul.cols-3 li:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #024ec0;
  position: absolute;
  top: 3px;
  left: 0;
}
.wpf-services ul.cols-3 li:after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
  position: absolute;
  top: 3px;
  left: 0;
  top: 7px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (max-width: 767px) {
  .wpf-services ul.cols-3 li:after {
    display: none;
  }
}

.sass-includes .saas-tabs .nav-pills .nav-link {
  width: 100%;
  border-radius: 0;
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 400;
  text-transform: capitalize;
  padding: 0.9375rem 0 0.9375rem 2.8125rem;
  position: relative;
  color: #5d5d5d;
  line-height: 20px;
}
@media (max-width: 1199px) {
  .sass-includes .saas-tabs .nav-pills .nav-link {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .sass-includes .saas-tabs .nav-pills .nav-link {
    font-size: 1.125rem;
    padding: 0px;
    width: 70%;
    text-align: center;
    margin: auto;
  }
}
@media (max-width: 599px) {
  .sass-includes .saas-tabs .nav-pills .nav-link {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sass-includes .saas-tabs .nav-pills .nav-link span {
    display: block;
    width: 100%;
  }
}
.sass-includes .saas-tabs .nav-pills .nav-link svg {
  width: 35px;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  fill: #5d5d5d;
}
@media (max-width: 767px) {
  .sass-includes .saas-tabs .nav-pills .nav-link svg {
    display: block;
    margin: 0 auto;
    position: static;
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.sass-includes .saas-tabs .nav-pills .nav-link svg path {
  fill: #5d5d5d;
}
.sass-includes .saas-tabs .nav-pills .nav-link:hover {
  color: #101010;
  opacity: 1;
}
.sass-includes .saas-tabs .nav-pills .nav-link:hover svg {
  fill: #101010;
}
.sass-includes .saas-tabs .nav-pills .nav-link:hover svg path {
  fill: #101010;
}
.sass-includes .saas-tabs .nav-pills .nav-link.active {
  color: #024ec0;
  opacity: 1;
  font-weight: 700;
}
.sass-includes .saas-tabs .nav-pills .nav-link.active svg {
  fill: #024ec0;
}
.sass-includes .saas-tabs .nav-pills .nav-link.active svg path {
  fill: #024ec0;
}
@media (max-width: 767px) {
  .sass-includes .saas-tabs.heading-tabs svg {
    width: 50px !important;
  }
}
@media (max-width: 767px) {
  .sass-includes .saas-tabs.heading-tabs span {
    display: none;
  }
}
@media (max-width: 599px) {
  .sass-includes .saas-tabs.heading-tabs span {
    display: none !important;
  }
}
.sass-includes .saas-tab-content {
  padding-left: 3rem;
}
@media (max-width: 767px) {
  .sass-includes .saas-tab-content {
    padding-left: 0rem;
    text-align: center;
    padding-top: 0;
  }
}
.sass-includes .saas-tab-content img {
  width: 280px;
  float: left;
  margin-right: 0.9375rem;
  margin-bottom: 0.9375rem;
}
@media (max-width: 1199px) {
  .sass-includes .saas-tab-content img {
    float: none;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .sass-includes .saas-tab-content img {
    margin-top: 0.625rem;
  }
}
.sass-includes .saas-tab-content h3 {
  font-size: 1.5rem;
  color: #101010;
  font-weight: 700;
  margin-bottom: 0.9375rem;
}
@media (max-width: 1199px) {
  .sass-includes .saas-tab-content h3 {
    font-size: 1.375rem;
  }
}
.sass-includes .saas-tab-content p {
  font-size: 1.125rem;
  color: #484848;
}
@media (max-width: 1199px) {
  .sass-includes .saas-tab-content p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .sass-includes .saas-tab-content p {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .sass-includes .saas-tab-content.iot-tab-content h3 {
    margin-top: 1rem;
  }
}
@media (max-width: 599px) {
  .sass-includes .saas-tab-content.iot-tab-content h3 {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .tab-content-area {
    text-align: center;
  }
}

.what-have .section-heading {
  padding-right: 2rem;
}
@media (max-width: 599px) {
  .what-have .section-heading {
    padding-right: 0;
  }
}
.what-have .wh-graphic {
  float: right;
  text-align: right;
}
@media (max-width: 767px) {
  .what-have .wh-graphic {
    text-align: center;
  }
}
.what-have .wh-graphic img {
  max-width: 500px;
}
@media (max-width: 991px) {
  .what-have .wh-graphic img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .what-have .wh-graphic img {
    max-width: 60%;
  }
}
@media (max-width: 599px) {
  .what-have .wh-graphic img {
    max-width: 100%;
  }
}

.webd-items-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 1.875rem;
}
.webd-items-wrapper .webd-items {
  width: 31%;
  margin: 0.625rem 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.25rem;
  border-radius: 8px;
  background: rgba(206, 212, 218, 0.36);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.webd-items-wrapper .webd-items span {
  text-align: center;
  font-weight: 700;
}
.webd-items-wrapper .webd-items:nth-of-type(even) {
  background: #ecf4fd;
}
.webd-items-wrapper .webd-items:hover {
  -webkit-box-shadow: 0 0 20px rgba(36, 124, 255, 0.2);
          box-shadow: 0 0 20px rgba(36, 124, 255, 0.2);
}
@media (max-width: 991px) {
  .webd-items-wrapper {
    padding-left: 0;
  }
  .webd-items-wrapper .webd-items {
    padding: 0.625rem;
  }
  .webd-items-wrapper .webd-items span {
    font-size: 0.875rem;
  }
}
@media (max-width: 599px) {
  .webd-items-wrapper .webd-items {
    width: 48%;
  }
}

.java-framework .java-framework-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.java-framework .java-framework-content .jf-icon {
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 50%;
  padding: 15px;
  margin-right: 20px;
}
.java-framework .java-framework-content .jf-icon svg {
  width: 50px;
}
.java-framework .java-framework-content .jf-icon svg path {
  fill: url(#MyGradient);
}
.java-framework .java-framework-content .jf-icon.jf-icon-right {
  margin-left: 20px;
  margin-right: 0;
}
.java-framework .java-framework-content .jf-text {
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 25px;
  border-radius: 30px;
  position: relative;
  height: 100%;
}
.java-framework .java-framework-content .jf-text:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  width: 20px;
  height: 30px;
  border-right: solid 15px white;
  border-bottom: solid 15px transparent;
  border-top: solid 15px transparent;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.java-framework .java-framework-content .jf-text.jf-text-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: auto;
  right: -20px;
  width: 20px;
  height: 30px;
  border-left: solid 15px white;
  border-bottom: solid 15px transparent;
  border-top: solid 15px transparent;
  border-right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.java-framework .col-sm-6 {
  margin-bottom: 1.5rem;
}

.java-code-quality .jcq-box .dss-content h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #024ec0;
  margin-bottom: 15px;
}
.java-code-quality .jcq-box.service-sec-item:hover .dss-content h3 {
  color: #ffffff;
}
.java-code-quality .jcq-management p {
  font-size: 18px;
  font-weight: 600;
}

.service-Options {
  background: #ffffff;
}

.java-tech-stack .t-items-wrapper {
  padding: 32px;
  position: relative;
}
.java-tech-stack .t-items-wrapper .t-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -40px -32px 0;
}
.java-tech-stack .t-items-wrapper .t-items .t-item {
  margin: 0 0 32px 0;
  min-width: 49%;
}
.java-tech-stack .t-items-wrapper .t-items .t-item .t-item-title {
  color: #004775;
  font-size: 24px;
  line-height: 1.67;
  margin: 0 0 4px;
}
.java-tech-stack .t-items-wrapper .t-items .t-item .t-item-groups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -24px -8px 0;
}
.java-tech-stack .t-items-wrapper .t-items .t-item .t-item-groups .t-item-group {
  margin: 0 24px 8px 0;
}
.java-tech-stack .t-items-wrapper .t-items .t-item .t-item-groups .t-item-group .t-item-group-title {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.71;
  margin: 0 0 4px;
  text-transform: uppercase;
}
.java-tech-stack .t-items-wrapper .t-items .t-item .t-item-groups .t-item-group .t-item-group-technologies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1px -1px 0;
}
.java-tech-stack .t-items-wrapper .t-items .t-item .t-item-groups .t-item-group .t-item-group-technologies .t-item-group-technology {
  height: 64px;
  margin: 0 1px 1px 0;
  position: relative;
  width: 96px;
}
.java-tech-stack .t-items-wrapper .t-items .t-item .t-item-groups .t-item-group .t-item-group-technologies .t-item-group-technology .t-item-group-technology-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 12px;
  position: relative;
  width: 100%;
}
.java-tech-stack .t-items-wrapper .t-items .t-item .t-item-groups .t-item-group .t-item-group-technologies .t-item-group-technology .t-item-group-technology-content img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

.popular-platform {
  background: #F8F8F8;
  border: 1px solid #DADFE3;
  margin-top: 75px;
}
.popular-platform .section-heading {
  padding: 20px 0;
  margin: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 575px) {
  .popular-platform .section-heading {
    display: inherit !important;
    text-align: center;
  }
}
.popular-platform .section-heading .img-logo {
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
          box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  height: 100%;
  margin-top: -50px;
  background: #ffffff;
}
@media (max-width: 575px) {
  .popular-platform .section-heading .img-logo {
    display: inline-block;
  }
}
.popular-platform .section-heading .heading-text {
  margin-left: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 575px) {
  .popular-platform .section-heading .heading-text {
    display: inherit !important;
    margin-left: 0;
    margin: 15px auto;
  }
}
.popular-platform .section-heading .heading-text h3 {
  color: #222;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
@media (max-width: 575px) {
  .popular-platform .section-heading .heading-text h3 {
    margin: 15px auto;
  }
}
.popular-platform .section-heading .heading-text p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
  background-color: #005eb8;
  border-radius: 4px;
  margin-left: 50px;
  padding: 2px 8px;
  margin-top: 0;
}
@media (max-width: 575px) {
  .popular-platform .section-heading .heading-text p {
    margin-left: 0;
  }
}
.popular-platform .platform-content-parent {
  border-top: 1px solid #DADFE3;
  border-bottom: 1px solid #DADFE3;
}
.popular-platform .platform-content-parent div[class*=col-] {
  border-right: 1px solid #DADFE3;
}
.popular-platform .platform-content-parent div[class*=col-] .platform-heading h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.popular-platform .platform-content-parent div[class*=col-] .platform-list ul li span {
  font-weight: 600;
  color: #3b3c3d;
}
.popular-platform .platform-content-parent div[class*=col-] .platform-caution h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.popular-platform .platform-content-parent div[class*=col-] .platform-caution .caution-list ul li span {
  font-weight: 600;
  color: #3b3c3d;
}
.popular-platform .platform-content-parent .platform-pricing h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.popular-platform .platform-content-parent .platform-pricing p span {
  font-weight: 600;
  color: #3b3c3d;
}
.popular-platform .platform-details-link {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.popular-platform .platform-details-link a {
  font-weight: 600;
}

.banner-head {
  border: 1px solid rgb(179, 217, 255);
  background: rgba(233, 239, 255, 0.5);
  border-radius: 24px;
  padding: 30px;
}
.banner-head .banner-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.banner-head .banner-details .banner-svg {
  background: white;
  border: 1px solid rgb(195, 225, 255);
  border-radius: 30px;
  padding: 15px;
  margin-right: 20px;
}
.banner-head .banner-details .banner-svg svg {
  width: 80px;
  height: 80px;
}
.banner-head .banner-details .banner-svg svg path {
  fill: url(#MyGradient);
}
@media (max-width: 1299px) {
  .banner-head .banner-details .banner-svg {
    padding: 10px;
    margin: 0 14px;
  }
}
@media (max-width: 1199px) {
  .banner-head .banner-details .banner-svg {
    padding: 8px;
    margin: 0 8px;
  }
  .banner-head .banner-details .banner-svg svg {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 576px) {
  .smarter-stronger .smarter-heading {
    font-size: 24px;
  }
}
.smarter-stronger .smarter-conversation {
  font-size: 25px;
}
@media (max-width: 1299px) {
  .smarter-stronger .smarter-conversation {
    font-size: 20px;
  }
}
@media (max-width: 1199px) {
  .smarter-stronger .smarter-conversation {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .smarter-stronger .smarter-conversation {
    font-size: 14px;
  }
}

.getStarted-banner {
  background-image: url("../../../../Content/assets/images/aiData/getStartedBanner-BG.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.getStarted-banner .getStarted-content {
  color: white;
  float: inline-end;
}
.getStarted-banner .getStarted-content h1 {
  font-size: 55px;
}
@media (max-width: 1199px) {
  .getStarted-banner .getStarted-content h1 {
    font-size: 44px;
  }
}
@media (max-width: 991px) {
  .getStarted-banner .getStarted-content h1 {
    font-size: 33px;
  }
}
@media (max-width: 991px) {
  .getStarted-banner .getStarted-content h1 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .getStarted-banner .getStarted-content h1 {
    font-size: 23px;
  }
}
.getStarted-banner .getStarted-content p {
  font-size: 18px;
}
@media (max-width: 1199px) {
  .getStarted-banner .getStarted-content p {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .getStarted-banner .getStarted-content p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .getStarted-banner .getStarted-content p {
    font-size: 12px;
  }
}
.getStarted-banner .getStarted-content h6 {
  font-size: 22px;
}
@media (max-width: 1199px) {
  .getStarted-banner .getStarted-content h6 {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .getStarted-banner .getStarted-content h6 {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .getStarted-banner .getStarted-content h6 {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .getStarted-banner .getStarted-content .banner-btn {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .getStarted-banner .get-Started img {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .getStarted-banner .get-Started img {
    width: 100%;
    margin-top: 20px;
  }
}

.chatbot-banner {
  background-image: url("../../../../Content/assets/images/aiData/chatbotbanner-BG.png");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .chatbot-banner {
    padding: 1rem;
  }
}
.chatbot-banner .hire-content .heading {
  font-size: 3rem;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 1.25rem;
}
@media (max-width: 1199px) {
  .chatbot-banner .hire-content .heading {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .chatbot-banner .hire-content .heading {
    font-size: 1.375rem;
  }
}
.chatbot-banner .hire-content .heading span {
  font-weight: 700;
}
.chatbot-banner .hire-content .highlited-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .chatbot-banner .hire-content .highlited-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.chatbot-banner .hire-content .highlited-content span {
  width: 45%;
  color: #ffffff;
  font-size: 1.125rem;
}
@media (max-width: 991px) {
  .chatbot-banner .hire-content .highlited-content span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .chatbot-banner .hire-content .highlited-content span {
    width: 100%;
  }
}
.chatbot-banner .hire-content .highlited-content span + span {
  padding-top: 15px;
}
.chatbot-banner .hire-content .highlited-content span small {
  font-size: 1.625rem;
  line-height: 24px;
  display: block;
  font-weight: 700;
}
@media (max-width: 767px) {
  .chatbot-banner .hire-content .highlited-content span small {
    font-size: 1.125rem;
  }
}
.chatbot-banner .hire-content ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.chatbot-banner .hire-content ul li {
  position: relative;
  padding-left: 1.25rem;
  font-size: 1rem;
  color: #ffffff;
  margin-right: 0;
  width: 45%;
  line-height: 30px;
}
@media (max-width: 767px) {
  .chatbot-banner .hire-content ul li {
    width: 100%;
    font-size: 14px;
  }
}
.chatbot-banner .hire-content ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: 0.6875rem;
}
.chatbot-banner .hire-graphic img {
  max-width: 300px;
  width: 100%;
}
@media (max-width: 767px) {
  .chatbot-banner .col-sm-8 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 15px;
  }
}

.service-industries .col-sm-2, .service-industries .col-6 {
  margin-bottom: 1.875rem;
}
.service-industries .industry-item {
  background: rgba(239, 239, 239, 0.5);
  border-radius: 8px;
  padding: 1.875rem 0.9375rem;
  text-align: center;
  height: 100%;
}
@media (max-width: 1199px) {
  .service-industries .industry-item {
    padding: 0.625rem 0.9375rem;
  }
}
@media (max-width: 767px) {
  .service-industries .industry-item {
    padding: 1rem 0.9375rem;
  }
}
.service-industries .industry-item .industry-icon {
  margin-bottom: 1.25rem;
}
.service-industries .industry-item .industry-icon svg {
  width: 60px;
  fill: url(#MyGradient);
}
@media (max-width: 1199px) {
  .service-industries .industry-item .industry-icon {
    margin-bottom: 0.625rem;
  }
}
.service-industries .industry-item .industry-title {
  font-size: 1rem;
  font-weight: 700;
  color: #000000;
}
@media (max-width: 767px) {
  .service-industries .industry-item .industry-title {
    font-size: 0.875rem;
  }
}
.service-industries .industry-item:hover .industry-icon svg {
  fill: none;
  stroke: #024ec0;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}

.innovation-lab {
  position: relative;
  overflow-x: hidden;
}
.innovation-lab:before {
  content: "";
  background: url(../images/circle.png);
  width: 300px;
  height: 300px;
  position: absolute;
  top: 30px;
  left: 10px;
  animation: dance 4s alternate infinite;
  -webkit-animation: dance 4s alternate infinite;
}
.innovation-lab .lab-info-graphic img {
  max-width: 100%;
}

.engegement-cta {
  background: #024ec0 url(../images/bg_our_engagement.png) center bottom no-repeat;
  padding: 4rem 0;
  background-size: 100%;
}
@media (max-width: 767px) {
  .engegement-cta {
    padding: 2rem 0;
  }
}
@media (max-width: 991px) {
  .engegement-cta .eng-cta-content {
    text-align: left;
  }
}
@media (max-width: 599px) {
  .engegement-cta .eng-cta-content {
    text-align: center;
  }
}
.engegement-cta .eng-cta-content .cta-heading {
  font-size: 3rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 3.75rem;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .engegement-cta .eng-cta-content .cta-heading {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .engegement-cta .eng-cta-content .cta-heading {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .engegement-cta .eng-cta-content .cta-heading {
    font-size: 1.375rem;
  }
}
.engegement-cta .eng-cta-content ul {
  padding-left: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.875rem;
}
@media (max-width: 991px) {
  .engegement-cta .eng-cta-content ul {
    margin-bottom: 0.625rem;
  }
}
.engegement-cta .eng-cta-content ul li {
  width: 33.3333333333%;
  font-size: 1.625rem;
  color: #ffffff;
  text-align: left;
  padding: 0 2rem;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .engegement-cta .eng-cta-content ul li {
    font-size: 1.25rem;
  }
}
@media (max-width: 991px) {
  .engegement-cta .eng-cta-content ul li {
    width: 100%;
    max-width: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    font-size: 1.5rem;
  }
  .engegement-cta .eng-cta-content ul li br {
    display: none;
  }
}
@media (max-width: 767px) {
  .engegement-cta .eng-cta-content ul li {
    max-width: 200px;
    text-align: left;
    font-size: 1.125rem;
  }
}
@media (max-width: 599px) {
  .engegement-cta .eng-cta-content ul li {
    max-width: none;
    width: 33.3333333333%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 700;
  }
}
.engegement-cta .eng-cta-content ul li:before {
  display: none;
}
.engegement-cta .eng-cta-content ul li + li {
  border-left: solid 1px rgba(255, 255, 255, 0.3);
}
@media (max-width: 991px) {
  .engegement-cta .eng-cta-content ul li + li {
    border-left: none;
    border-top: solid 1px rgba(255, 255, 255, 0.3);
    padding-top: 0.9375rem;
  }
}
@media (max-width: 599px) {
  .engegement-cta .eng-cta-content ul li + li {
    border-top: none;
    padding-top: 0;
  }
}
.engegement-cta .eng-cta-content ul li span {
  display: block;
  font-size: 2.5rem;
  margin-bottom: 0.625rem;
}
@media (max-width: 1199px) {
  .engegement-cta .eng-cta-content ul li span {
    font-size: 5rem;
  }
}
@media (max-width: 991px) {
  .engegement-cta .eng-cta-content ul li span {
    margin-bottom: 0;
    font-size: 3.75rem;
    margin-right: 1.25rem;
  }
}
@media (max-width: 767px) {
  .engegement-cta .eng-cta-content ul li span {
    font-size: 3.5rem;
    margin-right: 1rem;
  }
}
@media (max-width: 599px) {
  .engegement-cta .eng-cta-content ul li span {
    font-size: 2.5rem;
    margin-right: 0;
  }
}
.engegement-cta .eng-cta-content ul li .icon {
  width: 50px;
  position: relative;
}
@media (max-width: 767px) {
  .engegement-cta .eng-cta-content ul li .icon {
    width: 100%;
  }
}
.engegement-cta .eng-cta-content ul li .icon span {
  position: relative;
  z-index: 2;
}
.engegement-cta .eng-cta-content ul li .icon::after {
  content: "";
  height: 25px;
  width: 25px;
  background: #0f71c2;
  position: absolute;
  z-index: 0;
  top: 2px;
  left: 0px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .engegement-cta .eng-cta-content ul li .icon::after {
    right: 0;
    left: 0;
    margin: auto;
  }
}
.engegement-cta .eng-cta-content ul li .model-text {
  line-height: 15px;
}
.engegement-cta .eng-cta-content ul li .model-text .strong {
  font-size: 1.375rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  .engegement-cta .eng-cta-content ul li .model-text .strong {
    font-size: 0.9rem;
  }
}
.engegement-cta .eng-cta-content ul li .model-text .light-text {
  font-weight: 300 !important;
  font-size: 1.25rem;
}
.engegement-cta .eng-cta-content .btn-white {
  margin-left: 34px;
}
@media (max-width: 767px) {
  .engegement-cta .eng-cta-content .btn-white {
    margin-left: 0px;
  }
}
.engegement-cta .eng-cta-graphic {
  text-align: center;
}
@media (max-width: 991px) {
  .engegement-cta .eng-cta-graphic img {
    max-width: none;
    float: right;
  }
}
@media (max-width: 767px) {
  .engegement-cta .eng-cta-graphic img {
    max-width: 300px;
  }
}
@media (max-width: 599px) {
  .engegement-cta .eng-cta-graphic img {
    max-width: 256px;
    width: 100%;
    margin-top: 1.875rem;
    float: none;
  }
}

@media (max-width: 767px) {
  #formData {
    padding: 0px !important;
  }
}
.best-practice .section-heading {
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  .best-practice .section-heading {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 767px) {
  .best-practice > .container > .row {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}
.best-practice .bp-graphic {
  position: relative;
}
@media (max-width: 991px) {
  .best-practice .bp-graphic .col-6:first-of-type {
    padding-right: 0.5rem;
  }
  .best-practice .bp-graphic .col-6:last-of-type {
    padding-left: 0.5rem;
  }
  .best-practice .bp-graphic .col-6 .row .col-sm-10 {
    margin-bottom: 0.9375rem !important;
  }
  .best-practice .bp-graphic .col-6 .row .col-sm-12 {
    margin-top: 0 !important;
  }
}
@media (max-width: 767px) {
  .best-practice .bp-graphic {
    margin-top: 3rem;
  }
}
@media (max-width: 599px) {
  .best-practice .bp-graphic {
    margin-top: 0;
    margin-bottom: 1.875rem;
  }
}
.best-practice .bp-graphic figure {
  border-radius: 1.25rem;
  overflow: hidden;
  margin: 0;
}
.best-practice .bp-graphic figure img {
  max-width: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .best-practice .bp-graphic figure {
    border-radius: 0.5rem;
  }
}
.best-practice .bp-graphic .exp-count {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  -webkit-animation: pulse-shadow 2s infinite;
          animation: pulse-shadow 2s infinite;
}
.best-practice .bp-graphic .exp-count .exp-data {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 400;
}
.best-practice .bp-graphic .exp-count .exp-data .exp-year {
  font-size: 1.625rem;
  font-weight: 700;
  color: #ffffff;
}
@media (max-width: 991px) {
  .best-practice .bp-graphic .exp-count {
    width: 120px;
    height: 120px;
  }
  .best-practice .bp-graphic .exp-count .exp-data {
    font-size: 1rem;
  }
  .best-practice .bp-graphic .exp-count .exp-data .exp-year {
    font-size: 1.375rem;
  }
}
@media (max-width: 767px) {
  .best-practice .bp-graphic .exp-count {
    width: 100px;
    height: 100px;
  }
  .best-practice .bp-graphic .exp-count .exp-data {
    font-size: 0.8125rem;
  }
  .best-practice .bp-graphic .exp-count .exp-data .exp-year {
    font-size: 1.125rem;
  }
}
.best-practice .bp-content {
  padding-left: 1.875rem;
}
@media (max-width: 991px) {
  .best-practice .bp-content {
    padding-left: 0px;
  }
}
.best-practice .bp-content .bp-item {
  padding-left: 3rem;
  position: relative;
}
@media (max-width: 991px) {
  .best-practice .bp-content .bp-item {
    padding-left: 2.25rem;
  }
}
@media (max-width: 767px) {
  .best-practice .bp-content .bp-item {
    padding-left: 0;
  }
}
.best-practice .bp-content .bp-item:before {
  content: "\e5ca";
  font-family: "Material Icons Round";
  font-size: 1.25rem;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #ecf4fd;
  color: #024ec0;
  position: absolute;
  left: 0;
  top: 5px;
}
@media (max-width: 767px) {
  .best-practice .bp-content .bp-item:before {
    display: none;
  }
}
.best-practice .bp-content .bp-item .bpi-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 0.625rem;
}
@media (max-width: 991px) {
  .best-practice .bp-content .bp-item .bpi-title {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .best-practice .bp-content .bp-item .bpi-title {
    font-size: 0.875rem;
  }
}
.best-practice .bp-content .bp-item p {
  margin-bottom: 0;
  font-weight: 400;
}
@media (max-width: 767px) {
  .best-practice .bp-content .bp-item p {
    font-size: 0.875rem;
  }
}
.best-practice .bp-content .bp-item + .bp-item {
  margin-top: 3rem;
}
@media (max-width: 991px) {
  .best-practice .bp-content .bp-item + .bp-item {
    margin-top: 1.125rem;
  }
}
@media (max-width: 767px) {
  .best-practice .bp-content .bp-item + .bp-item {
    margin-top: 0.625rem;
  }
}
@media (max-width: 767px) {
  .best-practice .bp-content .owl-dots {
    margin-top: 4.375rem;
  }
  .best-practice .bp-content .btn-primary {
    position: absolute;
    bottom: 40px;
    z-index: 1;
  }
  .best-practice .bp-content .col-12.py-3 {
    padding: 0 !important;
    text-align: left !important;
  }
}

.iot-infographic {
  position: relative;
}
@media (max-width: 991px) {
  .iot-infographic {
    padding-bottom: 0;
  }
}
.iot-infographic:before {
  content: "";
  background: url(../images/Map.svg) no-repeat center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.02;
}
.iot-infographic .ioti-center-box {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: -20px 30px 20px 0px rgba(0, 0, 0, 0.07);
          box-shadow: -20px 30px 20px 0px rgba(0, 0, 0, 0.07);
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .iot-infographic .ioti-center-box {
    width: 300px;
    height: 300px;
    margin-bottom: 48px;
    margin-left: 10px;
  }
}
@media (max-width: 991px) {
  .iot-infographic .ioti-center-box {
    width: 80%;
    height: 128px;
    border-radius: 50px;
    margin: 30px auto 78px;
  }
}
@media (max-width: 767px) {
  .iot-infographic .ioti-center-box {
    border-radius: 50px;
    margin: 30px auto 78px;
    padding: 13px 0px;
    height: auto;
  }
}
.iot-infographic .ioti-center-box:before {
  content: "";
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  background: linear-gradient(45deg, #eaeaea 0%, #ffffff 100%);
  border-radius: 50%;
  z-index: -1;
}
@media (max-width: 991px) {
  .iot-infographic .ioti-center-box:before {
    border-radius: 100px;
  }
}
.iot-infographic .ioti-center-box:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(45deg, #ffffff 0%, #eaeaea 100%);
  border-radius: 50%;
  z-index: -1;
}
@media (max-width: 991px) {
  .iot-infographic .ioti-center-box:after {
    border-radius: 100px;
  }
}
.iot-infographic .ioti-center-box span {
  font-size: 3.125rem;
  line-height: 60px;
  font-weight: 800;
  text-align: center;
  color: #247cff;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.19);
}
@media (max-width: 991px) {
  .iot-infographic .ioti-center-box span {
    font-size: 1.875rem;
    line-height: 40px;
  }
  .iot-infographic .ioti-center-box span br {
    display: none;
  }
}
.iot-infographic .iot-item {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  position: relative;
  background: #ffffff;
  border: solid 8px #024ec0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 0 0.625rem;
  -webkit-box-shadow: 5px 5px 0 0px rgba(93, 93, 93, 0.1);
          box-shadow: 5px 5px 0 0px rgba(93, 93, 93, 0.1);
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item {
    width: 220px;
    height: 220px;
  }
}
@media (max-width: 991px) {
  .iot-infographic .iot-item {
    width: 93%;
    height: 195px;
    border-radius: 27px;
    position: static;
    margin: auto;
    margin-bottom: 47px;
  }
}
.iot-infographic .iot-item:before {
  content: "";
  position: absolute;
  border-radius: 4px;
}
@media (max-width: 991px) {
  .iot-infographic .iot-item:before {
    display: none;
  }
}
.iot-infographic .iot-item:after {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: linear-gradient(45deg, #ffffff 0%, #eaeaea 100%);
  border: solid 2px #024ec0;
  position: absolute;
}
@media (max-width: 991px) {
  .iot-infographic .iot-item:after {
    display: none;
  }
}
.iot-infographic .iot-item .ioti-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  border: solid 5px #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-shadow: 5px 5px 0 0px rgba(93, 93, 93, 0.4);
          box-shadow: 5px 5px 0 0px rgba(93, 93, 93, 0.4);
}
.iot-infographic .iot-item .ioti-icon svg {
  width: 40px;
  fill: #ffffff;
}
.iot-infographic .iot-item .ioti-cont h4 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.3125rem;
}
.iot-infographic .iot-item .ioti-cont ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  line-height: 19px;
}
.iot-infographic .iot-item .ioti-cont ul li {
  display: inline-block;
  position: relative;
  padding-left: 10px;
  font-size: 0.875rem;
}
.iot-infographic .iot-item .ioti-cont ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background-image: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  position: static;
  top: 0;
  left: 0;
  display: inline-block;
  margin-right: 5px;
  margin-top: 6px;
  vertical-align: text-top;
}
.iot-infographic .iot-item.ioti-1 {
  right: -240px;
  top: 19px;
  font-size: 2.125rem;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-1 {
    right: -184px;
    top: 25px;
    font-size: 2.125rem;
  }
}
@media (max-width: 991px) {
  .iot-infographic .iot-item.ioti-1 {
    right: 0px;
  }
}
.iot-infographic .iot-item.ioti-1:after {
  bottom: -50px;
  right: -70px;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-1:after {
    bottom: -8px;
    right: -70px;
  }
}
.iot-infographic .iot-item.ioti-1:before {
  width: 77px;
  height: 90px;
  bottom: -40px;
  right: -63px;
  border-top: dotted 2px #024ec0;
  border-right: dotted 2px #024ec0;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-1:before {
    width: 62px;
    height: 85px;
    bottom: 6px;
    right: -63px;
  }
}
.iot-infographic .iot-item.ioti-2 {
  right: -84px;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-2 {
    right: -4px;
  }
}
@media (max-width: 991px) {
  .iot-infographic .iot-item.ioti-2 {
    right: 0px;
    top: 70px;
  }
}
.iot-infographic .iot-item.ioti-2:after {
  bottom: 80px;
  right: -105px;
}
.iot-infographic .iot-item.ioti-2:before {
  width: 93px;
  height: 2px;
  bottom: 87px;
  right: -93px;
  border-top: dotted 2px #024ec0;
}
@media (max-width: 1199) {
  .iot-infographic .iot-item.ioti-2:before {
    right: 12px;
    top: 31px;
  }
}
.iot-infographic .iot-item.ioti-3 {
  right: -54px;
  top: 40px;
}
@media (max-width: 991px) {
  .iot-infographic .iot-item.ioti-3 {
    right: 0;
    top: 110px;
  }
}
.iot-infographic .iot-item.ioti-3:after {
  bottom: 180px;
  right: -134px;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-3:after {
    bottom: 141px;
    right: -105px;
  }
}
.iot-infographic .iot-item.ioti-3:before {
  width: 123px;
  height: 52px;
  bottom: 130px;
  right: -128px;
  border-bottom: dotted 2px #024ec0;
  border-right: dotted 2px #024ec0;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-3:before {
    width: 98px;
    height: 52px;
    bottom: 97px;
    right: -98px;
  }
}
.iot-infographic .iot-item.ioti-4 {
  right: -228px;
  top: 11px;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-4 {
    right: -204px;
    top: 12px;
  }
}
.iot-infographic .iot-item.ioti-4:after {
  top: -85px;
  right: -70px;
}
.iot-infographic .iot-item.ioti-4:before {
  width: 75px;
  height: 130px;
  top: -73px;
  right: -63px;
  border-bottom: dotted 2px #024ec0;
  border-right: dotted 2px #024ec0;
}
.iot-infographic .iot-item.ioti-5 {
  left: -130px;
  top: 14px;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-5 {
    left: -102px;
    top: 25px;
  }
}
.iot-infographic .iot-item.ioti-5:after {
  bottom: -50px;
  left: -70px;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-5:after {
    bottom: -8px;
    left: -70px;
  }
}
.iot-infographic .iot-item.ioti-5:before {
  width: 77px;
  height: 90px;
  bottom: -40px;
  left: -63px;
  border-top: dotted 2px #024ec0;
  border-left: dotted 2px #024ec0;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-5:before {
    width: 58px;
    height: 90px;
    bottom: 1px;
    left: -63px;
  }
}
.iot-infographic .iot-item.ioti-6 {
  left: 47px;
}
.iot-infographic .iot-item.ioti-6:after {
  bottom: 80px;
  left: -105px;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-6:after {
    left: -59px;
  }
}
.iot-infographic .iot-item.ioti-6:before {
  width: 93px;
  height: 2px;
  bottom: 87px;
  left: -93px;
  border-top: dotted 2px #024ec0;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-6:before {
    width: 45px;
    left: -45px;
  }
}
.iot-infographic .iot-item.ioti-7 {
  left: 76px;
  top: 40px;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-7 {
    left: 38px;
    top: 36px;
  }
}
.iot-infographic .iot-item.ioti-7:after {
  bottom: 180px;
  left: -134px;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-7:after {
    bottom: 140px;
    left: -93px;
  }
}
.iot-infographic .iot-item.ioti-7:before {
  width: 123px;
  height: 52px;
  bottom: 130px;
  left: -128px;
  border-bottom: dotted 2px #024ec0;
  border-left: dotted 2px #024ec0;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-7:before {
    width: 85px;
    height: 52px;
    bottom: 96px;
    left: -86px;
  }
}
.iot-infographic .iot-item.ioti-8 {
  left: -100px;
  top: 12px;
}
@media (max-width: 1199px) {
  .iot-infographic .iot-item.ioti-8 {
    left: -89px;
    top: 12px;
  }
}
.iot-infographic .iot-item.ioti-8:after {
  top: -85px;
  left: -70px;
}
.iot-infographic .iot-item.ioti-8:before {
  width: 75px;
  height: 130px;
  top: -73px;
  left: -63px;
  border-bottom: dotted 2px #024ec0;
  border-left: dotted 2px #024ec0;
}
@media (max-width: 767px) {
  .iot-infographic .mobile-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .iot-infographic .mobile-flex .position-relative {
    width: 46%;
    margin: auto;
  }
}
@media (max-width: 5999px) {
  .iot-infographic .mobile-flex .position-relative {
    width: 100%;
    margin: auto;
  }
}

.cross-industry-solutions {
  background: #ecf4fd;
}
.cross-industry-solutions ul li {
  text-align: left;
}

.iot-development {
  background: #ffffff;
}
@media (max-width: 599px) {
  .iot-development .col-lg-6:not(col-md-10) {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}
.iot-development .col-lg-6:not(col-md-10) .iot-development-service {
  max-width: 400px;
}
.iot-development .col-lg-6:not(col-md-10) .iot-development-service .dev-icon {
  max-width: 85%;
  margin-left: 1.25rem;
}

.iot-scope {
  background: #ecf4fd;
}

.iot-services ul li {
  text-align: left;
}

.sp-benefits .section-heading {
  padding-right: 3.125rem;
}
@media (max-width: 767px) {
  .sp-benefits .section-heading {
    padding-right: 0rem;
  }
}
.sp-benefits .sbp-circle-half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 360px;
  height: 360px;
  z-index: 1;
}
@media (max-width: 1100px) {
  .sp-benefits .sbp-circle-half {
    width: 280px;
    height: 280px;
  }
}
.sp-benefits .sbp-circle-half:before {
  content: "";
  width: 250px;
  height: 250px;
  border-radius: 100%;
  position: absolute;
  top: 55px;
  right: 55px;
  background: linear-gradient(45deg, #eaeaea 0%, #ffffff 100%);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.12);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.12);
  z-index: 1;
}
@media (max-width: 1100px) {
  .sp-benefits .sbp-circle-half:before {
    width: 200px;
    height: 200px;
    top: 40px;
    right: 41px;
  }
}
.sp-benefits .sbp-circle-half:after {
  content: "";
  width: 300px;
  height: 300px;
  border-radius: 100%;
  position: absolute;
  top: 30px;
  right: 30px;
  background: rgba(0, 0, 0, 0.1);
  z-index: -1;
}
@media (max-width: 1100px) {
  .sp-benefits .sbp-circle-half:after {
    width: 230px;
    height: 230px;
    top: 26px;
    right: 26px;
  }
}
.sp-benefits .sbp-circle-half span {
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 100%;
  position: absolute;
  border: solid 3px #024ec0;
  right: 0;
  z-index: 1;
}
.sp-benefits .sbp-circle-half svg {
  position: relative;
  z-index: 1;
  width: 120px;
  fill: url(#MyGradient);
}
@media (max-width: 1100px) {
  .sp-benefits .sbp-circle-half svg {
    width: 90px;
  }
}
.sp-benefits .sbp-circle-half h3 {
  z-index: 1;
}
.sp-benefits .sbp-circle-half.development-half-circle {
  margin: auto;
}
.sp-benefits .sbp-circle-half.development-half-circle span {
  -webkit-animation: 2s ease 0s infinite normal none running pulse-shadow;
          animation: 2s ease 0s infinite normal none running pulse-shadow;
}
.sp-benefits .sbp-content .sbp-item {
  padding: 1.25rem 1.625rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 80px;
  font-size: 1rem;
  color: #024ec0;
  position: relative;
  margin: 1.25rem 0;
}
@media (max-width: 767px) {
  .sp-benefits .sbp-content .sbp-item {
    padding: 1.25rem 1.625rem;
    font-size: 14px;
  }
}
.sp-benefits .sbp-content .sbp-item span {
  font-size: 1.5rem;
  font-weight: 700;
  color: #024ec0;
  background: #ffffff;
  border: solid 2px #024ec0;
  border-radius: 50px;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 41px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 999px) {
  .sp-benefits .sbp-content .sbp-item span {
    width: 30px;
    height: 30px;
    line-height: 27px;
    font-size: 16px;
  }
}
.sp-benefits .sbp-content .sbp-item:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 0 4px rgba(2, 78, 192, 0.3);
          box-shadow: 0 0 0 4px rgba(2, 78, 192, 0.3);
  background: #024ec0;
}
.sp-benefits .sbp-content .sbp-item.sbp-1:after {
  right: -170px;
}
@media (max-width: 1100px) {
  .sp-benefits .sbp-content .sbp-item.sbp-1:after {
    right: -111px;
    bottom: -30px;
  }
}
@media (max-width: 999px) {
  .sp-benefits .sbp-content .sbp-item.sbp-1:after {
    display: none;
  }
}
.sp-benefits .sbp-content .sbp-item.sbp-2:after {
  right: -61px;
}
@media (max-width: 1100px) {
  .sp-benefits .sbp-content .sbp-item.sbp-2:after {
    right: -55px;
    bottom: 20px;
  }
}
@media (max-width: 999px) {
  .sp-benefits .sbp-content .sbp-item.sbp-2:after {
    display: none;
  }
}
.sp-benefits .sbp-content .sbp-item.sbp-3:after {
  right: -37px;
}
@media (max-width: 999px) {
  .sp-benefits .sbp-content .sbp-item.sbp-3:after {
    display: none;
  }
}
.sp-benefits .sbp-content .sbp-item.sbp-4:after {
  right: -54px;
}
@media (max-width: 1100px) {
  .sp-benefits .sbp-content .sbp-item.sbp-4:after {
    right: -62px;
    top: 8px;
  }
}
@media (max-width: 999px) {
  .sp-benefits .sbp-content .sbp-item.sbp-4:after {
    display: none;
  }
}
.sp-benefits .sbp-content .sbp-item.sbp-5:after {
  right: -141px;
}
@media (max-width: 1100px) {
  .sp-benefits .sbp-content .sbp-item.sbp-5:after {
    right: -132px;
    top: -24px;
  }
}
@media (max-width: 999px) {
  .sp-benefits .sbp-content .sbp-item.sbp-5:after {
    display: none;
  }
}
.sp-benefits .sbp-content .sbp-item.sbp-6:after {
  left: -198px;
}
@media (max-width: 1100px) {
  .sp-benefits .sbp-content .sbp-item.sbp-6:after {
    left: -178px;
    bottom: -6px;
  }
}
@media (max-width: 999px) {
  .sp-benefits .sbp-content .sbp-item.sbp-6:after {
    display: none;
  }
}
.sp-benefits .sbp-content .sbp-item.sbp-7:after {
  left: -84px;
}
@media (max-width: 1199px) {
  .sp-benefits .sbp-content .sbp-item.sbp-7:after {
    left: -101px;
  }
}
@media (max-width: 999px) {
  .sp-benefits .sbp-content .sbp-item.sbp-7:after {
    display: none;
  }
}
.sp-benefits .sbp-content .sbp-item.sbp-8:after {
  left: -60px;
}
@media (max-width: 1100px) {
  .sp-benefits .sbp-content .sbp-item.sbp-8:after {
    left: -69px;
  }
}
@media (max-width: 999px) {
  .sp-benefits .sbp-content .sbp-item.sbp-8:after {
    display: none;
  }
}
.sp-benefits .sbp-content .sbp-item.sbp-9:after {
  left: -78px;
}
@media (max-width: 1100px) {
  .sp-benefits .sbp-content .sbp-item.sbp-9:after {
    left: -111px;
    bottom: 12px;
  }
}
@media (max-width: 999px) {
  .sp-benefits .sbp-content .sbp-item.sbp-9:after {
    display: none;
  }
}
.sp-benefits .sbp-content .sbp-item.sbp-10:after {
  left: -164px;
}
@media (max-width: 1100px) {
  .sp-benefits .sbp-content .sbp-item.sbp-10:after {
    left: -170px;
    top: -8px;
  }
}
@media (max-width: 999px) {
  .sp-benefits .sbp-content .sbp-item.sbp-10:after {
    display: none;
  }
}
.sp-benefits .sbp-content.sbp-content-left .sbp-item {
  padding-right: 4rem;
}
@media (max-width: 767px) {
  .sp-benefits .sbp-content.sbp-content-left .sbp-item {
    padding-right: 1rem;
    padding-left: 60px;
  }
}
.sp-benefits .sbp-content.sbp-content-left .sbp-item span {
  right: 20px;
}
@media (max-width: 767px) {
  .sp-benefits .sbp-content.sbp-content-left .sbp-item span {
    right: inherit;
    left: 20px;
  }
}
.sp-benefits .sbp-content.sbp-content-left.development-content .sbp-item {
  padding-left: 46px;
}
@media (max-width: 767px) {
  .sp-benefits .sbp-content.sbp-content-left.development-content .sbp-item {
    padding-right: 1rem;
    padding-left: 4rem;
  }
}
.sp-benefits .sbp-content.sbp-content-right .sbp-item {
  padding-left: 5.25rem;
}
@media (max-width: 767px) {
  .sp-benefits .sbp-content.sbp-content-right .sbp-item {
    padding-left: 4rem;
  }
}
.sp-benefits .sbp-content.sbp-content-right .sbp-item span {
  left: 20px;
}
.sp-benefits .sbp-content.development-content .sbp-item {
  /*&.sbp-1 {
      &:after {
          right: -111px;
          bottom: 63px;

          @media (max-width: 1100px) {
              right: -111px;
              bottom: -30px;
          }

          @media (max-width: 999px) {
              display: none;
          }
      }
  }

  &.sbp-2 {
      &:after {
          right: -38px;
          top: 70px;

          @media (max-width: 1100px) {
              right: -55px;
              bottom: 20px;
          }

          @media (max-width: 999px) {
              display: none;
          }
      }
  }

  &.sbp-3 {
      &:after {
          right: -111px;
          top: 38px;

          @media (max-width: 999px) {
              display: none;
          }
      }
  }

  &.sbp-4 {
      &:after {
          left: -134px;
          bottom: 50px;

          @media (max-width: 1100px) {
              right: -62px;
              top: 8px;
          }

          @media (max-width: 999px) {
              display: none;
          }
      }
  }

  &.sbp-5 {
      &:after {
          left: -61px;
          top: 70px;

          @media (max-width: 1100px) {
              right: -132px;
              top: -24px;
          }

          @media (max-width: 999px) {
              display: none;
          }
      }
  }

  &.sbp-6 {
      &:after {
          left: -132px;
          top: 25px;

          @media (max-width: 1100px) {
              left: -178px;
              bottom: -6px;
          }

          @media (max-width: 999px) {
              display: none;
          }
      }
  }*/
}
.sp-benefits .sbp-content.development-content .sbp-item:after {
  display: none;
}
.sp-benefits .sbp-content.development-content .sbp-item p {
  color: #000000;
}

.sass-market .sass-heading {
  text-align: center;
  margin-bottom: 1.875rem;
}
.sass-market .sass-heading p {
  font-size: 1.375rem;
  color: #484848;
  margin-bottom: 1.875rem;
}
@media (max-width: 1199px) {
  .sass-market .sass-heading img {
    max-width: 100%;
  }
  .sass-market .sass-heading p {
    font-size: 1.25rem;
  }
}
@media (max-width: 991px) {
  .sass-market .sass-heading p {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .sass-market .sass-heading p {
    font-size: 1rem;
  }
}
.sass-market .sm-content p {
  color: #484848;
  font-size: 1.125rem;
}
@media (max-width: 1199px) {
  .sass-market .sm-content p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-content p {
    text-align: center;
  }
}
.sass-market .sm-infographic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 1.25rem;
}
.sass-market .sm-infographic .smi-mid-circle {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: 2px;
  background: #ffffff;
  color: #024ec0;
  border: solid 1px #247cff;
  position: relative;
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-mid-circle {
    margin: 15px auto;
  }
}
.sass-market .sm-infographic .smi-mid-circle:before {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  border: dashed 2px #024ec0;
  border-radius: 50%;
}
.sass-market .sm-infographic .smi-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  position: relative;
}
@media (max-width: 599px) {
  .sass-market .sm-infographic .smi-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 32.2580645161%;
  }
}
.sass-market .sm-infographic .smi-item:before, .sass-market .sm-infographic .smi-item:after {
  content: "";
  position: absolute;
}
@media (max-width: 991px) {
  .sass-market .sm-infographic .smi-item:before, .sass-market .sm-infographic .smi-item:after {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item .smi-icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100px;
  height: 100px;
  margin: 0 auto 0.625rem;
  z-index: 1;
}
.sass-market .sm-infographic .smi-item .smi-icon:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
}
@media (max-width: 991px) {
  .sass-market .sm-infographic .smi-item .smi-icon:before {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item .smi-icon:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
@media (max-width: 991px) {
  .sass-market .sm-infographic .smi-item .smi-icon:after {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item .smi-icon svg {
  fill: #ffffff;
  width: 50px;
}
.sass-market .sm-infographic .smi-item .smi-icon .hexagon {
  position: absolute;
  margin: 0 auto;
  background-color: #247cff;
  border-radius: 10px;
  width: 63px;
  height: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: -1;
}
.sass-market .sm-infographic .smi-item .smi-icon .hexagon:before, .sass-market .sm-infographic .smi-item .smi-icon .hexagon:after {
  content: "";
  border: inherit;
  position: absolute;
  background-color: #247cff;
  border-radius: inherit;
  height: 100%;
  width: 100%;
}
.sass-market .sm-infographic .smi-item .smi-icon .hexagon:before {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  top: 0px;
  left: -1px;
}
.sass-market .sm-infographic .smi-item .smi-icon .hexagon:after {
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
  top: 0px;
  right: 0px;
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item .smi-icon .hexagon {
    width: 53px;
    height: 80px;
  }
}
.sass-market .sm-infographic .smi-item h4 {
  font-size: 1.125rem;
  text-transform: capitalize;
  font-weight: 700;
  color: #000000;
  text-align: center;
  width: 100%;
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item h4 {
    font-size: 1rem;
  }
}
.sass-market .sm-infographic .smi-item.smi-1 {
  -webkit-transform: translate(80px, 0px);
          transform: translate(80px, 0px);
}
@media (max-width: 991px) {
  .sass-market .sm-infographic .smi-item.smi-1 {
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px);
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-1 {
    -webkit-transform: translate(70px, 0px);
            transform: translate(70px, 0px);
  }
}
@media (max-width: 599px) {
  .sass-market .sm-infographic .smi-item.smi-1 {
    -webkit-transform: translate(0, 30px);
            transform: translate(0, 30px);
  }
}
.sass-market .sm-infographic .smi-item.smi-1:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #247cff;
  top: 30px;
  left: 20px;
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-1:before {
    top: 53px;
    left: 4px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-1:before {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-1:after {
  width: 90px;
  height: 90px;
  border-top: dashed 2px #5d5d5d;
  border-left: dashed 2px #5d5d5d;
  border-top-left-radius: 90px;
  position: absolute;
  top: 44px;
  left: -59px;
  -webkit-transform: rotate(-18deg);
          transform: rotate(-18deg);
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-1:after {
    width: 60px;
    height: 60px;
    top: 64px;
    left: -49px;
  }
}
.sass-market .sm-infographic .smi-item.smi-1 .smi-icon:before {
  top: -6px;
  left: 8px;
  border-top-left-radius: 8px;
  -webkit-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
  border-top: solid 2px #024ec0;
  border-left: solid 2px #024ec0;
}
.sass-market .sm-infographic .smi-item.smi-1 .smi-icon:after {
  background: #247cff;
  top: 9px;
  right: 2px;
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-1 .smi-icon:after {
    top: 4px;
    right: 11px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-1 .smi-icon:after {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-2:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #024ec0;
  bottom: 50px;
  left: 30px;
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-2:before {
    bottom: 45px;
    left: 24px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-2:before {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-2:after {
  width: 100px;
  height: 100px;
  border-bottom: dashed 2px #5d5d5d;
  border-left: dashed 2px #5d5d5d;
  border-bottom-left-radius: 100px;
  position: absolute;
  bottom: -64px;
  left: 16px;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-2:after {
    width: 80px;
    height: 80px;
    bottom: -46px;
    left: 12px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-2:after {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-2 .smi-icon:before {
  top: 36px;
  left: -15px;
  border-top-left-radius: 8px;
  -webkit-transform: rotate(-45deg) skew(-15deg, -15deg);
          transform: rotate(-45deg) skew(-15deg, -15deg);
  border-top: solid 2px #247cff;
  border-left: solid 2px #247cff;
}
.sass-market .sm-infographic .smi-item.smi-2 .smi-icon:after {
  background: #024ec0;
  top: 7px;
  left: 2px;
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-2 .smi-icon:after {
    top: -7px;
    left: 25px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-2 .smi-icon:after {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-2 .smi-icon .hexagon {
  background: #024ec0;
}
.sass-market .sm-infographic .smi-item.smi-2 .smi-icon .hexagon:before, .sass-market .sm-infographic .smi-item.smi-2 .smi-icon .hexagon:after {
  background: #024ec0;
}
.sass-market .sm-infographic .smi-item.smi-3 {
  -webkit-transform: translate(80px, 0px);
          transform: translate(80px, 0px);
}
@media (max-width: 991px) {
  .sass-market .sm-infographic .smi-item.smi-3 {
    -webkit-transform: translate(60px, 0px);
            transform: translate(60px, 0px);
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-3 {
    -webkit-transform: translate(70px, 0px);
            transform: translate(70px, 0px);
  }
}
@media (max-width: 599px) {
  .sass-market .sm-infographic .smi-item.smi-3 {
    -webkit-transform: translate(0, 30px);
            transform: translate(0, 30px);
  }
}
.sass-market .sm-infographic .smi-item.smi-3:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #101010;
  bottom: 50px;
  right: 30px;
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-3:before {
    bottom: 45px;
    right: 28px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-3:before {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-3:after {
  width: 80px;
  height: 80px;
  border-bottom: dashed 2px #5d5d5d;
  border-right: dashed 2px #5d5d5d;
  border-bottom-right-radius: 80px;
  position: absolute;
  bottom: 7px;
  right: -67px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-3:after {
    width: 60px;
    height: 60px;
    bottom: 10px;
    right: -45px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-3:after {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-3 .smi-icon:before {
  top: -6px;
  left: 8px;
  border-top-left-radius: 8px;
  -webkit-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
  border-top: solid 2px #101010;
  border-left: solid 2px #101010;
}
.sass-market .sm-infographic .smi-item.smi-3 .smi-icon:after {
  background: #101010;
  bottom: 22px;
  left: -10px;
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-3 .smi-icon:after {
    bottom: 43px;
    left: -14px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-3 .smi-icon:after {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-3 .smi-icon .hexagon {
  background: #484848;
}
.sass-market .sm-infographic .smi-item.smi-3 .smi-icon .hexagon:before, .sass-market .sm-infographic .smi-item.smi-3 .smi-icon .hexagon:after {
  background: #484848;
}
.sass-market .sm-infographic .smi-item.smi-4 {
  -webkit-transform: translate(-100px, 0px);
          transform: translate(-100px, 0px);
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-4 {
    -webkit-transform: translate(-80px, 0px);
            transform: translate(-80px, 0px);
  }
}
@media (max-width: 991px) {
  .sass-market .sm-infographic .smi-item.smi-4 {
    -webkit-transform: translate(-20px, 0px);
            transform: translate(-20px, 0px);
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-4 {
    -webkit-transform: translate(-70px, 0px);
            transform: translate(-70px, 0px);
  }
}
@media (max-width: 599px) {
  .sass-market .sm-infographic .smi-item.smi-4 {
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
}
.sass-market .sm-infographic .smi-item.smi-4:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #101010;
  top: 10px;
  left: 30px;
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-4:before {
    top: 7px;
    left: 26px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-4:before {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-4:after {
  width: 80px;
  height: 80px;
  border-top: dashed 2px #5d5d5d;
  border-left: dashed 2px #5d5d5d;
  border-top-left-radius: 80px;
  position: absolute;
  top: -33px;
  left: -68px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-4:after {
    width: 66px;
    height: 65px;
    top: -29px;
    left: -52px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-4:after {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-4 .smi-icon:before {
  top: -8px;
  right: 11px;
  border-top-right-radius: 8px;
  -webkit-transform: rotate(-29deg) skew(0deg, 28deg);
          transform: rotate(-29deg) skew(0deg, 28deg);
  border-top: solid 2px #101010;
  border-right: solid 2px #101010;
}
.sass-market .sm-infographic .smi-item.smi-4 .smi-icon:after {
  background: #101010;
  top: 31px;
  right: -16px;
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-4 .smi-icon:after {
    top: 37px;
    right: -9px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-4 .smi-icon:after {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-4 .smi-icon .hexagon {
  background: #484848;
}
.sass-market .sm-infographic .smi-item.smi-4 .smi-icon .hexagon:before, .sass-market .sm-infographic .smi-item.smi-4 .smi-icon .hexagon:after {
  background: #484848;
}
.sass-market .sm-infographic .smi-item.smi-5 {
  -webkit-transform: translate(-20px, 0);
          transform: translate(-20px, 0);
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-5 {
    -webkit-transform: translate(0px, 0);
            transform: translate(0px, 0);
  }
}
@media (max-width: 991px) {
  .sass-market .sm-infographic .smi-item.smi-5 {
    -webkit-transform: translate(45px, 0);
            transform: translate(45px, 0);
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-5 {
    -webkit-transform: none;
            transform: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-5:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #247cff;
  top: 5px;
  right: 30px;
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-5:before {
    top: 1px;
    right: 29px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-5:before {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-5:after {
  width: 90px;
  height: 90px;
  border-bottom: dashed 2px #5d5d5d;
  border-right: dashed 2px #5d5d5d;
  border-bottom-right-radius: 90px;
  position: absolute;
  top: -97px;
  right: 17px;
  -webkit-transform: rotate(-77deg);
          transform: rotate(-77deg);
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-5:after {
    width: 80px;
    height: 80px;
    top: -90px;
    right: 16px;
    -webkit-transform: rotate(-74deg);
            transform: rotate(-74deg);
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-5:after {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-5 .smi-icon:before {
  top: 36px;
  right: -15px;
  border-top-left-radius: 8px;
  -webkit-transform: rotate(135deg) skew(-15deg, -15deg);
          transform: rotate(135deg) skew(-15deg, -15deg);
  border-top: solid 2px #024ec0;
  border-left: solid 2px #024ec0;
}
.sass-market .sm-infographic .smi-item.smi-5 .smi-icon:after {
  background: #247cff;
  bottom: 15px;
  right: -15px;
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-5 .smi-icon:after {
    bottom: 12px;
    right: 1px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-5 .smi-icon:after {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-5 .smi-icon .hexagon {
  background: #247cff;
}
.sass-market .sm-infographic .smi-item.smi-5 .smi-icon .hexagon:before, .sass-market .sm-infographic .smi-item.smi-5 .smi-icon .hexagon:after {
  background: #247cff;
}
.sass-market .sm-infographic .smi-item.smi-6 {
  -webkit-transform: translate(-100px, 0px);
          transform: translate(-100px, 0px);
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-6 {
    -webkit-transform: translate(-80px, 5px);
            transform: translate(-80px, 5px);
  }
}
@media (max-width: 991px) {
  .sass-market .sm-infographic .smi-item.smi-6 {
    -webkit-transform: translate(-20px, 5px);
            transform: translate(-20px, 5px);
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-6 {
    -webkit-transform: translate(-70px, 5px);
            transform: translate(-70px, 5px);
  }
}
@media (max-width: 599px) {
  .sass-market .sm-infographic .smi-item.smi-6 {
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
}
.sass-market .sm-infographic .smi-item.smi-6:before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #024ec0;
  top: 68px;
  right: 15px;
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-6:before {
    top: 70px;
    right: 13px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-6:before {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-6:after {
  width: 100px;
  height: 100px;
  border-bottom: dashed 2px #5d5d5d;
  border-right: dashed 2px #5d5d5d;
  border-bottom-right-radius: 100px;
  position: absolute;
  top: -40px;
  right: -74px;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-6:after {
    top: -38px;
    right: -76px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-6:after {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-6 .smi-icon:before {
  top: -8px;
  right: 11px;
  border-top-right-radius: 8px;
  -webkit-transform: rotate(-29deg) skew(0deg, 28deg);
          transform: rotate(-29deg) skew(0deg, 28deg);
  border-top: solid 2px #247cff;
  border-right: solid 2px #247cff;
}
.sass-market .sm-infographic .smi-item.smi-6 .smi-icon:after {
  background: #024ec0;
  bottom: 11px;
  left: -1px;
}
@media (max-width: 1199px) {
  .sass-market .sm-infographic .smi-item.smi-6 .smi-icon:after {
    bottom: 6px;
    left: 8px;
  }
}
@media (max-width: 767px) {
  .sass-market .sm-infographic .smi-item.smi-6 .smi-icon:after {
    display: none;
  }
}
.sass-market .sm-infographic .smi-item.smi-6 .smi-icon .hexagon {
  background: #024ec0;
}
.sass-market .sm-infographic .smi-item.smi-6 .smi-icon .hexagon:before, .sass-market .sm-infographic .smi-item.smi-6 .smi-icon .hexagon:after {
  background: #024ec0;
}

.developemt-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 60px 0px 35px;
}
@media (max-width: 767px) {
  .developemt-section {
    margin: 25px 0px 20px;
  }
}
.developemt-section li {
  border-left: 2px solid #024ec0;
}
@media (max-width: 991px) {
  .developemt-section li {
    border: none;
  }
}
.developemt-section li::after, .developemt-section li::before {
  display: none !important;
}
.developemt-section li:last-child {
  border-right: 2px solid #024ec0;
}
@media (max-width: 991px) {
  .developemt-section li:last-child {
    border: none;
  }
}
.developemt-section p {
  font-weight: 400;
  margin-bottom: 0;
}
.developemt-section .app-development {
  padding: 15px 30px;
  max-width: 321px;
}

@media (max-width: 767px) {
  .sass-benefits {
    padding-bottom: 0 !important;
  }
}
.sass-benefits .col-sm-6,
.sass-benefits .col-xl-3,
.sass-benefits .col-sm-3 {
  margin-bottom: 1.875rem;
}
.sass-benefits .benefit-box {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
@media (max-width: 991px) {
  .sass-benefits .benefit-box {
    height: 100%;
  }
  .sass-benefits .benefit-box .flip-box-wrap {
    height: 100%;
  }
}
@media (max-width: 599px) {
  .sass-benefits .benefit-box {
    height: auto;
  }
  .sass-benefits .benefit-box .flip-box-wrap {
    height: auto;
  }
}
.sass-benefits .benefit-box .front-part {
  position: relative;
}
@media (max-width: 991px) {
  .sass-benefits .benefit-box .front-part {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .sass-benefits .benefit-box .front-part {
    height: auto;
    display: none;
  }
}
.sass-benefits .benefit-box .front-part:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  width: 0;
  border-radius: 10px 10px 0 0;
  background-color: #247cff;
  -webkit-transition: all 500ms ease-in;
  transition: all 500ms ease-in;
  z-index: 1;
}
.sass-benefits .benefit-box .front-part .front-content-part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 360px;
  background-color: #ffffff;
  text-align: center;
  padding: 3.125rem 1.5625rem;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .sass-benefits .benefit-box .front-part .front-content-part {
    height: 100%;
  }
}
@media (max-width: 599px) {
  .sass-benefits .benefit-box .front-part .front-content-part {
    height: auto;
    padding: 1.5625rem;
  }
}
.sass-benefits .benefit-box .front-part .front-content-part:before {
  content: "";
  border-radius: 50%;
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  height: 200px;
  width: 200px;
  background-color: #ecf4fd;
  right: -120px;
  bottom: -120px;
  z-index: 0;
  -webkit-transition: all 0.5s ease 1s;
  transition: all 0.5s ease 1s;
}
.sass-benefits .benefit-box .front-part .front-content-part:after {
  content: "";
  border-radius: 50%;
  position: absolute;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  right: -130px;
  bottom: -130px;
  background-color: #024ec0;
  height: 200px;
  width: 200px;
  -webkit-transition: all 0.5s ease 1s;
  transition: all 0.5s ease 1s;
}
.sass-benefits .benefit-box .front-part .front-content-part .front-content-area {
  z-index: 1;
  width: 100%;
}
.sass-benefits .benefit-box .front-part .icon-part {
  width: 100px;
  height: 100px;
  margin: 0 auto 0.9375rem;
  border-radius: 50%;
  border: solid 2px #024ec0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sass-benefits .benefit-box .front-part .icon-part .title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0.625rem;
  color: #000000;
}
.sass-benefits .benefit-box .front-part .icon-part svg {
  max-width: 70px;
  fill: url(#MyGradient);
}
@media (max-width: 1199px) {
  .sass-benefits .benefit-box .front-part .icon-part svg {
    max-width: 50px;
  }
}
.sass-benefits .benefit-box .front-part .icon-part img {
  max-width: 70px;
  border-radius: 3px;
  max-height: 50px;
}
@media (max-width: 991px) {
  .sass-benefits .benefit-box .front-part .icon-part img {
    max-height: 45px;
    max-width: 60px;
  }
}
@media (max-width: 599px) {
  .sass-benefits .benefit-box .front-part .icon-part {
    width: 80px;
    height: 80px;
  }
}
.sass-benefits .benefit-box .front-part .title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0.625rem;
  color: #000;
}
@media (max-width: 1199px) {
  .sass-benefits .benefit-box .front-part .title {
    font-size: 1rem;
  }
}
.sass-benefits .benefit-box .front-part p {
  color: #484848;
  margin: 0;
}
@media (max-width: 599px) {
  .sass-benefits .benefit-box .front-part p {
    padding: 0 1.25rem;
  }
}
.sass-benefits .benefit-box .back-front {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  position: absolute;
  z-index: -1;
  padding: 1.875rem 1.125rem;
  border-radius: 5px;
  background-color: #562dd4;
  top: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 360px;
  background-color: transparent;
  background-position: center;
  background-clip: padding-box;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275) 1s;
  transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275) 1s;
  transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275) 1s;
  transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275) 1s, -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275) 1s;
}
@media (max-width: 1199px) {
  .sass-benefits .benefit-box .back-front {
    height: 100%;
  }
}
@media (max-width: 767px) {
  .sass-benefits .benefit-box .back-front {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    position: static;
    z-index: 1;
    background-image: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  }
}
.sass-benefits .benefit-box .back-front .back-title {
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 0.9375rem;
}
@media (max-width: 1199px) {
  .sass-benefits .benefit-box .back-front .back-title {
    font-size: 1.125rem;
    line-height: 25px;
  }
}
.sass-benefits .benefit-box .back-front .back-title a {
  color: #ffffff;
}
.sass-benefits .benefit-box .back-front .back-desc {
  color: #ffffff;
  margin-bottom: 1.25rem;
}
@media (max-width: 1199px) {
  .sass-benefits .benefit-box .back-front .back-desc {
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .sass-benefits .benefit-box .back-front .back-desc {
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .sass-benefits .benefit-box:hover .front-part {
    display: none;
  }
}
.sass-benefits .benefit-box:hover .front-part:before {
  width: 100%;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.sass-benefits .benefit-box:hover .front-part .front-content-part:before, .sass-benefits .benefit-box:hover .front-part .front-content-part:after {
  right: -100%;
  bottom: -100%;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.sass-benefits .benefit-box:hover .back-front {
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
  z-index: 1;
  background-image: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
@media (max-width: 767px) {
  .sass-benefits .benefit-box:hover .back-front {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    background-image: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
    z-index: 1;
  }
}
.sass-benefits .benefit-box:hover .back-front .back-title {
  color: #ffffff;
}
.sass-benefits .benefit-box:hover .back-front .back-desc {
  color: #ffffff;
}
@media (max-width: 991px) {
  .sass-benefits .benefit-box:hover .back-front .back-desc {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .sass-benefits .benefit-box .back-front {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    background-image: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
    z-index: 1;
  }
}
@media (max-width: 767px) {
  .sass-benefits .benefit-box .back-front .back-front-content .back-title {
    color: #ffffff;
  }
}

.ems-infographic .section-heading {
  margin-bottom: 0;
}
.ems-infographic .ems-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .ems-infographic .ems-info-wrapper .col-lg-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 600px;
    margin: 0 auto;
  }
}
@media (max-width: 599px) {
  .ems-infographic .ems-info-wrapper .col-lg-4 {
    width: 100%;
  }
}
.ems-infographic .ems-info-wrapper .ems-item {
  height: 170px;
  width: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 3rem 0;
}
@media (max-width: 599px) {
  .ems-infographic .ems-info-wrapper .ems-item {
    height: 110px;
    width: 110px;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}
.ems-infographic .ems-info-wrapper .ems-item:before {
  content: "";
  -webkit-box-shadow: 8px 8px 35px rgba(0, 0, 0, 0.15);
          box-shadow: 8px 8px 35px rgba(0, 0, 0, 0.15);
  width: 175px;
  height: 180px;
  border-radius: 90px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 599px) {
  .ems-infographic .ems-info-wrapper .ems-item:before {
    width: 115px;
    height: 120px;
  }
}
.ems-infographic .ems-info-wrapper .ems-item .hexagon {
  position: absolute;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 10px;
  width: 116px;
  height: 190px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 599px) {
  .ems-infographic .ems-info-wrapper .ems-item .hexagon {
    width: 80px;
    height: 134px;
  }
}
.ems-infographic .ems-info-wrapper .ems-item .hexagon:before, .ems-infographic .ems-info-wrapper .ems-item .hexagon:after {
  content: "";
  border: inherit;
  position: absolute;
  background-color: #ffffff;
  border-radius: inherit;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ems-infographic .ems-info-wrapper .ems-item .hexagon:before {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  top: 0px;
  left: -1px;
}
.ems-infographic .ems-info-wrapper .ems-item .hexagon:after {
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
  top: 0px;
  right: 0px;
}
.ems-infographic .ems-info-wrapper .ems-item .hexagon2 {
  position: absolute;
  margin: 0 auto;
  background-color: #f5f4f4;
  border-radius: 10px;
  width: 107px;
  height: 175px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: -1;
}
@media (max-width: 599px) {
  .ems-infographic .ems-info-wrapper .ems-item .hexagon2 {
    width: 80px;
    height: 130px;
  }
}
.ems-infographic .ems-info-wrapper .ems-item .hexagon2:before, .ems-infographic .ems-info-wrapper .ems-item .hexagon2:after {
  content: "";
  border: inherit;
  position: absolute;
  background-color: #f5f4f4;
  border-radius: inherit;
  height: 100%;
  width: 100%;
}
.ems-infographic .ems-info-wrapper .ems-item .hexagon2:before {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  top: 0px;
  left: -1px;
}
.ems-infographic .ems-info-wrapper .ems-item .hexagon2:after {
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
  top: 0px;
  right: 0px;
}
.ems-infographic .ems-info-wrapper .ems-item .ems-content {
  text-align: center;
  padding: 0 0.3125rem;
}
.ems-infographic .ems-info-wrapper .ems-item .ems-content h5 {
  font-size: 1rem;
  font-weight: 700;
  color: #000000;
  margin: 0.9375rem 0 0;
}
@media (max-width: 599px) {
  .ems-infographic .ems-info-wrapper .ems-item .ems-content h5 {
    font-size: 0.875rem;
    margin: 0.3125rem 0 0;
  }
}
.ems-infographic .ems-info-wrapper .ems-item .ems-content .ems-icon svg {
  width: 50px;
  fill: url(#MyGradient);
}
.ems-infographic .ems-info-wrapper .ems-item.ems-1 {
  position: absolute;
  top: 107px;
  left: -175px;
}
@media (max-width: 1199px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-1 {
    top: 104px;
    left: -163px;
  }
}
@media (max-width: 991px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-1 {
    position: relative;
    top: 0;
    left: 0;
  }
}
@media (max-width: 599px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-1 {
    margin-top: 1.125rem;
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-2 {
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-2 {
    position: absolute;
    left: 30px;
    top: 108px;
  }
}
@media (max-width: 767px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-2 {
    top: 115px;
  }
}
@media (max-width: 599px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-2 {
    top: 73px;
    left: 10px;
    margin-top: 0;
  }
}
@media (max-width: 1199px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-3 {
    margin-top: 41px;
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-3 {
    margin-top: 0;
    position: absolute;
    right: 30px;
    top: 158px;
  }
}
@media (max-width: 599px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-3 {
    top: 74px;
    right: 10px;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-4 {
    margin: 0;
  }
}
@media (max-width: 1199px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-5 {
    margin-top: -16px;
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-5 {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    position: absolute;
    left: 30px;
    bottom: 105px;
  }
}
@media (max-width: 767px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-5 {
    bottom: 155px;
  }
}
@media (max-width: 599px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-5 {
    bottom: 55px;
    left: 10px;
  }
}
@media (max-width: 1199px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-6 {
    margin-bottom: -16px;
    margin-left: 0;
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-6 {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    right: 35px;
    bottom: 105px;
  }
}
@media (max-width: 767px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-6 {
    bottom: 155px;
  }
}
@media (max-width: 599px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-6 {
    bottom: 55px;
    right: 10px;
  }
}
.ems-infographic .ems-info-wrapper .ems-item.ems-7 {
  position: absolute;
  top: 107px;
  right: -175px;
}
@media (max-width: 1199px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-7 {
    top: 41px;
    right: -160px;
  }
}
@media (max-width: 991px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-7 {
    top: 0;
    right: 0;
    position: relative;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-7 {
    margin-bottom: 3rem;
  }
}
@media (max-width: 599px) {
  .ems-infographic .ems-info-wrapper .ems-item.ems-7 {
    margin: auto;
    position: static;
  }
}
.ems-infographic .ems-info-wrapper .ems-item:hover .hexagon {
  background: #024ec0;
}
.ems-infographic .ems-info-wrapper .ems-item:hover .hexagon:before, .ems-infographic .ems-info-wrapper .ems-item:hover .hexagon:after {
  background: #024ec0;
}

.erp-modules .erp-main-modules {
  position: relative;
  height: 100%;
  z-index: 1;
}
.erp-modules .erp-main-modules:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/main-module-bg.png) no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.15;
  z-index: -1;
}
.erp-modules .erp-main-modules svg {
  display: block;
  width: 60px;
  fill: url(#MyGradient);
  margin: 0 auto 1.875rem;
}
.erp-modules .erp-main-modules h4 {
  font-size: 2.25rem;
  font-weight: 700;
  color: #000000;
  text-align: center;
  margin-bottom: 1.25rem;
}
.erp-modules .erp-main-modules h4 span {
  color: #024ec0;
}
@media (max-width: 1100px) {
  .erp-modules .erp-main-modules h4 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .erp-modules .erp-main-modules h4 {
    font-size: 1.25rem;
  }
}
.erp-modules .erp-main-modules ul {
  text-align: right;
  padding-right: 3rem;
}
@media (max-width: 767px) {
  .erp-modules .erp-main-modules ul {
    padding-right: 0;
  }
}
.erp-modules .erp-main-modules ul li {
  font-size: 1.125rem;
  color: #000000;
  margin-bottom: 1.25rem;
  padding-right: 1.875rem;
  padding-left: 0;
}
@media (max-width: 999px) {
  .erp-modules .erp-main-modules ul li {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .erp-modules .erp-main-modules ul li {
    font-size: 1.125rem;
    text-align: left;
    padding-right: 0;
    padding-left: 1.875rem;
  }
}
@media (max-width: 599px) {
  .erp-modules .erp-main-modules ul li {
    font-size: 1rem;
  }
}
.erp-modules .erp-main-modules ul li::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #247cff;
  position: absolute;
  top: 3px;
  right: 0;
  left: auto;
}
@media (max-width: 767px) {
  .erp-modules .erp-main-modules ul li::before {
    right: inherit;
    left: 0;
  }
}
.erp-modules .erp-main-modules ul li:after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
  position: absolute;
  top: 7px;
  right: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (max-width: 767px) {
  .erp-modules .erp-main-modules ul li:after {
    right: inherit;
    left: 7px;
  }
}
.erp-modules .erp-main-modules:hover svg {
  fill: none;
  stroke: #024ec0;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 4s linear forwards;
          animation: dash 4s linear forwards;
}
.erp-modules .erp-sub-modules {
  position: relative;
  height: 100%;
  z-index: 1;
}
.erp-modules .erp-sub-modules:before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/sub-module-bg.png) no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.15;
  z-index: -1;
}
.erp-modules .erp-sub-modules svg {
  display: block;
  width: 60px;
  fill: url(#MyGradient);
  margin: 0 auto 1.875rem;
}
.erp-modules .erp-sub-modules h4 {
  font-size: 2.25rem;
  font-weight: 700;
  color: #000000;
  text-align: center;
  margin-bottom: 1.25rem;
}
@media (max-width: 1100px) {
  .erp-modules .erp-sub-modules h4 {
    font-size: 1.5rem;
  }
}
.erp-modules .erp-sub-modules h4 span {
  color: #024ec0;
}
.erp-modules .erp-sub-modules ul {
  padding-left: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 999px) {
  .erp-modules .erp-sub-modules ul {
    padding-left: 0px;
  }
}
.erp-modules .erp-sub-modules ul li {
  color: #000000;
  margin-bottom: 0.625rem;
  font-size: 1.125rem;
  width: 48%;
}
@media (max-width: 991px) {
  .erp-modules .erp-sub-modules ul li {
    font-size: 0.9375rem;
  }
  .erp-modules .erp-sub-modules ul li:before {
    left: 0.375rem;
  }
}
@media (max-width: 767px) {
  .erp-modules .erp-sub-modules ul li {
    font-size: 0.875rem;
  }
}
@media (max-width: 599px) {
  .erp-modules .erp-sub-modules ul li {
    font-size: 1rem;
    width: 100%;
  }
}
.erp-modules .erp-sub-modules:hover svg {
  fill: none;
  stroke: #024ec0;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 4s linear forwards;
          animation: dash 4s linear forwards;
}

.bi-achieve .bi-achieve-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-circle {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);
  z-index: 3;
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-circle:before {
  content: "";
  background: linear-gradient(45deg, #eaeaea 0%, #ffffff 100%);
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  border-radius: 50%;
  z-index: -1;
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-circle:after {
  content: "";
  background: linear-gradient(45deg, #ffffff 0%, #eaeaea 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  z-index: -1;
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-circle h3 {
  font-weight: 700;
  color: #024ec0;
}
@media (max-width: 991px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-circle h3 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-circle h3 {
    font-size: 1.375rem;
  }
}
@media (max-width: 599px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-circle {
    display: none;
  }
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item {
  width: 300px;
  height: 250px;
  padding: 2rem;
  border-radius: 10px;
  background: #ffffff;
  -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25);
  margin: 1.375rem;
  text-align: left;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item {
    width: 270px;
    height: 210px;
    margin: 0.9375rem;
  }
}
@media (max-width: 599px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item {
    padding: 30px !important;
    height: auto;
    width: 100%;
    text-align: center !important;
  }
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item:before {
  content: "";
  position: absolute;
  top: 16px;
  right: 16px;
  bottom: 16px;
  left: 16px;
  border-radius: 10px;
  border: solid 2px rgba(93, 93, 93, 0.4);
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item:after {
  content: "";
  width: 130px;
  height: 130px;
  position: absolute;
  background: #024ec0;
  z-index: 1;
}
@media (max-width: 599px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item:after {
    display: none;
  }
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item span {
  font-size: 2.25rem;
  color: #ffffff;
  position: absolute;
  z-index: 9;
}
@media (max-width: 599px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item span {
    color: #024ec0;
    position: static;
  }
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item p {
  font-size: 1.125rem;
  color: #484848;
}
@media (max-width: 1199px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item p {
    font-size: 0.875rem;
  }
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(2) {
  padding-bottom: 90px;
  padding-right: 70px;
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(2):after {
  bottom: 0;
  right: 0;
  border-top-left-radius: 150px;
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(2) span {
  bottom: 55px;
  right: 55px;
}
@media (max-width: 767px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(2) {
    margin-left: 0;
    margin-top: 0;
  }
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(2) span {
    right: 63px;
  }
}
@media (max-width: 599px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(2) {
    margin-right: 0;
  }
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(3) {
  padding-bottom: 90px;
  padding-left: 70px;
  text-align: right;
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(3):after {
  bottom: 0;
  left: 0;
  border-top-right-radius: 150px;
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(3) span {
  bottom: 55px;
  left: 55px;
}
@media (max-width: 767px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(3) {
    margin-right: 0;
    margin-top: 0;
  }
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(3) span {
    left: 63px;
  }
}
@media (max-width: 599px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(3) {
    margin-left: 0;
  }
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(4) {
  padding-top: 90px;
  padding-right: 70px;
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(4):after {
  top: 0;
  right: 0;
  border-bottom-left-radius: 150px;
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(4) span {
  top: 55px;
  right: 55px;
}
@media (max-width: 767px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(4) {
    margin-left: 0;
    margin-bottom: 0;
  }
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(4) span {
    right: 63px;
  }
}
@media (max-width: 599px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(4) {
    margin-right: 0;
    margin-top: 0;
  }
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(5) {
  padding-top: 90px;
  padding-left: 70px;
  text-align: right;
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(5):after {
  top: 0;
  left: 0;
  border-bottom-right-radius: 150px;
}
.bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(5) span {
  top: 55px;
  left: 55px;
}
@media (max-width: 767px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(5) {
    margin-right: 0;
    margin-bottom: 0;
  }
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(5) span {
    left: 63px;
  }
}
@media (max-width: 599px) {
  .bi-achieve .bi-achieve-wrapper .bi-achieve-item:nth-of-type(5) {
    margin-left: 0;
  }
}

.serverManagementServices .col-sm-6 {
  margin-bottom: 1.875rem;
}
.serverManagementServices .sms-item {
  border-radius: 10px;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1.875rem;
  z-index: 9;
  border: solid 1px #efefef;
}
.serverManagementServices .sms-item:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -4;
  -webkit-box-shadow: 0 10px 50px rgba(36, 124, 255, 0.1);
          box-shadow: 0 10px 50px rgba(36, 124, 255, 0.1);
}
.serverManagementServices .sms-item:after {
  content: "";
  width: 95%;
  height: 95%;
  border-radius: 12px;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 1px;
  z-index: -5;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.serverManagementServices .sms-item h5 {
  font-size: 1.5rem;
  font-weight: 700;
}
@media (max-width: 991px) {
  .serverManagementServices .sms-item h5 {
    font-size: 1.125rem;
  }
}
.serverManagementServices .sms-item:hover:after {
  -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px);
          transform: rotate(2deg) translateX(-5px) translateY(16px);
}

.hardware-interate .section-title span {
  display: inline;
  font-weight: 700;
}
.hardware-interate .hi-graphic {
  float: right;
  text-align: right;
}
.hardware-interate .hi-graphic img {
  max-width: 500px;
  -webkit-filter: drop-shadow(2px 4px 15px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(2px 4px 15px rgba(0, 0, 0, 0.1));
}
@media (max-width: 1199px) {
  .hardware-interate .hi-graphic img {
    max-width: 100%;
  }
}

.approach .col-sm-6 {
  margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
  .approach .col-sm-6 {
    margin-bottom: 1.875rem;
  }
}
.approach .approach-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  padding: 0 1.25rem;
}
@media (max-width: 767px) {
  .approach .approach-item {
    text-align: center;
    padding: 0;
  }
}
.approach .approach-item:before {
  content: "";
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #ecf4fd;
  position: absolute;
  left: 5px;
  z-index: 1;
}
@media (max-width: 991px) {
  .approach .approach-item:before {
    left: 5px;
    top: 3px;
  }
}
@media (max-width: 767px) {
  .approach .approach-item:before {
    display: none;
  }
}
.approach .approach-item:after {
  content: "";
  width: 70px;
  height: 140px;
  border-radius: 0 70px 70px 0;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  position: absolute;
  left: 60px;
}
@media (max-width: 991px) {
  .approach .approach-item:after {
    left: 60px;
    top: -10px;
  }
}
@media (max-width: 767px) {
  .approach .approach-item:after {
    display: none;
  }
}
.approach .approach-item .approach-icon {
  width: 80px;
  height: 80px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
@media (max-width: 991px) {
  .approach .approach-item .approach-icon {
    top: 18px;
  }
}
@media (max-width: 767px) {
  .approach .approach-item .approach-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
  }
}
.approach .approach-item .approach-icon:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 50%;
  background: #ecf4fd;
  z-index: -1;
}
.approach .approach-item .approach-icon:after {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  left: -5px;
  bottom: -5px;
  border-radius: 50%;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  z-index: -2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.approach .approach-item .approach-icon svg {
  width: 60px;
  fill: url(#MyGradient);
}
@media (max-width: 767px) {
  .approach .approach-item .approach-icon svg {
    width: 45px;
  }
}
.approach .approach-item .approach-content {
  width: calc(100% - 130px);
}
@media (max-width: 991px) {
  .approach .approach-item .approach-content {
    width: 100%;
    margin-top: 4.375rem;
  }
}
@media (max-width: 767px) {
  .approach .approach-item .approach-content {
    width: 100%;
    margin-top: 2.5rem;
  }
}
.approach .approach-item .approach-content h5 {
  font-size: 1.375rem;
  font-weight: 700;
  color: #024ec0;
}
@media (max-width: 767px) {
  .approach .approach-item .approach-content h5 {
    font-size: 1rem;
  }
}
.approach .approach-item .approach-content p {
  margin-bottom: 0;
}
.approach .approach-item:hover:before {
  background: -webkit-gradient(linear, left top, right top, from(#eaeaea), to(#ffffff));
  background: linear-gradient(90deg, #eaeaea 0%, #ffffff 100%);
}
.approach .approach-item:hover .approach-icon:before {
  background: transparent;
}
.approach .approach-item:hover .approach-icon:after {
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#eaeaea));
  background: linear-gradient(90deg, #ffffff 0%, #eaeaea 100%);
}

.cms-advantage {
  background: #001029;
  padding: 2.5rem;
  border-radius: 20px;
}
.cms-advantage img {
  width: 100%;
}
@media (max-width: 767px) {
  .cms-advantage {
    padding: 0.625rem;
  }
}

@media (min-width: 1349px) {
  .migration-process .container {
    max-width: 1300px;
  }
}
.migration-process .mp-items-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1199px) {
  .migration-process .mp-items-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.migration-process .mp-items-wrapper .mp-item {
  width: 18.5%;
  padding: 0 0 4rem 0;
  position: relative;
  background: #0060f0;
  margin-top: 4.375rem;
  margin-bottom: 1.875rem;
  z-index: 1;
}
@media (max-width: 1199px) {
  .migration-process .mp-items-wrapper .mp-item {
    width: 29.4117647059%;
    margin: 0 0.9375rem 4rem;
    border-radius: 200px 200px 0 0;
    padding: 1.875rem 0 4rem 0;
  }
}
@media (max-width: 991px) {
  .migration-process .mp-items-wrapper .mp-item {
    width: 28.5714285714%;
  }
}
@media (max-width: 767px) {
  .migration-process .mp-items-wrapper .mp-item {
    width: 44.4444444444%;
  }
}
@media (max-width: 599px) {
  .migration-process .mp-items-wrapper .mp-item {
    width: 100%;
    margin: 0 0 4rem;
  }
}
.migration-process .mp-items-wrapper .mp-item:before, .migration-process .mp-items-wrapper .mp-item:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 138px;
  border-radius: 5px;
  background: #0060f0;
  z-index: -1;
}
@media (max-width: 1299px) {
  .migration-process .mp-items-wrapper .mp-item:before, .migration-process .mp-items-wrapper .mp-item:after {
    height: 127px;
  }
}
@media (max-width: 1199px) {
  .migration-process .mp-items-wrapper .mp-item:before, .migration-process .mp-items-wrapper .mp-item:after {
    display: none;
  }
}
.migration-process .mp-items-wrapper .mp-item:before {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  top: -3px;
  left: -1px;
}
@media (max-width: 1199px) {
  .migration-process .mp-items-wrapper .mp-item:before {
    left: 0;
  }
}
.migration-process .mp-items-wrapper .mp-item:after {
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
  top: -3px;
  right: 0;
}
@media (max-width: 1199px) {
  .migration-process .mp-items-wrapper .mp-item:after {
    right: -1px;
  }
}
.migration-process .mp-items-wrapper .mp-item .mp-number {
  position: absolute;
  left: -24px;
  bottom: -30px;
  width: 95%;
  height: 80px;
  background: #247cff;
  border-radius: 20px 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 3.125rem;
  font-weight: 800;
  color: #ffffff;
}
.migration-process .mp-items-wrapper .mp-item .mp-number:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  right: -36px;
  border-left: 30px solid transparent;
  border-right: 35px solid transparent;
  border-top: 30px solid #004cbd;
  z-index: -1;
}
@media (max-width: 1365px) {
  .migration-process .mp-items-wrapper .mp-item .mp-number {
    left: -11px;
  }
  .migration-process .mp-items-wrapper .mp-item .mp-number:after {
    right: -23px;
    border-right: 22px solid transparent;
  }
}
@media (max-width: 1299px) {
  .migration-process .mp-items-wrapper .mp-item .mp-number:after {
    right: -21px;
    border-right: 21px solid transparent;
  }
}
@media (max-width: 1199px) {
  .migration-process .mp-items-wrapper .mp-item .mp-number {
    left: -20px;
  }
  .migration-process .mp-items-wrapper .mp-item .mp-number:after {
    right: -34px;
    border-right: 34px solid transparent;
  }
}
@media (max-width: 991px) {
  .migration-process .mp-items-wrapper .mp-item .mp-number:after {
    right: -31px;
    border-right: 31px solid transparent;
  }
}
@media (max-width: 767px) {
  .migration-process .mp-items-wrapper .mp-item .mp-number {
    font-size: 2.5rem;
  }
  .migration-process .mp-items-wrapper .mp-item .mp-number:after {
    right: -33px;
    border-right: 33px solid transparent;
  }
}
@media (max-width: 599px) {
  .migration-process .mp-items-wrapper .mp-item .mp-number {
    font-size: 1.875rem;
    left: -10px;
  }
  .migration-process .mp-items-wrapper .mp-item .mp-number:after {
    right: -24px;
    border-right: 24px solid transparent;
  }
}
.migration-process .mp-items-wrapper .mp-item .mp-content {
  padding: 0 0.9375rem;
  text-align: center;
}
.migration-process .mp-items-wrapper .mp-item .mp-content svg {
  fill: #ffffff;
  width: 80px;
  margin-bottom: 0.9375rem;
}
.migration-process .mp-items-wrapper .mp-item .mp-content h5 {
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
}
.migration-process .mp-items-wrapper .mp-item .mp-content p {
  font-size: 0.875rem;
  margin-bottom: 0;
  color: #ffffff;
}
.migration-process .mp-items-wrapper .mp-item.mp-2 {
  background: #004cbd;
}
.migration-process .mp-items-wrapper .mp-item.mp-2:before, .migration-process .mp-items-wrapper .mp-item.mp-2:after {
  background: #004cbd;
}
.migration-process .mp-items-wrapper .mp-item.mp-2 .mp-number {
  background: #247cff;
}
.migration-process .mp-items-wrapper .mp-item.mp-2 .mp-number:after {
  border-top-color: #00378a;
}
.migration-process .mp-items-wrapper .mp-item.mp-3 {
  background: #00378a;
}
.migration-process .mp-items-wrapper .mp-item.mp-3:before, .migration-process .mp-items-wrapper .mp-item.mp-3:after {
  background: #00378a;
}
.migration-process .mp-items-wrapper .mp-item.mp-3 .mp-number {
  background: #0060f0;
}
.migration-process .mp-items-wrapper .mp-item.mp-3 .mp-number:after {
  border-top-color: #002357;
}
.migration-process .mp-items-wrapper .mp-item.mp-4 {
  background: #002357;
}
.migration-process .mp-items-wrapper .mp-item.mp-4:before, .migration-process .mp-items-wrapper .mp-item.mp-4:after {
  background: #002357;
}
.migration-process .mp-items-wrapper .mp-item.mp-4 .mp-number {
  background: #004cbd;
}
.migration-process .mp-items-wrapper .mp-item.mp-4 .mp-number:after {
  border-top-color: #000e24;
}
.migration-process .mp-items-wrapper .mp-item.mp-5 {
  background: #000e24;
}
.migration-process .mp-items-wrapper .mp-item.mp-5:before, .migration-process .mp-items-wrapper .mp-item.mp-5:after {
  background: #000e24;
}
.migration-process .mp-items-wrapper .mp-item.mp-5 .mp-number {
  background: #00378a;
}
.migration-process .mp-items-wrapper .mp-item.mp-5 .mp-number:after {
  border-top-color: black;
}
.migration-process .mp-items-wrapper .mp-item:hover .mp-content svg {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5px;
  stroke-dasharray: 260;
  stroke-dashoffset: 0;
  -webkit-animation: dash-fill 2s linear forwards;
          animation: dash-fill 2s linear forwards;
}

.ls-erp-modules .wm-provides {
  padding-right: 3rem;
}
.ls-erp-modules .wm-provides h4 {
  font-size: 2.25rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 1.25rem;
}
.ls-erp-modules .wm-provides ul li {
  font-size: 1.125rem;
  color: #000000;
  margin-bottom: 1.25rem;
  padding-left: 1.875rem;
}
.ls-erp-modules .wm-provides ul li:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #247cff;
  position: absolute;
  top: 3px;
  left: 0;
}
.ls-erp-modules .wm-provides ul li:after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
  position: absolute;
  top: 7px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (max-width: 1199px) {
  .ls-erp-modules .wm-provides h4 {
    font-size: 1.875rem;
  }
  .ls-erp-modules .wm-provides ul li {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .ls-erp-modules .wm-provides {
    padding-right: 0;
  }
  .ls-erp-modules .wm-provides h4 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .ls-erp-modules .wm-provides h4 {
    font-size: 1.375rem;
  }
  .ls-erp-modules .wm-provides ul li {
    font-size: 0.875rem;
  }
}
.ls-erp-modules .ls-advantages {
  padding-left: 3rem;
}
.ls-erp-modules .ls-advantages h4 {
  font-size: 2.25rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 1.25rem;
}
.ls-erp-modules .ls-advantages ul li {
  color: #000000;
  margin-bottom: 0.625rem;
  font-size: 1.125rem;
  width: 100%;
}
@media (max-width: 1199px) {
  .ls-erp-modules .ls-advantages h4 {
    font-size: 1.875rem;
  }
  .ls-erp-modules .ls-advantages ul li {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .ls-erp-modules .ls-advantages {
    padding-left: 0;
  }
  .ls-erp-modules .ls-advantages h4 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .ls-erp-modules .ls-advantages h4 {
    font-size: 1.375rem;
  }
  .ls-erp-modules .ls-advantages ul li {
    font-size: 0.875rem;
  }
}

.api-integration-expertise .col-sm-3 {
  margin-bottom: 1.875rem;
}
.api-integration-expertise .api-item {
  background: #ffffff;
  padding: 1.25rem;
  border-radius: 10px;
  border: solid 1px #ced4da;
  height: 100%;
}
@media (max-width: 991px) {
  .api-integration-expertise .api-item {
    padding: 0.7rem;
  }
}
.api-integration-expertise .api-item h5 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.9375rem;
}
@media (max-width: 991px) {
  .api-integration-expertise .api-item h5 {
    font-size: 1rem;
  }
}
.api-integration-expertise .api-item ul {
  margin-bottom: 0;
}
.api-integration-expertise .api-item ul li {
  padding-left: 0;
  font-size: 1.125rem;
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1199px) {
  .api-integration-expertise .api-item ul li {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .api-integration-expertise .api-item ul li {
    font-size: 0.875rem;
  }
}
.api-integration-expertise .api-item ul li img {
  width: 20px;
  margin-right: 0.625rem;
}
.api-integration-expertise .api-item ul li:before {
  display: none;
}
.api-integration-expertise .api-item ul li:last-of-type {
  margin-bottom: 0;
}

.cad-gif {
  width: 100%;
  height: 350px;
  margin-top: 1.875rem;
  border-radius: 20px;
  overflow: hidden;
}
.cad-gif img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 991px) {
  .cad-gif {
    height: 200px;
  }
}

.cad-revenue .cadr-content h3 {
  font-size: 1.375rem;
  font-weight: 700;
}
@media (max-width: 991px) {
  .cad-revenue .cadr-content h3 {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .cad-revenue .cadr-content h3 {
    font-size: 1.125rem;
  }
}
.cad-revenue .cadr-graphic {
  text-align: center;
}

.api-designed {
  background: url(../images/api-bg.jpg) no-repeat center center;
  position: relative;
  z-index: 1;
}
.api-designed:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(2, 78, 192, 0.35);
}
.api-designed .section-heading {
  margin-bottom: 0;
}
.api-designed .section-heading .section-title {
  color: #ffffff;
}
.api-designed .section-heading p, .api-designed .section-heading li {
  color: #ffffff;
}
.api-designed .section-heading ul li:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #ffffff;
  position: absolute;
  top: 3px;
  left: 0;
}
.api-designed .section-heading ul li:after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #024ec0;
  border-bottom: solid 2px #024ec0;
  position: absolute;
  top: 7px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.api-designed .ad-graphic img {
  -webkit-filter: drop-shadow(2px 4px 100px rgba(255, 255, 255, 0.3));
          filter: drop-shadow(2px 4px 100px rgba(255, 255, 255, 0.3));
}
@media (max-width: 991px) {
  .api-designed .ad-graphic img {
    width: 100%;
  }
}

@media (max-width: 599px) {
  .payment-content .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    max-width: 49%;
  }
}
.payment-content .content-area {
  margin-bottom: 1.875rem;
}
.payment-content .content-area h2 {
  font-size: 2.25rem;
  font-weight: 700;
  color: #024ec0;
}
.payment-content .content-area p {
  font-size: 1.125rem;
}
.payment-content .content-area p span {
  color: #024ec0;
  font-weight: 700;
}
.payment-content .content-area ul li {
  font-weight: 700;
}
@media (max-width: 1199px) {
  .payment-content .content-area h2 {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .payment-content .content-area h2 {
    font-size: 1.625rem;
  }
  .payment-content .content-area p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .payment-content .content-area h2 {
    font-size: 1.375rem;
  }
  .payment-content .content-area p {
    font-size: 0.875rem;
  }
}
.payment-content .col-sm-3, .payment-content .col-md-3, .payment-content .col-lg-2 {
  margin-bottom: 1.875rem;
}
.payment-content .pc-item {
  text-align: center;
  padding: 1.875rem 1.25rem;
  background: #ffffff;
  border-radius: 8px;
  border: solid 1px #ecf4fd;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1199px) {
  .payment-content .pc-item {
    padding: 0.9375rem;
  }
}
.payment-content .pc-item .pc-icon {
  margin-bottom: 0.625rem;
}
.payment-content .pc-item .pc-icon svg {
  fill: url(#MyGradient);
  width: 70px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.payment-content .pc-item .pc-icon img {
  max-height: 70px;
}
@media (max-width: 599px) {
  .payment-content .pc-item .pc-icon svg {
    width: 50px;
  }
}
.payment-content .pc-item .pc-title {
  font-size: 1rem;
  font-weight: 700;
  color: #101010;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .payment-content .pc-item .pc-title {
    font-size: 0.875rem;
  }
}
.payment-content .pc-item:hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .payment-content .pc-item {
    padding: 0.9375rem;
  }
  .payment-content .pc-item .pc-title {
    font-size: 0.875rem;
  }
}
@media (max-width: 599px) {
  .payment-content .pc-item .pc-title {
    font-size: 0.75rem;
  }
}

.iaas-infographic img {
  border-radius: 20px;
  width: 100%;
}

.ecom-service {
  background: url(../images/shopping-females.jpg) no-repeat top center;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.ecom-service:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(2, 78, 192, 0.9);
  z-index: -1;
}
.ecom-service .section-heading .section-title {
  color: #ffffff;
}
.ecom-service .ecom-serv-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ecom-service .ecom-serv-wrapper .ecom-serv-item {
  width: 200px;
  height: 200px;
  margin: 0.9375rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .ecom-service .ecom-serv-wrapper .ecom-serv-item {
    width: 150px;
    height: 150px;
  }
}
@media (max-width: 767px) {
  .ecom-service .ecom-serv-wrapper .ecom-serv-item {
    width: 80px;
    height: 80px;
    margin: 3px;
  }
}
.ecom-service .ecom-serv-wrapper .ecom-serv-item:before, .ecom-service .ecom-serv-wrapper .ecom-serv-item:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.ecom-service .ecom-serv-wrapper .ecom-serv-item:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: dotted 2px #ffffff;
}
.ecom-service .ecom-serv-wrapper .ecom-serv-item:after {
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  background: #ffffff;
  border: dotted 2px transparent;
}
.ecom-service .ecom-serv-wrapper .ecom-serv-item img {
  width: 120px;
}
@media (max-width: 991px) {
  .ecom-service .ecom-serv-wrapper .ecom-serv-item img {
    width: 90px;
  }
}
@media (max-width: 767px) {
  .ecom-service .ecom-serv-wrapper .ecom-serv-item img {
    width: 50px;
  }
}
.ecom-service .ecom-serv-wrapper .ecom-serv-item:hover:before {
  border: none;
  background: #ffffff;
}
.ecom-service .ecom-serv-wrapper .ecom-serv-item:hover:after {
  border-color: #024ec0;
}

.managed-com .mcb-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.875rem;
}
@media (max-width: 991px) {
  .managed-com .mcb-wrapper {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@media (max-width: 767px) {
  .managed-com .mcb-wrapper {
    -webkit-transform: scale(0.65);
            transform: scale(0.65);
  }
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper {
    -webkit-transform: scale(1);
            transform: scale(1);
    max-width: 300px;
    margin: 30px auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item {
    width: 100%;
    text-align: center;
    position: relative;
  }
}
.managed-com .mcb-wrapper .mcb-item .mcb-count {
  width: 40px;
  height: 40px;
  border: solid 1.5px #acb8c2;
  color: #333333;
  font-size: 1.25rem;
  font-weight: 700;
  display: block;
  text-align: center;
  line-height: 40px;
  position: relative;
  top: -40px;
  border-radius: 50%;
  margin: 0 auto;
  z-index: 3;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item .mcb-count {
    position: absolute;
    top: calc(50% - 20px) !important;
    left: 0;
  }
}
.managed-com .mcb-wrapper .mcb-item .mcb-count:before {
  content: "";
  width: 1px;
  height: 50px;
  background: #acb8c2;
  position: absolute;
  left: 50%;
  top: 38px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item .mcb-count:before {
    width: 59px;
    height: 1px;
    left: 38px;
    top: 18px !important;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.managed-com .mcb-wrapper .mcb-item .mcb-count:after {
  content: "";
  width: 10px;
  height: 10px;
  border: solid 1.5px #ffffff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 88px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item .mcb-count:after {
    left: auto;
    top: 13px !important;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    right: -70px;
  }
}
.managed-com .mcb-wrapper .mcb-item .mcb-icon {
  width: 150px;
  height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item .mcb-icon {
    width: 100px;
    height: 90px;
    margin: 0 auto;
  }
}
.managed-com .mcb-wrapper .mcb-item .mcb-icon:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #333333;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  z-index: -1;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item .mcb-icon:before {
    -webkit-transform: rotate(39deg);
            transform: rotate(39deg);
  }
}
.managed-com .mcb-wrapper .mcb-item .mcb-icon:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 72px;
  border-radius: 20px 20px 0 0;
  background: #acb8c2;
  left: 12px;
  bottom: 21px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  z-index: 9;
  -webkit-box-shadow: 5px -4px 6px rgba(0, 0, 0, 0.18);
          box-shadow: 5px -4px 6px rgba(0, 0, 0, 0.18);
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item .mcb-icon:after {
    height: 15px !important;
    left: 34px !important;
    top: -7px;
    bottom: auto !important;
    border-radius: 30px;
  }
}
.managed-com .mcb-wrapper .mcb-item .mcb-icon svg {
  fill: #ffffff;
  width: 40px;
}
@media (max-width: 767px) {
  .managed-com .mcb-wrapper .mcb-item .mcb-icon svg {
    width: 55px;
  }
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item .mcb-icon svg {
    width: 40px;
    margin-top: -14px;
  }
}
.managed-com .mcb-wrapper .mcb-item .mcb-title {
  width: 120px;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #333333;
  padding: 5px 0;
  border-top: solid 1px #acb8c2;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  bottom: -40px;
  min-height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  .managed-com .mcb-wrapper .mcb-item .mcb-title {
    font-size: 1.25rem;
  }
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item .mcb-title {
    position: absolute;
    top: calc(50% - 27px) !important;
    bottom: auto;
    right: 0;
    font-size: 0.75rem;
    border-top: none;
    border-left: solid 1px #247cff;
    min-height: auto !important;
    width: 75px;
    text-align: left;
    padding-left: 0.3125rem;
  }
}
.managed-com .mcb-wrapper .mcb-item .mcb-title:before {
  content: "";
  width: 1px;
  height: 40px;
  background: #acb8c2;
  position: absolute;
  left: 50%;
  top: -40px;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item .mcb-title:before {
    width: 30px;
    height: 1px;
    left: -30px;
    top: 50%;
  }
}
.managed-com .mcb-wrapper .mcb-item:nth-child(even) .mcb-count {
  top: auto;
  bottom: -220px;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item:nth-child(even) .mcb-count {
    bottom: auto;
    left: auto;
    right: 0;
  }
}
.managed-com .mcb-wrapper .mcb-item:nth-child(even) .mcb-count:before {
  bottom: 38px;
  top: auto;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item:nth-child(even) .mcb-count:before {
    left: -60px;
  }
}
.managed-com .mcb-wrapper .mcb-item:nth-child(even) .mcb-count:after {
  bottom: 88px;
  top: auto;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item:nth-child(even) .mcb-count:after {
    right: 97px;
  }
}
.managed-com .mcb-wrapper .mcb-item:nth-child(even) .mcb-title {
  bottom: auto;
  top: -240px;
  border-top: none;
  border-bottom: solid 1px #acb8c2;
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item:nth-child(even) .mcb-title {
    border-left: none;
    left: 0;
    border-bottom: none;
    bottom: auto;
    border-right: solid 1px #acb8c2;
    padding-left: 0;
    padding-right: 0.3125rem;
    text-align: right;
  }
}
.managed-com .mcb-wrapper .mcb-item:nth-child(even) .mcb-title:before {
  bottom: -40px;
  top: auto;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item:nth-child(even) .mcb-title:before {
    bottom: auto;
    top: 50%;
    right: -30px;
    left: auto;
  }
}
.managed-com .mcb-wrapper .mcb-item.mcb-1 .mcb-count {
  color: #247cff;
}
.managed-com .mcb-wrapper .mcb-item.mcb-1 .mcb-icon:before {
  background: #247cff;
}
.managed-com .mcb-wrapper .mcb-item.mcb-1 .mcb-icon:after {
  display: none;
}
.managed-com .mcb-wrapper .mcb-item.mcb-1 .mcb-title {
  border-top-color: #247cff;
  color: #247cff;
}
.managed-com .mcb-wrapper .mcb-item.mcb-1 .mcb-title:before {
  background: #247cff;
}
.managed-com .mcb-wrapper .mcb-item.mcb-2 {
  margin-left: -15px;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item.mcb-2 {
    margin-left: 0;
    margin-top: -10px;
  }
}
.managed-com .mcb-wrapper .mcb-item.mcb-2 .mcb-count {
  color: #0060f0;
}
.managed-com .mcb-wrapper .mcb-item.mcb-2 .mcb-icon:before {
  background: #0060f0;
}
.managed-com .mcb-wrapper .mcb-item.mcb-2 .mcb-icon:after {
  background: #247cff;
  height: 80px;
  left: 6px;
  bottom: 30px;
}
.managed-com .mcb-wrapper .mcb-item.mcb-2 .mcb-title {
  border-bottom-color: #0060f0;
  color: #0060f0;
}
.managed-com .mcb-wrapper .mcb-item.mcb-2 .mcb-title:before {
  background: #0060f0;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item.mcb-2 .mcb-title {
    border-right-color: #0060f0;
  }
}
.managed-com .mcb-wrapper .mcb-item.mcb-3 {
  margin-left: -7px;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item.mcb-3 {
    margin-left: 0;
    margin-top: -10px;
  }
}
.managed-com .mcb-wrapper .mcb-item.mcb-3 .mcb-count {
  color: #004cbd;
}
.managed-com .mcb-wrapper .mcb-item.mcb-3 .mcb-icon:before {
  background: #004cbd;
}
.managed-com .mcb-wrapper .mcb-item.mcb-3 .mcb-icon:after {
  background: #0060f0;
  height: 62px;
  left: 1px;
  bottom: 31px;
}
.managed-com .mcb-wrapper .mcb-item.mcb-3 .mcb-title {
  border-top-color: #004cbd;
  color: #004cbd;
}
.managed-com .mcb-wrapper .mcb-item.mcb-3 .mcb-title:before {
  background: #004cbd;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item.mcb-3 .mcb-title {
    border-left-color: #004cbd;
  }
}
.managed-com .mcb-wrapper .mcb-item.mcb-4 {
  margin-left: -15px;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item.mcb-4 {
    margin-left: 0;
    margin-top: -10px;
  }
}
.managed-com .mcb-wrapper .mcb-item.mcb-4 .mcb-count {
  color: #00378a;
}
.managed-com .mcb-wrapper .mcb-item.mcb-4 .mcb-icon:before {
  background: #00378a;
}
.managed-com .mcb-wrapper .mcb-item.mcb-4 .mcb-icon:after {
  background: #004cbd;
  height: 80px;
  left: 3px;
  bottom: 25px;
}
.managed-com .mcb-wrapper .mcb-item.mcb-4 .mcb-title {
  border-bottom-color: #00378a;
  color: #00378a;
}
.managed-com .mcb-wrapper .mcb-item.mcb-4 .mcb-title:before {
  background: #00378a;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item.mcb-4 .mcb-title {
    border-right-color: #00378a;
  }
}
.managed-com .mcb-wrapper .mcb-item.mcb-5 {
  margin-left: -7px;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item.mcb-5 {
    margin-left: 0;
    margin-top: -10px;
  }
}
.managed-com .mcb-wrapper .mcb-item.mcb-5 .mcb-count {
  color: #002357;
}
.managed-com .mcb-wrapper .mcb-item.mcb-5 .mcb-icon:before {
  background: #002357;
}
.managed-com .mcb-wrapper .mcb-item.mcb-5 .mcb-icon:after {
  background: #00378a;
  height: 62px;
  left: 1px;
  bottom: 31px;
}
.managed-com .mcb-wrapper .mcb-item.mcb-5 .mcb-title {
  border-top-color: #002357;
  color: #002357;
}
.managed-com .mcb-wrapper .mcb-item.mcb-5 .mcb-title:before {
  background: #002357;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item.mcb-5 .mcb-title {
    border-left-color: #002357;
  }
}
.managed-com .mcb-wrapper .mcb-item.mcb-6 {
  margin-left: -15px;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item.mcb-6 {
    margin-left: 0;
    margin-top: -10px;
  }
}
.managed-com .mcb-wrapper .mcb-item.mcb-6 .mcb-count {
  color: #000e24;
}
.managed-com .mcb-wrapper .mcb-item.mcb-6 .mcb-icon:before {
  background: #000e24;
}
.managed-com .mcb-wrapper .mcb-item.mcb-6 .mcb-icon:after {
  background: #002357;
  height: 80px;
  left: 3px;
  bottom: 25px;
}
.managed-com .mcb-wrapper .mcb-item.mcb-6 .mcb-title {
  border-bottom-color: #000e24;
  color: #000e24;
}
.managed-com .mcb-wrapper .mcb-item.mcb-6 .mcb-title:before {
  background: #000e24;
}
@media (max-width: 599px) {
  .managed-com .mcb-wrapper .mcb-item.mcb-6 .mcb-title {
    border-right-color: #000e24;
  }
}

.user-interact {
  overflow: hidden;
}
.user-interact .section-heading {
  padding-right: 3.125rem;
  margin-bottom: 0;
  z-index: 1;
}
@media (max-width: 991px) {
  .user-interact .section-heading {
    padding: 2.5rem 0;
  }
}
@media (max-width: 767px) {
  .user-interact .section-heading {
    padding: 2.5rem 0 0;
  }
}
.user-interact .section-heading ul {
  margin-top: 0.9375rem;
}
.user-interact .section-heading ul li {
  font-size: 1.125rem;
}
@media (max-width: 1199px) {
  .user-interact .section-heading ul li {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .user-interact .section-heading ul li {
    font-size: 0.875rem;
  }
}
.user-interact .section-heading ul li:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #024ec0;
  position: absolute;
  top: 3px;
  left: 0;
}
.user-interact .section-heading ul li:after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
  position: absolute;
  top: 3px;
  left: 0;
  top: 7px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.user-interact .section-heading ul li ul {
  margin-bottom: 0;
  margin-top: 0.625rem;
}
.user-interact .section-heading ul li ul li:before {
  width: 10px;
  height: 2px;
  background: #024ec0;
  border-radius: 0;
  top: 0.75rem;
  left: 9px;
}
.user-interact .section-heading ul li ul li:after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 2px #024ec0;
  border-right: solid 2px #024ec0;
  border-bottom: none;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 10px;
  left: 15px;
}
.user-interact .user-interact-graphic {
  float: left;
  width: 50vw;
  position: relative;
}
.user-interact .user-interact-graphic img {
  width: 100%;
}
@media (max-width: 767px) {
  .user-interact .user-interact-graphic {
    width: 100%;
    padding-bottom: 0.9375rem;
  }
}

.prototype-section .proto-graphic img {
  -webkit-filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.02));
          filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.02));
  max-width: 100%;
}
.prototype-section .prototype-item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.prototype-section .prototype-item-wrapper .pt-item {
  width: 48.5%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.625rem;
  border-radius: 50px;
  border: solid 1px #247cff;
  margin: 0.625rem 0;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 599px) {
  .prototype-section .prototype-item-wrapper .pt-item {
    width: 99%;
  }
}
.prototype-section .prototype-item-wrapper .pt-item:before {
  content: "";
  width: 18px;
  height: 1px;
  background: #ffffff;
  position: absolute;
  top: -1px;
  left: 36px;
}
.prototype-section .prototype-item-wrapper .pt-item:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 30px;
  background: #247cff;
  position: absolute;
  top: -4px;
  left: 36px;
}
.prototype-section .prototype-item-wrapper .pt-item .pt-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55px;
          flex: 0 0 55px;
  width: 55px;
  height: 55px;
  background: #ecf4fd;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.625rem;
}
@media (max-width: 767px) {
  .prototype-section .prototype-item-wrapper .pt-item .pt-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45px;
            flex: 0 0 45px;
    width: 45px;
    height: 45px;
  }
}
.prototype-section .prototype-item-wrapper .pt-item .pt-icon svg {
  width: 40px;
  fill: url(#MyGradient);
}
@media (max-width: 767px) {
  .prototype-section .prototype-item-wrapper .pt-item .pt-icon svg {
    width: 30px;
  }
}
.prototype-section .prototype-item-wrapper .pt-item h3 {
  font-size: 1rem;
  color: #101010;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 0;
  width: calc(100% - 55px);
}
@media (max-width: 599px) {
  .prototype-section .prototype-item-wrapper .pt-item h3 {
    font-size: 0.875rem;
  }
}
.prototype-section .prototype-item-wrapper .pt-item:hover {
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
}
.prototype-section .prototype-item-wrapper .pt-item:hover .pt-icon svg {
  fill: none;
  stroke: #024ec0;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
@media (max-width: 767px) {
  .prototype-section .proto-graphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 48%;
  }
  .prototype-section .content-area h2, .prototype-section .content-area p {
    padding-left: 50%;
  }
}
@media (max-width: 599px) {
  .prototype-section .proto-graphic {
    position: static;
    width: 100%;
    margin-bottom: 0.9375rem;
  }
  .prototype-section .content-area h2, .prototype-section .content-area p {
    padding-left: 0;
  }
}

.pt-points-wrapper .pt-points .section-heading {
  margin-bottom: 1.875rem;
}
.pt-points-wrapper .pt-points ul li {
  font-size: 20px;
  line-height: 1.625rem;
  color: #484848;
  margin-bottom: 0.9375rem;
}
@media (max-width: 991px) {
  .pt-points-wrapper .pt-points ul li {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .pt-points-wrapper .pt-points ul li {
    font-size: 14px;
  }
}
.pt-points-wrapper .pt-points ul li::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #ecf4fd;
  position: absolute;
  top: 3px;
  left: 0;
}
.pt-points-wrapper .pt-points ul li::after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #247cff;
  border-bottom: solid 2px #247cff;
  position: absolute;
  top: 3px;
  left: 0;
  top: 7px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.pt-points-wrapper .pt-points ul.pl-space li {
  padding-left: 25px;
}
.pt-points-wrapper .pt-graphic {
  text-align: right;
}
@media (max-width: 767px) {
  .pt-points-wrapper .pt-graphic {
    text-align: center;
  }
}
.pt-points-wrapper .pt-graphic img {
  -webkit-filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.2));
  max-width: 100%;
}

h3.title3 {
  font-size: 1.5rem !important;
  margin-bottom: 0px !important;
}
@media (max-width: 1199px) {
  h3.title3 {
    font-size: 1.3rem;
  }
}

#video-container {
  position: relative;
  max-width: 470px;
  height: 334px;
  margin: auto;
  border: 1px solid #000;
  -webkit-box-shadow: 0.25em 0.25em 0.25em rgba(0, 0, 0, 0.3);
          box-shadow: 0.25em 0.25em 0.25em rgba(0, 0, 0, 0.3);
}
@media (max-width: 991px) {
  #video-container {
    width: 100%;
    margin-bottom: 25px;
  }
}
#video-container video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
#video-container img {
  position: absolute;
  top: 50%;
  left: 0;
  height: auto;
  cursor: pointer;
  width: 70px;
  margin: auto;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#video-container .hide {
  display: none;
}

.rate-box .development-service-item {
  padding: 0px;
  padding-top: 10px;
}
.rate-box .dsi-title {
  margin: 15px 0;
  min-height: 38px;
  padding: 0 15px;
}
@media (max-width: 767px) {
  .rate-box .dsi-title {
    min-height: auto;
  }
}
.rate-box .blue-box {
  background: #024ec0;
  color: #ffffff;
  padding: 0.9375rem;
  border-radius: 0 0 10px 10px;
}
@media (max-width: 599px) {
  .rate-box .blue-box {
    padding: 5px;
  }
}
.rate-box .blue-box ul {
  margin-bottom: 0px;
}
.rate-box .blue-box ul li {
  padding: 0px;
}
.rate-box .blue-box ul li::before {
  display: none;
}
.rate-box .blue-box ul li:last-child {
  margin-bottom: 0px;
}

.about-company .static-item {
  margin-top: 0px !important;
}

.img-section .hire-content .heading {
  font-size: 2rem;
}
@media (max-width: 991px) {
  .img-section .hire-content .heading {
    font-size: 1.5rem;
  }
}
.img-section .hire-content ul li {
  width: 100%;
}

.step-section {
  counter-reset: list1;
}
.step-section .container {
  position: relative;
  z-index: 1;
  max-width: 1000px;
}
.step-section .count-step {
  position: relative;
}
.step-section .count-step .icon-area {
  text-align: center;
}
.step-section .count-step .icon-area svg {
  height: 119px;
  margin-top: -10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  stroke-width: 1.3;
  stroke: #acb8c2;
  fill: none;
}
@media (max-width: 767px) {
  .step-section .count-step .icon-area svg {
    height: 75px;
  }
}
.step-section .count-step h3 {
  font-size: 1.5rem;
  font-weight: 700;
}
@media (max-width: 599px) {
  .step-section .count-step h3 {
    font-size: 0.9375rem;
  }
}
.step-section .count-step .col-md-8,
.step-section .count-step .col-md-9 {
  padding-bottom: 100px;
  padding-left: 100px;
}
@media (max-width: 991px) {
  .step-section .count-step .col-md-8,
  .step-section .count-step .col-md-9 {
    padding-bottom: 50px;
    padding-right: 40px;
    padding-left: 80px;
  }
}
@media (max-width: 767px) {
  .step-section .count-step .col-md-8,
  .step-section .count-step .col-md-9 {
    padding-bottom: 30px;
    padding-left: 58px;
  }
}
.step-section .count-step .col-md-8 .line,
.step-section .count-step .col-md-9 .line {
  position: absolute;
  height: 100%;
  left: 20px;
  width: 2px;
  background: #ddd;
  z-index: -1;
  top: 0;
}
@media (max-width: 599px) {
  .step-section .count-step .col-md-8 .line,
  .step-section .count-step .col-md-9 .line {
    display: none;
  }
}
.step-section .count-step .col-md-8 .line::after,
.step-section .count-step .col-md-9 .line::after {
  content: "";
  height: 0%;
  left: 0;
  width: 2px;
  background: #024ec0;
  position: absolute;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.step-section .count-step .col-md-8::before,
.step-section .count-step .col-md-9::before {
  height: 40px;
  width: 40px;
  background: #024ec0;
  position: absolute;
  left: 0px;
  border-radius: 50%;
  counter-increment: list1;
  content: counter(list1) "";
  color: white;
  text-align: center;
  line-height: 40px;
  -webkit-animation: pulse-animation 2s infinite;
          animation: pulse-animation 2s infinite;
}
@media (max-width: 767px) {
  .step-section .count-step .col-md-8::before,
  .step-section .count-step .col-md-9::before {
    height: 28px;
    width: 28px;
    line-height: 28px;
    left: 15px;
  }
}
.step-section .count-step .col-md-8.noAfter::after,
.step-section .count-step .col-md-9.noAfter::after {
  display: none;
}
.step-section .count-step .col-md-8:hover::after,
.step-section .count-step .col-md-9:hover::after {
  background: #024ec0;
}
.step-section .count-step:hover .line::after {
  height: 100%;
}
.step-section .count-step .pulse {
  -webkit-animation: pulse-animation 2s infinite;
          animation: pulse-animation 2s infinite;
}
@-webkit-keyframes pulse-animation {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}
@keyframes pulse-animation {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

.techno .hiw-tabs {
  background: rgba(221, 221, 221, 0.3);
  border-radius: 15px;
  padding-top: 0.9375rem;
}
@media (max-width: 991px) {
  .techno .hiw-tabs {
    background: none;
  }
}
.techno .nav-pills .nav-item {
  font-size: 1rem !important;
}
@media (max-width: 1199px) {
  .techno .nav-pills .nav-item {
    font-size: 0.875rem;
    line-height: 19px;
  }
}
@media (max-width: 991px) {
  .techno .nav-pills .nav-item {
    width: 68%;
    margin: auto;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 767px) {
  .techno .nav-pills .nav-item {
    width: 60%;
    line-height: 21px;
    text-align: center;
  }
}
.techno .nav-pills .owl-stage-outer .owl-item.active a {
  color: #024ec0;
}
@media (max-width: 991px) {
  .techno .nav-pills .owl-stage-outer .owl-item .nav-item {
    font-size: 1.3rem !important;
    font-weight: 600;
    margin: 0 auto;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .techno .nav-pills .owl-stage-outer .owl-item .nav-item {
    height: auto;
    line-height: 20px;
    font-size: 0.9rem !important;
    padding-top: 12px;
  }
}
.techno .nav-pills .owl-stage-outer .owl-item .nav-item.active {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.techno .nav-pills .owl-stage-outer .owl-item .nav-item span {
  display: none;
}
.techno .owl-nav button.owl-next {
  right: 0px !important;
}
@media (max-width: 599px) {
  .techno .owl-nav button.owl-next {
    right: 0 !important;
  }
}
.techno .owl-nav button.owl-prev {
  left: 0px !important;
}
@media (max-width: 599px) {
  .techno .owl-nav button.owl-prev {
    left: 0 !important;
  }
}
.techno .method-tab-content {
  padding-right: 0rem !important;
}
@media (max-width: 1100px) {
  .techno .method-tab-content {
    padding-right: 1rem;
  }
}
.techno .method-tab-content + .method-tab-content h3,
.techno .method-tab-content .col-12 + .col-12 h3 {
  color: #707070;
  font-size: 20px;
  margin-bottom: 10px;
}
.techno .method-tab-content .col-sm-3,
.techno .method-tab-content .col-sm-4 {
  margin-bottom: 1.875rem;
}
@media (max-width: 991px) {
  .techno .method-tab-content .col-sm-3,
  .techno .method-tab-content .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
            flex: 0 0 33%;
    max-width: 33%;
  }
}
@media (max-width: 599px) {
  .techno .method-tab-content .col-sm-3,
  .techno .method-tab-content .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49.99%;
            flex: 0 0 49.99%;
    max-width: 49.99%;
  }
}
.techno .method-tab-content .col-sm-3 .tech-item,
.techno .method-tab-content .col-sm-4 .tech-item {
  height: 100%;
  text-align: center;
  background: #ffffff;
  padding: 1rem;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.techno .method-tab-content .col-sm-3 .tech-item h5,
.techno .method-tab-content .col-sm-4 .tech-item h5 {
  font-size: 1rem;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .techno .method-tab-content .col-sm-3 .tech-item h5,
  .techno .method-tab-content .col-sm-4 .tech-item h5 {
    font-size: 13px;
    word-break: break-word;
  }
}
.techno .method-tab-content .col-sm-3 .tech-item .lt-icon,
.techno .method-tab-content .col-sm-4 .tech-item .lt-icon {
  margin-bottom: 10px;
}
.techno .method-tab-content .col-sm-3 .tech-item .lt-icon svg,
.techno .method-tab-content .col-sm-4 .tech-item .lt-icon svg {
  width: 50px;
  fill: url(#MyGradient);
  height: 50px;
}
@media (max-width: 991px) {
  .techno .method-tab-content .htitle {
    display: none;
  }
}
.techno .method-tabs {
  padding-left: 0rem !important;
}
.techno .method-tabs .owl-stage-outer {
  background: #fff;
  border-radius: 50px;
  margin-bottom: 50px;
  -webkit-box-shadow: 0 0 20px rgba(140, 152, 164, 0.2);
          box-shadow: 0 0 20px rgba(140, 152, 164, 0.2);
}
@media (max-width: 991px) {
  .techno .method-tabs .owl-stage-outer {
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media (max-width: 599px) {
  .techno .method-tabs .owl-stage-outer {
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    margin-bottom: 30px;
  }
}
.techno .method-tabs .owl-stage-outer .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
}

.bucket-section h2 {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.7px;
  color: #000000;
}
@media (max-width: 991px) {
  .bucket-section h2 {
    font-size: 1.65rem;
  }
}
.bucket-section .price-section {
  background: #024ec0;
  border-radius: 15px;
  margin-bottom: 25px;
}
.bucket-section .price-section h2 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.7px;
  color: #ffffff;
  margin: 40px auto;
}
@media (max-width: 991px) {
  .bucket-section .price-section h2 {
    font-size: 1.65rem;
  }
}
.bucket-section .price-section .price-box {
  position: relative;
  margin-bottom: 30px;
}
.bucket-section .price-section .price-box label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bucket-section .price-section .price-box input {
  height: 90%;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 9;
  right: 0;
  left: 0;
  top: 0;
  cursor: pointer;
}
.bucket-section .price-section .price-box input:checked + label::before {
  color: #ffffff;
  content: "¬";
  display: inline-block;
  font-size: 19px;
  height: 28px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: -11px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  width: 28px;
  right: -9px;
  background: #007bff;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  -o-border-image: initial;
     border-image: initial;
  border-radius: 100%;
}
.bucket-section .price-section .price-box input:checked + label .img-section .hands {
  -webkit-animation-play-state: inherit;
          animation-play-state: inherit;
}
.bucket-section .price-section .price-box p {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
}
.bucket-section .price-section .price-box p + p {
  margin-bottom: 0px;
}
.bucket-section .price-section .price-box .img-section {
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
}
.bucket-section .price-section .price-box .img-section svg {
  height: 52px;
  fill: #fff;
  opacity: 0.3;
}
@media (max-width: 1199px) {
  .bucket-section .price-section .price-box .img-section svg {
    height: 50px;
  }
}
.bucket-section .price-section .price-box .img-section svg .hands {
  stroke: #fff;
  stroke-width: 8.5%;
  stroke-linecap: round;
  -webkit-animation-name: tick-tock;
          animation-name: tick-tock;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.bucket-section .price-section .price-box .img-section svg #hour-hand {
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
}
.bucket-section .price-section .price-box .img-section svg #minute-hand {
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
@-webkit-keyframes tick-tock {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes tick-tock {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.bucket-section .price-section .btn-primary {
  width: 55%;
  margin-bottom: -25px;
  padding: 18px;
  margin-top: 25px;
}
.bucket-section .price-section .btn-primary:hover {
  background: #ffffff;
  color: #024ec0;
}

.btn-primary.hWhite:hover {
  background: #ffffff;
  color: #024ec0;
}

.requirements-setion svg {
  stroke-dasharray: 558;
  stroke-dashoffset: 0;
}
.requirements-setion:hover svg {
  -webkit-animation: requirements 2.5s linear;
          animation: requirements 2.5s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes requirements {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 558;
  }
  80% {
    stroke-dashoffset: 1116;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dasharray: 1116;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes requirements {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 558;
  }
  80% {
    stroke-dashoffset: 1116;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dasharray: 1116;
    stroke: #012f74;
    fill: #024ec0;
  }
}

.select-team-mamber svg {
  stroke-dasharray: 318;
  stroke-dashoffset: 0;
}
.select-team-mamber:hover svg {
  -webkit-animation: teammamber 3s linear;
          animation: teammamber 3s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes teammamber {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 318;
  }
  80% {
    stroke-dashoffset: 636;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dasharray: 636;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes teammamber {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 318;
  }
  80% {
    stroke-dashoffset: 636;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dasharray: 636;
    stroke: #012f74;
    fill: #024ec0;
  }
}

.talent-interview svg {
  stroke-dasharray: 200;
  stroke-dashoffset: 0;
}
.talent-interview:hover svg {
  -webkit-animation: talentinterview 2s linear;
          animation: talentinterview 2s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes talentinterview {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 200;
  }
  80% {
    stroke-dashoffset: 400;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dasharray: 400;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes talentinterview {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 200;
  }
  80% {
    stroke-dashoffset: 400;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dasharray: 400;
    stroke: #012f74;
    fill: #024ec0;
  }
}

.Pay-through svg {
  stroke-dasharray: 352;
  stroke-dashoffset: 0;
}
.Pay-through:hover svg {
  -webkit-animation: paythrough 3s linear;
          animation: paythrough 3s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes paythrough {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 352;
  }
  80% {
    stroke-dashoffset: 704;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dasharray: 704;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes paythrough {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 352;
  }
  80% {
    stroke-dashoffset: 704;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dasharray: 704;
    stroke: #012f74;
    fill: #024ec0;
  }
}

.start-working svg {
  stroke-dasharray: 390;
  stroke-dashoffset: 0;
}
.start-working:hover svg {
  -webkit-animation: startworking 3s linear;
          animation: startworking 3s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes startworking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 390;
  }
  80% {
    stroke-dashoffset: 780;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dasharray: 780;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes startworking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 390;
  }
  80% {
    stroke-dashoffset: 780;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dasharray: 780;
    stroke: #012f74;
    fill: #024ec0;
  }
}

.img450 {
  max-width: 450px !important;
}
@media (max-width: 767px) {
  .img450 {
    margin-top: 30px;
  }
}

.project-cost .section-heading .section-title {
  max-width: 100%;
}
@media (max-width: 767px) {
  .project-cost .section-heading .section-title {
    padding-bottom: 20px;
  }
}

.expert-table-content {
  background: #F6F8F8;
  padding: 20px;
  padding-top: 0;
  border-radius: 10px;
}
.expert-table-content select {
  -webkit-appearance: auto !important;
}
.expert-table-content table thead tr th {
  border: none;
}

.outsource-qa-testing-form {
  position: relative;
  z-index: 1;
}
.outsource-qa-testing-form::after {
  content: "";
  position: absolute;
  right: 15px;
  top: -30px;
  width: 90%;
  height: 95%;
  background: #F6F8F8;
  z-index: -1;
}
.outsource-qa-testing-form .oqa-item {
  padding: 20px;
  height: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  background: #ffffff;
}
.outsource-qa-testing-form .oqa-item h3 {
  margin-bottom: 20px;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .outsource-qa-testing-form .oqa-item h3 {
    font-size: 1.5rem;
  }
}
@media (max-width: 991px) {
  .outsource-qa-testing-form .oqa-item h3 {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .outsource-qa-testing-form .oqa-item h3 {
    font-size: 1.125rem;
  }
}
.outsource-qa-testing-form .oqa-item .oqa-list ul li {
  font-size: 1rem;
}
.outsource-qa-testing-form .oqa-item .oqa-icon img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .outsource-qa-testing-form .oqa-item .oqa-icon img {
    width: 70%;
    display: block;
    margin: 0 auto;
  }
}
.outsource-qa-testing-form .oqa-content {
  /*background: #F6F8F8;*/
}
.outsource-qa-testing-form .oqa-content .contact-form {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}

.appcost:not(.cost-to-develop-software) .answerTextarea {
  height: 45px !important;
  /*border: 1px solid #618DF4;*/
}
.appcost.cost-to-develop-software textarea.answerTextarea {
  height: 45px;
  /*border: 1px solid #618DF4;*/
}

/*input[type=checkbox]:checked + textarea, input[type=radio]:checked + textarea {
    filter: invert(43%) sepia(51%) saturate(2738%) hue-rotate(560deg) brightness(97%) contrast(97%);
}*/
.about-company .about-animation {
  padding-right: 1.25rem;
}
.about-company .about-animation img {
  max-width: 100%;
}
@media (max-width: 991px) {
  .about-company .about-animation {
    padding-right: 0rem;
    max-width: 600px;
    margin: 0 auto 1.5625rem;
  }
}
.about-company .static-item {
  margin: 1.875rem -0.9375rem 0;
  padding: 0 1.25rem;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1199px) {
  .about-company .static-item {
    padding: 0 0.5rem;
  }
}
@media (max-width: 991px) {
  .about-company .static-item {
    margin: 0 -0.9375rem 0;
  }
}
@media (max-width: 767px) {
  .about-company .static-item {
    border-right: 0px solid rgba(0, 0, 0, 0.1);
    margin-top: 0px;
  }
}
.about-company .static-item .count-wrap {
  font-size: 3rem;
  line-height: 58px;
  font-weight: 800;
  color: #101010;
  margin-bottom: 0;
}
@media (max-width: 999px) {
  .about-company .static-item .count-wrap {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .about-company .static-item .count-wrap {
    font-size: 1.2rem;
    width: 95%;
  }
}
.about-company .static-item .count-wrap .counter {
  background: -webkit-linear-gradient(120deg, #247cff 48%, #024ec0 62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 999px) {
  .about-company .static-item .count-wrap .counter {
    line-height: 26px;
  }
}
.about-company .static-item .title {
  font-size: 1.125rem;
  line-height: 28px;
  color: #101010;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .about-company .static-item .title {
    line-height: 20px;
  }
}
@media (max-width: 991px) {
  .about-company .static-item .title {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .about-company .static-item .title {
    line-height: 13px;
    font-size: 0.9rem;
    margin-bottom: 20px;
  }
}
.about-company .col-sm-3 {
  -ms-flex: 0 0 20%;
  -webkit-box-flex: 0;
          flex: 0 0 20%;
  max-width: 20%;
}
@media (max-width: 767px) {
  .about-company .col-sm-3 {
    -ms-flex: 0 0 33%;
    -webkit-box-flex: 0;
            flex: 0 0 49%;
    max-width: 49%;
    padding: 0 5px;
  }
}
.about-company .col-sm-3:last-child .static-item {
  border-right: none;
}
@media (max-width: 767px) {
  .about-company .mobile-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: -5px;
    margin-left: -5px;
  }
}

@media (max-width: 767px) {
  .our-values .mission {
    text-align: center;
  }
}
.our-values .mission h3 {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}
@media (max-width: 1199px) {
  .our-values .mission h3 {
    font-size: 1.375rem;
  }
}
@media (max-width: 991px) {
  .our-values .mission h3 {
    font-size: 1.25rem;
  }
}
.our-values .mission p {
  font-size: 1.125rem;
  margin-bottom: 1.875rem;
}
@media (max-width: 1199px) {
  .our-values .mission p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .our-values .mission p {
    font-size: 14px;
  }
}
.our-values .values {
  text-align: center;
  margin-top: 1.875rem;
  position: relative;
}
@media (max-width: 599px) {
  .our-values .values {
    margin-top: 0;
  }
}
.our-values .values img {
  max-width: 160px;
  margin-bottom: 0.9375rem;
}
@media (max-width: 999px) {
  .our-values .values img {
    max-width: 106px;
  }
}
@media (max-width: 767px) {
  .our-values .values img {
    display: none;
  }
}
.our-values .values h3 {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}
@media (max-width: 1199px) {
  .our-values .values h3 {
    font-size: 1.375rem;
  }
}
@media (max-width: 991px) {
  .our-values .values h3 {
    font-size: 1.25rem;
  }
}
.our-values .values .values-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.9375rem;
}
@media (max-width: 767px) {
  .our-values .values .values-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.our-values .values .values-wrapper .values-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
  max-width: 220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  height: 142px;
}
@media (max-width: 767px) {
  .our-values .values .values-wrapper .values-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
    height: auto;
    margin: 0 0.5625rem 1.5625rem;
  }
}
@media (max-width: 767px) {
  .our-values .values .values-wrapper .values-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    height: auto;
    margin: 0 0 1.25rem;
  }
}
.our-values .values .values-wrapper .values-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70px;
  height: 70px;
  background: #bdd8ff;
  font-size: 2rem;
  font-weight: 800;
  color: #024ec0;
  border-radius: 80px 140px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 0.625rem;
}
@media (max-width: 767px) {
  .our-values .values .values-wrapper .values-item span {
    width: 55px;
    height: 55px;
    font-size: 1.25rem;
  }
}
.our-values .values .values-wrapper .values-item p {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .our-values .values .values-wrapper .values-item p {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
  }
}
.our-values .values .values-wrapper .values-item.val-1 {
  -webkit-transform: translate(150px, -200px);
          transform: translate(150px, -200px);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 1199px) {
  .our-values .values .values-wrapper .values-item.val-1 {
    -webkit-transform: translate(70px, -220px);
            transform: translate(70px, -220px);
  }
}
@media (max-width: 991px) {
  .our-values .values .values-wrapper .values-item.val-1 {
    -webkit-transform: translate(-55px, -220px);
            transform: translate(-55px, -220px);
  }
}
@media (max-width: 767px) {
  .our-values .values .values-wrapper .values-item.val-1 {
    -webkit-transform: none;
            transform: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.our-values .values .values-wrapper .values-item.val-1 span {
  background: #bdd8ff;
}
.our-values .values .values-wrapper .values-item.val-2 {
  -webkit-transform: translate(10px, -30px);
          transform: translate(10px, -30px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 118px;
}
@media (max-width: 1199px) {
  .our-values .values .values-wrapper .values-item.val-2 {
    -webkit-transform: translate(-120px, -30px);
            transform: translate(-120px, -30px);
  }
}
@media (max-width: 991px) {
  .our-values .values .values-wrapper .values-item.val-2 {
    -webkit-transform: translate(-224px, -30px);
            transform: translate(-224px, -30px);
  }
}
@media (max-width: 767px) {
  .our-values .values .values-wrapper .values-item.val-2 {
    -webkit-transform: none;
            transform: none;
  }
}
.our-values .values .values-wrapper .values-item.val-2 span {
  background: #90bcfe;
}
.our-values .values .values-wrapper .values-item.val-3 {
  -webkit-transform: translate(-40px, 30px);
          transform: translate(-40px, 30px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 118px;
}
@media (max-width: 1199px) {
  .our-values .values .values-wrapper .values-item.val-3 {
    -webkit-transform: translate(-160px, 30px);
            transform: translate(-160px, 30px);
  }
}
@media (max-width: 991px) {
  .our-values .values .values-wrapper .values-item.val-3 {
    -webkit-transform: translate(-262px, 30px);
            transform: translate(-262px, 30px);
  }
}
@media (max-width: 767px) {
  .our-values .values .values-wrapper .values-item.val-3 {
    -webkit-transform: none;
            transform: none;
  }
}
.our-values .values .values-wrapper .values-item.val-3 span {
  background: #bdd8ff;
}
.our-values .values .values-wrapper .values-item.val-4 {
  -webkit-transform: translate(-60px, -25px);
          transform: translate(-60px, -25px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1199px) {
  .our-values .values .values-wrapper .values-item.val-4 {
    -webkit-transform: translate(-180px, -25px);
            transform: translate(-180px, -25px);
  }
}
@media (max-width: 991px) {
  .our-values .values .values-wrapper .values-item.val-4 {
    -webkit-transform: translate(-286px, -29px);
            transform: translate(-286px, -29px);
  }
}
@media (max-width: 767px) {
  .our-values .values .values-wrapper .values-item.val-4 {
    -webkit-transform: none;
            transform: none;
  }
}
.our-values .values .values-wrapper .values-item.val-4 span {
  background: #90bcfe;
}
.our-values .values .values-wrapper .values-item.val-5 {
  -webkit-transform: translate(-250px, -200px);
          transform: translate(-250px, -200px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 1199px) {
  .our-values .values .values-wrapper .values-item.val-5 {
    -webkit-transform: translate(-354px, -200px);
            transform: translate(-354px, -200px);
  }
}
@media (max-width: 991px) {
  .our-values .values .values-wrapper .values-item.val-5 {
    -webkit-transform: translate(-463px, -214px);
            transform: translate(-463px, -214px);
  }
}
@media (max-width: 767px) {
  .our-values .values .values-wrapper .values-item.val-5 {
    -webkit-transform: none;
            transform: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.our-values .values .values-wrapper .values-item.val-5 span {
  background: #bdd8ff;
}

.our-team img {
  border-radius: 30px;
  max-width: 100%;
  margin-bottom: 3rem;
  width: 100%;
}

.about-details .about-global {
  margin-bottom: 2rem;
}
.about-details .about-global h3 {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}
.about-details .about-global p {
  font-size: 1.125rem;
  margin-bottom: 0.9375rem;
}
@media (max-width: 1199px) {
  .about-details .about-global h3 {
    font-size: 1.375rem;
  }
  .about-details .about-global p {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .about-details .about-global {
    width: 45.4545454545%;
    display: inline-block;
    margin: 0 0.9375rem 2rem;
    vertical-align: top;
  }
  .about-details .about-global h3 {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .about-details .about-global {
    text-align: center;
    width: 100%;
    margin: 0 0 1.25rem;
  }
  .about-details .about-global p {
    font-size: 0.875rem;
  }
}
.about-details .about-forte h3 {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
  text-align: center;
}
@media (max-width: 1199px) {
  .about-details .about-forte h3 {
    font-size: 1.375rem;
  }
}
@media (max-width: 991px) {
  .about-details .about-forte h3 {
    font-size: 1.25rem;
  }
}
.about-details .about-forte ul {
  position: relative;
  margin-bottom: 0;
}
.about-details .about-forte ul:before {
  content: "";
  width: 1px;
  position: absolute;
  top: 8px;
  left: 50%;
  bottom: 73px;
  background: rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
  .about-details .about-forte ul:before {
    bottom: 40px;
  }
}
@media (max-width: 767px) {
  .about-details .about-forte ul:before {
    font-size: 14px;
    display: none;
  }
}
.about-details .about-forte ul li {
  padding: 0 0 1.25rem;
  position: relative;
  font-size: 1.125rem;
  font-weight: 700;
  color: #024ec0;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .about-details .about-forte ul li {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .about-details .about-forte ul li {
    line-height: 19px;
    text-align: center !important;
  }
  .about-details .about-forte ul li br {
    display: none;
  }
}
.about-details .about-forte ul li:before {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background: linear-gradient(45deg, #ffffff 0%, #eaeaea 100%);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 767px) {
  .about-details .about-forte ul li:before {
    display: none !important;
  }
}
.about-details .about-forte ul li:after {
  content: "";
  width: 40%;
  height: 80%;
  position: absolute;
  bottom: 0;
  border-bottom: solid 1px #000000;
  z-index: -1;
}
.about-details .about-forte ul li:nth-child(odd) {
  color: #000000;
  padding-left: 60%;
}
@media (max-width: 991px) {
  .about-details .about-forte ul li:nth-child(odd) {
    padding-left: 58%;
  }
}
@media (max-width: 767px) {
  .about-details .about-forte ul li:nth-child(odd) {
    padding-left: 0%;
    font-size: 1rem;
    font-weight: 400;
  }
}
.about-details .about-forte ul li:nth-child(odd):after {
  border-left: solid 1px #000000;
  right: 43px;
  -webkit-transform: skew(40deg, 0deg);
          transform: skew(40deg, 0deg);
}
@media (max-width: 1199px) {
  .about-details .about-forte ul li:nth-child(odd):after {
    right: 40px;
  }
}
@media (max-width: 991px) {
  .about-details .about-forte ul li:nth-child(odd):after {
    top: 17px;
    right: 56px;
  }
}
@media (max-width: 767px) {
  .about-details .about-forte ul li:nth-child(odd):after {
    -webkit-transform: skew(25deg, 0deg);
            transform: skew(25deg, 0deg);
    right: 40px;
    display: none;
  }
}
@media (max-width: 599px) {
  .about-details .about-forte ul li:nth-child(odd):after {
    right: 24px;
  }
}
@media (max-width: 991px) {
  .about-details .about-forte ul li:first-child {
    padding-right: 80px;
  }
}
@media (max-width: 767px) {
  .about-details .about-forte ul li:first-child {
    padding-right: 0;
  }
}
.about-details .about-forte ul li:nth-child(3):after {
  right: 28px;
  -webkit-transform: skew(31deg, 0deg);
          transform: skew(31deg, 0deg);
}
@media (max-width: 1199px) {
  .about-details .about-forte ul li:nth-child(3):after {
    right: 39px;
    top: 20px;
  }
}
@media (max-width: 991px) {
  .about-details .about-forte ul li:nth-child(3):after {
    right: 57px;
    top: 17px;
  }
}
@media (max-width: 767px) {
  .about-details .about-forte ul li:nth-child(3):after {
    right: 17px;
  }
}
@media (max-width: 599px) {
  .about-details .about-forte ul li:nth-child(3):after {
    -webkit-transform: skew(20deg, 0deg);
            transform: skew(20deg, 0deg);
  }
}
.about-details .about-forte ul li:nth-child(even) {
  color: #024ec0;
  padding-right: 60%;
  text-align: right;
}
@media (max-width: 1199px) {
  .about-details .about-forte ul li:nth-child(even) {
    padding-right: 60%;
  }
}
@media (max-width: 767px) {
  .about-details .about-forte ul li:nth-child(even) {
    padding-right: 0%;
    font-size: 1rem;
    font-weight: 400;
  }
}
.about-details .about-forte ul li:nth-child(even):after {
  border-right: solid 1px #024ec0;
  border-bottom-color: #024ec0;
  left: 31px;
  -webkit-transform: skew(-40deg, 0deg);
          transform: skew(-40deg, 0deg);
}
@media (max-width: 1199px) {
  .about-details .about-forte ul li:nth-child(even):after {
    left: 33px;
  }
}
@media (max-width: 991px) {
  .about-details .about-forte ul li:nth-child(even):after {
    left: 58px;
  }
}
@media (max-width: 767px) {
  .about-details .about-forte ul li:nth-child(even):after {
    left: 17px;
    -webkit-transform: skew(-29deg, 0deg);
            transform: skew(-29deg, 0deg);
    display: none;
  }
}
.about-details .about-forte ul li:nth-child(2):after {
  left: 108px;
  width: 29%;
}
@media (max-width: 1199px) {
  .about-details .about-forte ul li:nth-child(2):after {
    left: 98px;
    width: 29.8%;
  }
}
@media (max-width: 991px) {
  .about-details .about-forte ul li:nth-child(2):after {
    left: 128px;
    width: 30.8%;
  }
}
@media (max-width: 767px) {
  .about-details .about-forte ul li:nth-child(2):after {
    left: 76px;
    width: 32%;
    display: none;
  }
}
@media (max-width: 599px) {
  .about-details .about-forte ul li:nth-child(2):after {
    left: 48px;
    width: 30%;
  }
}

.idea-wrapper {
  padding: 3rem 0;
}
@media (max-width: 767px) {
  .idea-wrapper {
    padding: 2rem 0;
  }
}
.idea-wrapper .discuss-idea {
  border-radius: 10px;
  padding: 1.875rem;
  background: linear-gradient(45deg, #ffffff 0%, #eaeaea 100%);
  position: relative;
  text-align: center;
}
@media (max-width: 599px) {
  .idea-wrapper .discuss-idea {
    padding: 1.25rem;
  }
}
.idea-wrapper .discuss-idea:before {
  content: "";
  border-radius: 10px;
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  background: linear-gradient(45deg, #eaeaea 0%, #ffffff 100%);
  z-index: -1;
}
.idea-wrapper .discuss-idea h4 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
  color: #024ec0;
}
@media (max-width: 1199px) {
  .idea-wrapper .discuss-idea h4 {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .idea-wrapper .discuss-idea h4 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .idea-wrapper .discuss-idea h4 {
    font-size: 1.375rem;
  }
}
.idea-wrapper .discuss-idea p {
  font-size: 1.125rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 1199px) {
  .idea-wrapper .discuss-idea p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .idea-wrapper .discuss-idea p {
    font-size: 14px;
  }
}
.idea-wrapper.kickstart-idea .discuss-idea {
  background-image: url("../../../../../Content/assets/images/work-environment.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.idea-wrapper.kickstart-idea .discuss-idea::before {
  background: rgba(0, 0, 0, 0.4);
  z-index: 0;
}
.idea-wrapper.kickstart-idea .discuss-idea h4 {
  color: #ffffff;
}
.idea-wrapper.kickstart-idea .discuss-idea p {
  color: #ffffff;
}
.idea-wrapper.kickstart-idea .discuss-idea .btn:hover {
  background: #ffffff;
  color: #247cff;
  border-color: #247cff;
}

@media (max-width: 991px) {
  .delivery-models {
    padding-bottom: 0;
  }
  .delivery-models .col-lg-7 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .delivery-models .col-lg-5 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
  }
}
.delivery-models .card {
  border: none;
  border-radius: 0;
  padding-left: 3rem;
  position: relative;
  background: transparent;
}
.delivery-models .card:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 10px;
  width: 1px;
  height: 100%;
  background: #5d5d5d;
}
.delivery-models .card:last-child:before {
  display: none;
}
@media (max-width: 599px) {
  .delivery-models .card {
    padding-left: 1.625rem;
  }
  .delivery-models .card:before {
    left: -1px;
  }
}
.delivery-models .card .card-header {
  padding: 0;
  background: transparent;
  border: none;
}
.delivery-models .card .card-header h5 {
  position: relative;
  font-size: 1.75rem;
  font-weight: 700;
  color: #024ec0;
  margin-bottom: 0.625rem;
  letter-spacing: 0.5px;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .delivery-models .card .card-header h5 {
    font-size: 1.375rem;
  }
}
@media (max-width: 767px) {
  .delivery-models .card .card-header h5 {
    font-size: 1.25rem;
  }
}
.delivery-models .card .card-header h5:before {
  content: "";
  position: absolute;
  top: 7px;
  left: -48px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: solid 1px transparent;
  background: #024ec0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 767px) {
  .delivery-models .card .card-header h5:before {
    top: 0px;
  }
}
@media (max-width: 599px) {
  .delivery-models .card .card-header h5:before {
    left: -36px;
  }
}
.delivery-models .card .card-header h5.collapsed {
  color: #484848;
  font-weight: 400;
}
.delivery-models .card .card-header h5.collapsed:before {
  border-color: #5d5d5d;
  background: #ffffff;
}
.delivery-models .card .card-header h5:hover {
  color: #000000;
}
.delivery-models .card .card-body {
  padding: 0;
}
.delivery-models .card .card-body .od-content p {
  font-size: 1.125rem;
  color: #101010;
}
@media (max-width: 1199px) {
  .delivery-models .card .card-body .od-content p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .delivery-models .card .card-body .od-content p {
    font-size: 0.875rem;
  }
}
.delivery-models .card .card-body .od-content h5 {
  font-size: 1.375rem;
  font-weight: 700;
  color: #024ec0;
}
@media (max-width: 1199px) {
  .delivery-models .card .card-body .od-content h5 {
    font-size: 1.125rem;
  }
}
.delivery-models .card .card-body .od-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.delivery-models .card .card-body .od-content ul li {
  font-size: 1.125rem;
  color: #101010;
  padding-left: 15px;
  width: 48%;
}
@media (max-width: 1199px) {
  .delivery-models .card .card-body .od-content ul li {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .delivery-models .card .card-body .od-content ul li {
    width: 100%;
    font-size: 0.875rem;
  }
}
.delivery-models .card .card-body .od-content ul li:before {
  background: linear-gradient(45deg, #ffffff 0%, #eaeaea 100%);
  border: solid 1px rgba(0, 0, 0, 0.2);
  left: 0px;
}

.quality-assurance .col-sm-4, .quality-assurance .col-lg-4 {
  margin-bottom: 1.875rem;
}
.quality-assurance .qa-item {
  padding: 1.875rem;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #ffffff;
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .quality-assurance .qa-item {
    padding: 1.25rem;
  }
}
.quality-assurance .qa-item::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: -1;
}
.quality-assurance .qa-item::after {
  content: "";
  width: 95%;
  height: 95%;
  border-radius: 10px;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 1px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: -2;
}
.quality-assurance .qa-item .qa-icon {
  margin-bottom: 0.9375rem;
  width: 135px;
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.quality-assurance .qa-item .qa-icon:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 110px;
  background: linear-gradient(250deg, rgba(36, 124, 255, 0.3) 19%, rgba(2, 78, 192, 0.3) 100%);
  border-radius: 110px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
  z-index: -1;
}
.quality-assurance .qa-item .qa-icon img {
  width: 70px;
  -webkit-transform: translateY(55px);
          transform: translateY(55px);
}
.quality-assurance .qa-item .qa-icon svg path {
  fill: url(#MyGradient);
}
@media (max-width: 1199px) {
  .quality-assurance .qa-item .qa-icon {
    width: 115px;
    height: 110px;
  }
  .quality-assurance .qa-item .qa-icon:before {
    height: 93px;
  }
}
@media (max-width: 767px) {
  .quality-assurance .qa-item .qa-icon {
    width: 80px;
    height: 80px;
  }
  .quality-assurance .qa-item .qa-icon:before {
    height: 100%;
    top: 0;
  }
  .quality-assurance .qa-item .qa-icon img {
    width: 60px;
    -webkit-transform: translateY(47px);
            transform: translateY(47px);
  }
}
.quality-assurance .qa-item .qa-content h4, .quality-assurance .qa-item .qa-content .qa-content-heading {
  font-size: 1.25rem;
  font-weight: 700;
  color: #101010;
}
.quality-assurance .qa-item .qa-content p, .quality-assurance .qa-item .qa-content li {
  color: #151515;
}
@media (max-width: 767px) {
  .quality-assurance .qa-item .qa-content h4 {
    font-size: 1.125rem;
  }
}
.quality-assurance .qa-item:hover:after {
  -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px);
          transform: rotate(2deg) translateX(-5px) translateY(16px);
}
.quality-assurance .qa-item:hover .qa-icon:before {
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
.quality-assurance .qa-item:hover .qa-icon img {
  -webkit-transform: translateY(-55px);
          transform: translateY(-55px);
}
.quality-assurance .qa-item:hover .qa-icon svg path {
  fill: #ffffff;
}
@media (max-width: 767px) {
  .quality-assurance .qa-item:hover .qa-icon img {
    -webkit-transform: translateY(-47px);
            transform: translateY(-47px);
  }
}

.ratingInfo .all-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 300px;
  padding: 1.25rem 1.875rem;
  border-radius: 50px;
  position: relative;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  z-index: 1;
}
.ratingInfo .all-rating:before {
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#eaeaea));
  background: linear-gradient(90deg, #ffffff 0%, #eaeaea 100%);
  border-radius: 50px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.ratingInfo .all-rating:after {
  content: "";
  background: -webkit-gradient(linear, left top, right top, from(#eaeaea), to(#ffffff));
  background: linear-gradient(90deg, #eaeaea 0%, #ffffff 100%);
  border-radius: 50px;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  z-index: -1;
}
.ratingInfo .all-rating .rating-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
.ratingInfo .all-rating .rating-icon svg {
  width: 50px;
  fill: #ffffff;
}
.ratingInfo .all-rating .rating-data {
  text-align: left;
  padding-left: 1rem;
}
.ratingInfo .all-rating .rating-data big {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 32px;
}
@media (max-width: 599px) {
  .ratingInfo .all-rating .rating-data big {
    font-size: 1.5rem;
  }
}
.ratingInfo .all-rating .rating-data small {
  display: block;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 700;
}
.ratingInfo .rating-wrapper {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  position: relative;
}
.ratingInfo .rating-wrapper:before {
  content: "";
  width: 50%;
  height: 2px;
  background: #ced4da;
  position: absolute;
  top: -2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 999px) {
  .ratingInfo .rating-wrapper:before {
    width: 85%;
  }
}
@media (max-width: 599px) {
  .ratingInfo .rating-wrapper:before {
    width: 2px !important;
    height: 95%;
    -webkit-transform: none;
            transform: none;
    left: 10%;
  }
}
.ratingInfo .rating-wrapper .rating-item {
  padding: 1rem 0;
  width: 90px;
  height: 200px;
  border-radius: 80px;
  position: relative;
  margin: 1.875rem 0.9375rem;
  -webkit-box-shadow: 0 -11px 15px rgba(0, 0, 0, 0.08);
          box-shadow: 0 -11px 15px rgba(0, 0, 0, 0.08);
  z-index: 1;
}
@media (max-width: 599px) {
  .ratingInfo .rating-wrapper .rating-item {
    width: 75%;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.625rem;
    margin-left: 22px;
    margin-right: 0;
  }
}
.ratingInfo .rating-wrapper .rating-item:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 80px;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#eaeaea), to(#ffffff));
  background: linear-gradient(0, #eaeaea 0%, #ffffff 100%);
  z-index: -1;
}
.ratingInfo .rating-wrapper .rating-item:after {
  content: "";
  border-radius: 80px;
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#eaeaea));
  background: linear-gradient(0, #ffffff 0%, #eaeaea 100%);
  z-index: -1;
}
.ratingInfo .rating-wrapper .rating-item .rating-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  margin: 0 auto 0.9375rem;
}
@media (max-width: 599px) {
  .ratingInfo .rating-wrapper .rating-item .rating-icon {
    margin: 0 15px;
  }
}
.ratingInfo .rating-wrapper .rating-item .rating-icon:before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 5px;
  position: absolute;
  background: #ffffff;
  top: -5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: -1;
}
@media (max-width: 599px) {
  .ratingInfo .rating-wrapper .rating-item .rating-icon:before {
    left: -8px;
    top: 37px;
  }
}
.ratingInfo .rating-wrapper .rating-item .rating-icon:after {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 18px;
  position: absolute;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  top: -40px;
  z-index: -1;
}
@media (max-width: 599px) {
  .ratingInfo .rating-wrapper .rating-item .rating-icon:after {
    top: 39px;
    left: -26px;
  }
}
.ratingInfo .rating-wrapper .rating-item .rating-icon svg {
  width: 50px;
  max-height: 50px;
  fill: #ffffff;
}
@media (max-width: 1199px) {
  .ratingInfo .rating-wrapper .rating-item .rating-icon svg {
    width: 40px;
    max-height: 40px;
  }
}
.ratingInfo .rating-wrapper .rating-item .rating-data {
  text-align: center;
}
@media (max-width: 599px) {
  .ratingInfo .rating-wrapper .rating-item .rating-data {
    text-align: left;
  }
}
.ratingInfo .rating-wrapper .rating-item .rating-data:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  background: #ffffff;
  top: -35px;
  z-index: -1;
  left: 41px;
}
@media (max-width: 599px) {
  .ratingInfo .rating-wrapper .rating-item .rating-data:before {
    left: -21px;
    top: 44px;
  }
}
.ratingInfo .rating-wrapper .rating-item .rating-data big {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
  color: #484848;
}
.ratingInfo .rating-wrapper .rating-item .rating-data small {
  display: block;
  font-size: 1rem;
  color: #484848;
  line-height: 16px;
}

.all-testimonials .testimonial-item {
  border-radius: 10px;
  position: relative;
  width: 100%;
  padding: 1.875rem;
  z-index: 1;
  height: 90%;
  border: solid 1px #efefef;
}
.all-testimonials .testimonial-item:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-box-shadow: 0 10px 50px rgba(36, 124, 255, 0.1);
          box-shadow: 0 10px 50px rgba(36, 124, 255, 0.1);
}
.all-testimonials .testimonial-item:after {
  content: "";
  width: 95%;
  height: 95%;
  border-radius: 12px;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 1px;
  z-index: -2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.all-testimonials .testimonial-item .author-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.9375rem;
}
.all-testimonials .testimonial-item .author-pic figure {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 1.25rem;
  margin-bottom: 0;
}
.all-testimonials .testimonial-item .author-pic figure img {
  width: 100%;
}
.all-testimonials .testimonial-item .author-pic .author {
  font-size: 1.125rem;
  font-weight: 700;
  color: #101010;
}
.all-testimonials .testimonial-item .author-pic .author .author-title {
  display: block;
  font-size: 0.875rem;
  color: #484848;
}
.all-testimonials .testimonial-item .testimonial-text {
  font-size: 1.0625rem;
  color: #484848;
  line-height: 28px;
}
.all-testimonials .testimonial-item:hover:after {
  -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px);
          transform: rotate(2deg) translateX(-5px) translateY(16px);
}
@media (max-width: 767px) {
  .all-testimonials .testimonial-item {
    padding: 1.25rem;
  }
  .all-testimonials .testimonial-item .author-pic figure {
    width: 60px;
    height: 60px;
  }
  .all-testimonials .testimonial-item .author-pic .author {
    font-size: 1rem;
  }
  .all-testimonials .testimonial-item .testimonial-text {
    font-size: 0.875rem;
    line-height: 22px;
  }
}

.all-testimonials .youtube-video {
  width: 100%;
  height: 251px;
  border: none;
  border-radius: 7px;
}

.eng-model-content .eng-heading {
  text-align: center;
  margin-bottom: 1.875rem;
}
.eng-model-content .eng-heading h2 {
  font-size: 2.25rem;
  font-weight: 700;
  color: #000000;
}
@media (max-width: 991px) {
  .eng-model-content .eng-heading h2 {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .eng-model-content .eng-heading h2 {
    font-size: 1.5rem;
  }
}
.eng-model-content .eng-heading p {
  font-size: 1.375rem;
  color: #484848;
}
@media (max-width: 1199px) {
  .eng-model-content .eng-heading p {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) {
  .eng-model-content .eng-heading p {
    font-size: 1rem;
  }
}

@media (max-width: 1199px) {
  .engagement-model {
    padding-top: 0;
  }
}
.engagement-model .card {
  border: none;
  border-radius: 0;
  padding-left: 0;
  position: relative;
  background: transparent;
  padding-bottom: 50px;
}
.engagement-model .card:before {
  content: "";
  position: absolute;
  top: 8px;
  left: calc(50% - 50px);
  width: 1px;
  height: 100%;
  background: #5d5d5d;
}
@media (max-width: 1365px) {
  .engagement-model .card:before {
    left: calc(50% - 54px);
  }
}
@media (max-width: 1299px) {
  .engagement-model .card:before {
    left: calc(50% - 46px);
  }
}
@media (max-width: 1199px) {
  .engagement-model .card:before {
    left: calc(50% - 29px);
  }
}
@media (max-width: 991px) {
  .engagement-model .card:before {
    left: 9px;
  }
}
.engagement-model .card .card-header {
  padding: 0;
  padding-left: 3.125rem;
  background: transparent;
  border: none;
}
@media (max-width: 991px) {
  .engagement-model .card .card-header {
    padding-left: 0;
  }
}
.engagement-model .card .card-header h5 {
  position: relative;
  font-size: 1.75rem;
  font-weight: 700;
  color: #024ec0;
  margin-bottom: 0.625rem;
  letter-spacing: 0.5px;
  padding-left: 2.5rem;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .engagement-model .card .card-header h5 {
    font-size: 1.375rem;
  }
}
@media (max-width: 767px) {
  .engagement-model .card .card-header h5 {
    font-size: 1.25rem;
  }
}
@media (max-width: 599px) {
  .engagement-model .card .card-header h5 {
    padding-left: 1.875rem;
  }
}
.engagement-model .card .card-header h5:before {
  content: "";
  position: absolute;
  top: 7px;
  left: -20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: solid 1px transparent;
  background: #024ec0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 1199px) {
  .engagement-model .card .card-header h5:before {
    top: 3px;
  }
}
@media (max-width: 991px) {
  .engagement-model .card .card-header h5:before {
    left: 0;
  }
}
.engagement-model .card .card-header h5.collapsed {
  color: #484848;
  font-weight: 400;
}
.engagement-model .card .card-header h5.collapsed:before {
  border-color: #5d5d5d;
  background: #ffffff;
}
.engagement-model .card .card-header h5:hover {
  color: #000000;
}
.engagement-model .card .card-body {
  padding: 0;
}
@media (max-width: 991px) {
  .engagement-model .card .card-body figure {
    width: 250px;
    vertical-align: top;
    float: left;
    padding-right: 1.25rem;
  }
}
@media (max-width: 599px) {
  .engagement-model .card .card-body figure {
    width: 100%;
    padding-right: 0;
  }
}
.engagement-model .card .card-body figure img {
  max-width: 100%;
}
.engagement-model .card .card-body .eng-content {
  padding-left: 5.625rem;
}
@media (max-width: 991px) {
  .engagement-model .card .card-body .eng-content {
    padding-left: 2.5rem;
  }
}
@media (max-width: 599px) {
  .engagement-model .card .card-body .eng-content {
    padding-left: 1.875rem;
  }
}
.engagement-model .card .card-body .eng-content p {
  font-size: 1.125rem;
  color: #101010;
}
@media (max-width: 1199px) {
  .engagement-model .card .card-body .eng-content p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .engagement-model .card .card-body .eng-content p {
    font-size: 0.875rem;
  }
}
.engagement-model .card .card-body .eng-content h5 {
  font-size: 1.375rem;
  font-weight: 700;
  color: #024ec0;
}
@media (max-width: 1199px) {
  .engagement-model .card .card-body .eng-content h5 {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) {
  .engagement-model .card .card-body .eng-content h5 {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 599px) {
  .engagement-model .card .card-body .eng-content h5 {
    margin-bottom: 0.625rem;
  }
}
.engagement-model .card .card-body .eng-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.engagement-model .card .card-body .eng-content ul li {
  font-size: 1.125rem;
  color: #101010;
  padding-left: 15px;
  width: 48%;
}
.engagement-model .card .card-body .eng-content ul li:before {
  background: linear-gradient(45deg, #ffffff 0%, #eaeaea 100%);
  border: solid 1px rgba(0, 0, 0, 0.2);
  left: 0px;
}
@media (max-width: 1199px) {
  .engagement-model .card .card-body .eng-content ul li {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .engagement-model .card .card-body .eng-content ul {
    width: calc(100% - 250px);
    float: right;
  }
  .engagement-model .card .card-body .eng-content ul li {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .engagement-model .card .card-body .eng-content ul li {
    font-size: 0.875rem;
  }
}
@media (max-width: 599px) {
  .engagement-model .card .card-body .eng-content ul {
    width: 100%;
    float: left;
  }
}

.cc2 {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}

.conatel-page .project-title {
  color: #a33eb6 !important;
}
.conatel-page .project-items ul li svg {
  fill: #a33eb6 !important;
}
.conatel-page .tech-area .text-box {
  background: #a33eb6 !important;
}
.conatel-page .tech-area .icons-tab {
  background: #a33eb6 !important;
}
.conatel-page .like-count {
  color: #a33eb6 !important;
}
.conatel-page .input-group-text {
  color: #a33eb6 !important;
}
.conatel-page .project-arrow {
  background: #a33eb6 !important;
}
.conatel-page .play-btn {
  border: 9px solid #a33eb6 !important;
}
.conatel-page .play-btn svg {
  fill: inherit;
}
.conatel-page .btn-primary {
  background: #a33eb6;
}
.conatel-page .btn-primary:hover, .conatel-page .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #a33eb6;
  color: #a33eb6;
}
.conatel-page .overview-content .overview-logo img {
  height: 100px !important;
}
.conatel-page .colOne {
  color: #a33eb6;
}

.li-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.li-inline li {
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}

.lms-page .project-title {
  color: #0070c0 !important;
}
.lms-page .project-items ul li svg {
  fill: #0070c0 !important;
}
.lms-page .tech-area .text-box {
  background: #0070c0 !important;
}
.lms-page .tech-area .icons-tab {
  background: #0070c0 !important;
}
.lms-page .like-count {
  color: #0070c0 !important;
}
.lms-page .input-group-text {
  color: #0070c0 !important;
}
.lms-page .project-arrow {
  background: #0070c0 !important;
}
.lms-page .video-play-button {
  height: 100px;
  width: 100px;
  margin: auto;
  text-align: center;
  line-height: 78px;
  cursor: pointer;
  border-radius: 50%;
  position: relative;
}
.lms-page .video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #0070c0;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
}
.lms-page .video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #0070c0;
  border-radius: 50%;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
.lms-page .video-play-button:hover:after {
  background-color: #00528d;
}
.lms-page .video-play-button svg {
  fill: #fff;
}
.lms-page .btn-primary {
  background: #0070c0;
}
.lms-page .btn-primary:hover, .lms-page .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #0070c0;
  color: #0070c0;
}
.lms-page .colOne {
  color: #0070c0;
}

.edh-page .project-title {
  color: #337ab7 !important;
}
.edh-page .project-items ul li svg {
  fill: #337ab7 !important;
}
.edh-page .tech-area .text-box {
  background: #337ab7 !important;
}
.edh-page .tech-area .icons-tab {
  background: #337ab7 !important;
}
.edh-page .like-count {
  color: #337ab7 !important;
}
.edh-page .input-group-text {
  color: #337ab7 !important;
}
.edh-page .sectionWrapper .section:nth-of-type(odd) {
  background-color: #1e5a8f !important;
}
.edh-page .sectionWrapper .section:nth-of-type(even) {
  background-color: #337ab7 !important;
}
.edh-page .project-arrow {
  background: #337ab7 !important;
}
.edh-page .btn-primary {
  background: #337ab7;
}
.edh-page .btn-primary:hover, .edh-page .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #337ab7;
  color: #337ab7;
}
.edh-page .overview-content .overview-logo img {
  height: 100px !important;
}
.edh-page .colOne {
  color: #337ab7;
}

.kobcash-page .project-title {
  color: #26c269 !important;
}
.kobcash-page .project-items ul li svg {
  fill: #26c269 !important;
}
.kobcash-page .tech-area .text-box {
  background: #26c269 !important;
}
.kobcash-page .tech-area .icons-tab {
  background: #26c269 !important;
}
.kobcash-page .like-count {
  color: #26c269 !important;
}
.kobcash-page .input-group-text {
  color: #26c269 !important;
}
.kobcash-page .sectionWrapper .section:nth-of-type(odd) {
  background-color: #1ca359 !important;
}
.kobcash-page .sectionWrapper .section:nth-of-type(even) {
  background-color: white !important;
}
.kobcash-page .sectionWrapper .section:nth-of-type(even) p, .kobcash-page .sectionWrapper .section:nth-of-type(even) h3 {
  color: black !important;
}
.kobcash-page .project-arrow {
  background: #26c269 !important;
}
.kobcash-page .btn-primary {
  background: #26c269;
}
.kobcash-page .btn-primary:hover, .kobcash-page .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #26c269;
  color: #26c269;
}
.kobcash-page .overview-content .overview-logo img {
  height: 90px !important;
}
.kobcash-page .colOne {
  color: #26c269;
}

.li-heading {
  font-size: 18px !important;
  padding: 25px 0px 5px;
}

.round-logo {
  border-radius: 50% !important;
  height: 100px !important;
  width: 100px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.round-logo img {
  width: 100%;
  margin: auto;
}

.scb-page .project-title {
  color: #01aebc !important;
}
.scb-page .project-items ul li svg {
  fill: #01aebc !important;
}
.scb-page .tech-area .text-box {
  background: #01aebc !important;
}
.scb-page .tech-area .icons-tab {
  background: #01aebc !important;
}
.scb-page .like-count {
  color: #01aebc !important;
}
.scb-page .input-group-text {
  color: #01aebc !important;
}
.scb-page .sectionWrapper .section:nth-of-type(odd) {
  background-color: #0195a0 !important;
}
.scb-page .sectionWrapper .section:nth-of-type(even) {
  background-color: #01aebc !important;
}
.scb-page .round-logo {
  background: #015359 !important;
}
.scb-page .project-arrow {
  background-color: #01aebc !important;
}
.scb-page .btn-primary {
  background: #01aebc;
}
.scb-page .btn-primary:hover, .scb-page .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #01aebc;
  color: #01aebc;
}
.scb-page .colOne {
  color: #01aebc;
}

.medicus-page .project-title {
  color: #024295 !important;
}
.medicus-page .project-items ul li svg {
  fill: #024295 !important;
}
.medicus-page .tech-area .text-box {
  background: #024295 !important;
}
.medicus-page .tech-area .icons-tab {
  background: #024295 !important;
}
.medicus-page .like-count {
  color: #024295 !important;
}
.medicus-page .input-group-text {
  color: #024295 !important;
}
.medicus-page .sectionWrapper .section:nth-of-type(odd) {
  background-color: #02316e !important;
}
.medicus-page .sectionWrapper .section:nth-of-type(even) {
  background-color: #024295 !important;
}
.medicus-page .round-logo {
  background: #015359 !important;
}
.medicus-page .project-arrow {
  background-color: #024295 !important;
}
.medicus-page .btn-primary {
  background: #024295;
}
.medicus-page .btn-primary:hover, .medicus-page .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #024295;
  color: #024295;
}
.medicus-page .colOne {
  color: #01aebc;
}

.app-integrate .project-title {
  color: #61ac57 !important;
}
.app-integrate .project-items ul li svg {
  fill: #61ac57 !important;
}
.app-integrate .tech-area .text-box {
  background: #61ac57 !important;
}
.app-integrate .tech-area .icons-tab {
  background: #61ac57 !important;
}
.app-integrate .like-count {
  color: #61ac57 !important;
}
.app-integrate .input-group-text {
  color: #61ac57 !important;
}
.app-integrate .sectionWrapper .section:nth-of-type(odd) {
  background-color: #3f9234 !important;
}
.app-integrate .sectionWrapper .section:nth-of-type(even) {
  background-color: #61ac57 !important;
}
.app-integrate .round-logo {
  background: #015359 !important;
}
.app-integrate .project-arrow {
  background-color: #61ac57 !important;
}
.app-integrate .btn-primary {
  background: #61ac57;
}
.app-integrate .btn-primary:hover, .app-integrate .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #61ac57;
  color: #61ac57;
}
.app-integrate .colOne {
  color: #61ac57;
}

.cpi-page .project-title {
  color: #928fb2 !important;
}
.cpi-page .project-items ul li svg {
  fill: #928fb2 !important;
}
.cpi-page .tech-area .text-box {
  background: #928fb2 !important;
}
.cpi-page .tech-area .icons-tab {
  background: #928fb2 !important;
}
.cpi-page .like-count {
  color: #928fb2 !important;
}
.cpi-page .input-group-text {
  color: #928fb2 !important;
}
.cpi-page .sectionWrapper .section:nth-of-type(odd) {
  background-color: #7d7a99 !important;
}
.cpi-page .sectionWrapper .section:nth-of-type(even) {
  background-color: #928fb2 !important;
}
.cpi-page .round-logo {
  background: #015359 !important;
}
.cpi-page .project-arrow {
  background-color: #928fb2 !important;
}
.cpi-page .btn-primary {
  background: #928fb2;
}
.cpi-page .btn-primary:hover, .cpi-page .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #928fb2;
  color: #928fb2;
}
.cpi-page .colOne {
  color: #928fb2;
}

.deliveryExprex-page .project-title {
  color: #00a8cf !important;
}
.deliveryExprex-page .project-items ul li svg {
  fill: #00a8cf !important;
}
.deliveryExprex-page .tech-area .text-box {
  background: #00a8cf !important;
}
.deliveryExprex-page .tech-area .icons-tab {
  background: #00a8cf !important;
}
.deliveryExprex-page .like-count {
  color: #00a8cf !important;
}
.deliveryExprex-page .input-group-text {
  color: #00a8cf !important;
}
.deliveryExprex-page .sectionWrapper .section:nth-of-type(odd) {
  background-color: #027d99 !important;
}
.deliveryExprex-page .sectionWrapper .section:nth-of-type(even) {
  background-color: #00a8cf !important;
}
.deliveryExprex-page .round-logo {
  background: #015359 !important;
}
.deliveryExprex-page .project-arrow {
  background-color: #00a8cf !important;
}
.deliveryExprex-page .btn-primary {
  background: #00a8cf;
}
.deliveryExprex-page .btn-primary:hover, .deliveryExprex-page .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #00a8cf;
  color: #00a8cf;
}
.deliveryExprex-page .colOne {
  color: #00a8cf;
}

.seven-mintes .project-title {
  color: #00b153 !important;
}
.seven-mintes .project-items ul li svg {
  fill: #00b153 !important;
}
.seven-mintes .tech-area .text-box {
  background: #00b153 !important;
}
.seven-mintes .tech-area .icons-tab {
  background: #00b153 !important;
}
.seven-mintes .like-count {
  color: #00b153 !important;
}
.seven-mintes .input-group-text {
  color: #00b153 !important;
}
.seven-mintes .sectionWrapper .section:nth-of-type(odd) {
  background-color: #039748 !important;
}
.seven-mintes .sectionWrapper .section:nth-of-type(even) {
  background-color: #00b153 !important;
}
.seven-mintes .round-logo {
  background: #015359 !important;
}
.seven-mintes .project-arrow {
  background-color: #00b153 !important;
}
.seven-mintes .btn-primary {
  background: #00b153;
}
.seven-mintes .btn-primary:hover, .seven-mintes .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #00b153;
  color: #00b153;
}
.seven-mintes .colOne {
  color: #00b153;
}

.hype-page .project-title {
  color: #f79ec6 !important;
}
.hype-page .project-items ul li svg {
  fill: #f79ec6 !important;
}
.hype-page .tech-area .text-box {
  background: #f79ec6 !important;
}
.hype-page .tech-area .icons-tab {
  background: #f79ec6 !important;
}
.hype-page .like-count {
  color: #f79ec6 !important;
}
.hype-page .input-group-text {
  color: #f79ec6 !important;
}
.hype-page .sectionWrapper .section:nth-of-type(odd) {
  background-color: #ce6e99 !important;
}
.hype-page .sectionWrapper .section:nth-of-type(even) {
  background-color: #f79ec6 !important;
}
.hype-page .round-logo {
  background: #015359 !important;
}
.hype-page .project-arrow {
  background-color: #f79ec6 !important;
}
.hype-page .btn-primary {
  background: #f79ec6;
}
.hype-page .btn-primary:hover, .hype-page .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #f79ec6;
  color: #f79ec6;
}
.hype-page .colOne {
  color: #f79ec6;
}

.pslog-page .project-title {
  color: #43a047 !important;
}
.pslog-page .project-items ul li svg {
  fill: #43a047 !important;
}
.pslog-page .tech-area .text-box {
  background: #43a047 !important;
}
.pslog-page .tech-area .icons-tab {
  background: #43a047 !important;
}
.pslog-page .like-count {
  color: #43a047 !important;
}
.pslog-page .input-group-text {
  color: #43a047 !important;
}
.pslog-page .sectionWrapper .section:nth-of-type(odd) {
  background-color: #307c33 !important;
}
.pslog-page .sectionWrapper .section:nth-of-type(even) {
  background-color: #43a047 !important;
}
.pslog-page .round-logo {
  background: #015359 !important;
}
.pslog-page .project-arrow {
  background-color: #43a047 !important;
}
.pslog-page .btn-primary {
  background: #43a047;
}
.pslog-page .btn-primary:hover, .pslog-page .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #43a047;
  color: #43a047;
}
.pslog-page .colOne {
  color: #43a047;
}

.studibon .project-title {
  color: #32d0c6 !important;
}
.studibon .project-items ul li svg {
  fill: #32d0c6 !important;
}
.studibon .tech-area .text-box {
  background: #32d0c6 !important;
}
.studibon .tech-area .icons-tab {
  background: #32d0c6 !important;
}
.studibon .like-count {
  color: #32d0c6 !important;
}
.studibon .input-group-text {
  color: #32d0c6 !important;
}
.studibon .sectionWrapper .section:nth-of-type(odd) {
  background-color: #19a39a !important;
}
.studibon .sectionWrapper .section:nth-of-type(even) {
  background-color: #32d0c6 !important;
}
.studibon .round-logo {
  background: #015359 !important;
}
.studibon .project-arrow {
  background-color: #32d0c6 !important;
}
.studibon .btn-primary {
  background: #32d0c6;
}
.studibon .btn-primary:hover, .studibon .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #32d0c6;
  color: #32d0c6;
}
.studibon .colOne {
  color: #32d0c6;
}

.beauty .project-title {
  color: #FF5172 !important;
}
.beauty .project-items ul li svg {
  fill: #FF5172 !important;
}
.beauty .tech-area .text-box {
  background: #FF5172 !important;
}
.beauty .tech-area .icons-tab {
  background: #FF5172 !important;
}
.beauty .like-count {
  color: #FF5172 !important;
}
.beauty .input-group-text {
  color: #FF5172 !important;
}
.beauty .sectionWrapper .section:nth-of-type(odd) {
  background-color: #ef3558 !important;
}
.beauty .sectionWrapper .section:nth-of-type(even) {
  background-color: #FF5172 !important;
}
.beauty .round-logo {
  background: #015359 !important;
}
.beauty .project-arrow {
  background-color: #FF5172 !important;
}
.beauty .btn-primary {
  background: #FF5172;
}
.beauty .btn-primary:hover, .beauty .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #FF5172;
  color: #FF5172;
}
.beauty .colOne {
  color: #32d0c6;
}

.saaTaxation .project-title {
  color: #2962ff !important;
}
.saaTaxation .project-items ul li svg {
  fill: #2962ff !important;
}
.saaTaxation .tech-area .text-box {
  background: #2962ff !important;
}
.saaTaxation .tech-area .icons-tab {
  background: #2962ff !important;
}
.saaTaxation .like-count {
  color: #2962ff !important;
}
.saaTaxation .input-group-text {
  color: #2962ff !important;
}
.saaTaxation .sectionWrapper .section:nth-of-type(odd) {
  background-color: #0143f7 !important;
}
.saaTaxation .sectionWrapper .section:nth-of-type(even) {
  background-color: #2962ff !important;
}
.saaTaxation .round-logo {
  background: #015359 !important;
}
.saaTaxation .project-arrow {
  background-color: #2962ff !important;
}
.saaTaxation .btn-primary {
  background: #2962ff;
}
.saaTaxation .btn-primary:hover, .saaTaxation .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #2962ff;
  color: #2962ff;
}
.saaTaxation .colOne {
  color: #2962ff;
}

.sfa .project-title {
  color: #009EF7 !important;
}
.sfa .project-items ul li svg {
  fill: #009EF7 !important;
}
.sfa .tech-area .text-box {
  background: #009EF7 !important;
}
.sfa .tech-area .icons-tab {
  background: #009EF7 !important;
}
.sfa .like-count {
  color: #009EF7 !important;
}
.sfa .input-group-text {
  color: #009EF7 !important;
}
.sfa .sectionWrapper .section:nth-of-type(odd) {
  background-color: #0088d5 !important;
}
.sfa .sectionWrapper .section:nth-of-type(even) {
  background-color: #009EF7 !important;
}
.sfa .round-logo {
  background: #015359 !important;
}
.sfa .project-arrow {
  background-color: #009EF7 !important;
}
.sfa .btn-primary {
  background: #009EF7;
}
.sfa .btn-primary:hover, .sfa .btn-primary:not(:disabled):not(.disabled):active {
  background: transparent;
  border: 1px solid #009EF7;
  color: #009EF7;
}
.sfa .colOne {
  color: #009EF7;
}

[data-layout=masnory] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 30px;
}
@media (max-width: 1199px) {
  [data-layout=masnory] {
    gap: 25px;
  }
}
@media (max-width: 767px) {
  [data-layout=masnory] {
    gap: 20px;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.tech-partners .tp-item {
  border-radius: 10px;
  position: relative;
  width: 100%;
  max-width: 31.3479623824%;
  padding: 1.875rem;
  z-index: 9;
  border: solid 1px #efefef;
}
@media (max-width: 1199px) {
  .tech-partners .tp-item {
    padding: 1.25rem;
  }
}
@media (max-width: 991px) {
  .tech-partners .tp-item {
    max-width: 47.8468899522%;
  }
}
@media (max-width: 767px) {
  .tech-partners .tp-item {
    max-width: 48.0769230769%;
  }
}
@media (max-width: 599px) {
  .tech-partners .tp-item {
    max-width: 100%;
    width: 100%;
  }
}
.tech-partners .tp-item:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -4;
  -webkit-box-shadow: 0 10px 50px rgba(36, 124, 255, 0.1);
          box-shadow: 0 10px 50px rgba(36, 124, 255, 0.1);
}
.tech-partners .tp-item:after {
  content: "";
  width: 95%;
  height: 95%;
  border-radius: 12px;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 1px;
  z-index: -5;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.tech-partners .tp-item .tp-logo {
  text-align: center;
  margin-bottom: 0.9375rem;
  position: relative;
  z-index: 1;
}
.tech-partners .tp-item .tp-logo img {
  max-width: 150px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.tech-partners .tp-item .tp-content {
  text-align: center;
  position: relative;
  z-index: 1;
}
.tech-partners .tp-item .tp-content h4 {
  color: #101010;
  font-size: 1.375rem;
  font-weight: 700;
}
.tech-partners .tp-item .tp-content p {
  color: #484848;
}
.tech-partners .tp-item .tp-content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .tech-partners .tp-item .tp-content h4 {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .tech-partners .tp-item .tp-content h4 {
    font-size: 1.125rem;
  }
}
.tech-partners .tp-item:hover:after {
  -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px);
          transform: rotate(2deg) translateX(-5px) translateY(16px);
}
.tech-partners .tp-item:hover .tp-logo img {
  -webkit-animation: icon-pulse 0.5s;
          animation: icon-pulse 0.5s;
}

@media (max-width: 767px) {
  #tp-items {
    height: auto !important;
  }
}

.partnerContent .partner-tabs {
  padding: 0.9375rem;
  border-radius: 50px;
  background: #ecf4fd;
  margin-bottom: 1.875rem;
}
@media (max-width: 991px) {
  .partnerContent .partner-tabs {
    padding: 0.645rem;
  }
}
@media (max-width: 767px) {
  .partnerContent .partner-tabs {
    background: transparent;
    padding: 0;
  }
}
@media (max-width: 599px) {
  .partnerContent .partner-tabs {
    border-radius: 25px;
  }
}
.partnerContent .partner-tabs .nav-pills {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.partnerContent .partner-tabs .nav-pills .nav-link {
  border-radius: 30px;
  font-size: 1.125rem;
  font-weight: 700;
  padding: 0.5rem 1.25rem;
  color: #484848;
}
@media (max-width: 1100px) {
  .partnerContent .partner-tabs .nav-pills .nav-link {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .partnerContent .partner-tabs .nav-pills .nav-link {
    width: 60%;
    margin: 0 auto;
    color: #000000;
    font-size: 1.25rem;
    padding: 0.375rem;
    text-align: center;
    line-height: 40px;
  }
}
@media (max-width: 599px) {
  .partnerContent .partner-tabs .nav-pills .nav-link {
    width: 100%;
    text-align: center;
  }
}
.partnerContent .partner-tabs .nav-pills .nav-link:hover {
  color: #000000;
  opacity: 1;
}
.partnerContent .partner-tabs .nav-pills .nav-link.active {
  background: #024ec0;
  -webkit-box-shadow: 0 2px 15px rgba(2, 78, 192, 0.5);
          box-shadow: 0 2px 15px rgba(2, 78, 192, 0.5);
  color: #ffffff;
  opacity: 1;
}
@media (max-width: 767px) {
  .partnerContent .partner-tabs .nav-pills .nav-link.active {
    color: #000000;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent;
  }
}
.partnerContent .partner-tab-head {
  margin-bottom: 2.25rem;
}
.partnerContent .partner-tab-head h3 {
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: 0.9375rem;
  text-align: center;
}
@media (max-width: 1199px) {
  .partnerContent .partner-tab-head h3 {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .partnerContent .partner-tab-head h3 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .partnerContent .partner-tab-head h3 {
    font-size: 1.375rem;
  }
}
.partnerContent .partner-tab-head p {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (max-width: 1199px) {
  .partnerContent .partner-tab-head p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .partnerContent .partner-tab-head p {
    font-size: 0.875rem;
  }
}
.partnerContent .col-sm-4 {
  margin-bottom: 3rem;
}
@media (max-width: 767px) {
  .partnerContent .col-sm-4 {
    margin-bottom: 1rem;
  }
}
.partnerContent .partner-item {
  border-radius: 10px;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1.875rem;
  z-index: 9;
  border: solid 1px #efefef;
}
@media (max-width: 1199px) {
  .partnerContent .partner-item {
    padding: 1rem;
  }
}
@media (max-width: 767px) {
  .partnerContent .partner-item {
    padding: 0.875rem;
  }
}
.partnerContent .partner-item:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -4;
  -webkit-box-shadow: 0 10px 50px rgba(36, 124, 255, 0.1);
          box-shadow: 0 10px 50px rgba(36, 124, 255, 0.1);
}
.partnerContent .partner-item:after {
  content: "";
  width: 95%;
  height: 95%;
  border-radius: 12px;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 1px;
  z-index: -5;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.partnerContent .partner-item h5 {
  font-size: 1.5rem;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .partnerContent .partner-item h5 {
    font-size: 1.375rem;
  }
}
@media (max-width: 991px) {
  .partnerContent .partner-item h5 {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .partnerContent .partner-item h5 {
    font-size: 1.25rem;
  }
}
.partnerContent .partner-item:hover:after {
  -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px);
          transform: rotate(2deg) translateX(-5px) translateY(16px);
}
@media (max-width: 991px) {
  .partnerContent .partner-item ul li {
    padding-left: 1.5rem;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .partnerContent .partner-item ul li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .partnerContent .partner-item ul li::before {
    left: 0.5rem;
  }
}
@media (max-width: 767px) {
  .partnerContent .btn-arrow {
    margin-top: 0 !important;
  }
}

.jobLists .col-sm-3 {
  margin-bottom: 1.875rem;
}
.jobLists .col-xl-3.col-lg-4.col-sm-6 {
  margin-bottom: 25px;
}
.jobLists .job-item {
  height: 100%;
  padding: 1.875rem 1.25rem;
  border: solid 1px #efefef;
  -webkit-box-shadow: 0 10px 50px rgba(36, 124, 255, 0.1);
          box-shadow: 0 10px 50px rgba(36, 124, 255, 0.1);
  border-radius: 10px;
  text-align: center;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
@media (max-width: 767px) {
  .jobLists .job-item {
    padding: 1.25rem;
  }
}
.jobLists .job-item .job-icon {
  display: inline-block;
  margin-bottom: 0.9375rem;
}
.jobLists .job-item .job-icon svg {
  width: 50px;
  height: 50px;
  fill: url(#MyGradient);
}
.jobLists .job-item h4 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #101010;
  margin-bottom: 1.25rem;
}
.jobLists .job-item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.jobLists .job-item ul li {
  padding-left: 1.5625rem;
  width: 50%;
  position: relative;
  line-height: 18px;
  text-align: left;
}
.jobLists .job-item ul li span {
  font-size: 1.25rem;
  color: #024ec0;
  position: absolute;
  top: 2px;
  left: 0;
}
.jobLists .job-item ul li:before {
  display: none;
}
.jobLists .job-item ul li:last-child {
  padding-left: 2.1875rem;
}
.jobLists .job-item ul li:last-child span {
  left: 10px;
}
.jobLists .job-item:hover {
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
.jobLists .job-item:hover .job-icon svg {
  fill: url(#SilverGradient);
}
.jobLists .job-item:hover h4 {
  color: #ffffff;
}
.jobLists .job-item:hover ul li {
  color: #ffffff;
}
.jobLists .job-item:hover ul li span {
  color: #ffffff;
}
.jobLists.newJobLists .job-item ul {
  /*display: flex;
  justify-content: center;*/
  /*width: 80%;
  margin: auto;*/
  display: inherit;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
}
.jobLists.newJobLists .job-item ul li {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 15px auto;
}
.jobLists.newJobLists .job-item ul li span {
  top: 0;
}
.hiring-process .hiring-item {
  text-align: center;
}
.hiring-process .hiring-item img {
  max-height: 150px;
  margin-bottom: 1.25rem;
  -webkit-filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.02));
          filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.02));
}
@media (max-width: 991px) {
  .hiring-process .hiring-item img {
    max-height: 130px;
  }
}
.hiring-process .hiring-item h5 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}
@media (max-width: 991px) {
  .hiring-process .hiring-item h5 {
    font-size: 1.3rem;
  }
}
@media (max-width: 599px) {
  .hiring-process .hiring-item h5 {
    font-size: 1.2rem;
  }
}
.hiring-process .hiring-item p {
  color: #484848;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .hiring-process .hiring-item {
    margin-bottom: 1.25rem;
  }
}

.offer-rollout .offer-heading {
  text-align: center;
}
.offer-rollout .offer-heading .section-title {
  font-size: 3rem;
  font-weight: 700;
  color: #000000;
}
@media (max-width: 1199px) {
  .offer-rollout .offer-heading .section-title {
    font-size: 2rem;
  }
}
@media (max-width: 991px) {
  .offer-rollout .offer-heading .section-title {
    font-size: 1.5rem;
  }
}
.offer-rollout .offer-heading h4 {
  font-size: 1.875rem;
  color: #101010;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .offer-rollout .offer-heading h4 {
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .offer-rollout .offer-heading h4 {
    font-size: 1rem;
  }
}
.offer-rollout .offer-heading h6 {
  font-size: 1.25rem;
  color: #101010;
  font-weight: 700;
}
@media (max-width: 767px) {
  .offer-rollout .offer-heading h6 {
    font-size: 1rem;
  }
}
.offer-rollout .offer-heading p {
  font-size: 1.125rem;
  color: #484848;
}
.offer-rollout .offer-heading .hr-person {
  margin-top: 30px;
}
.offer-rollout .offer-heading .hr-person span {
  font-size: 1.5rem;
  line-height: 24px;
  font-weight: 700;
  color: #024ec0;
  display: block;
}
.offer-rollout .offer-heading .hr-person small {
  font-size: 1rem;
  display: block;
  margin-bottom: 0.9375rem;
}
.offer-rollout .offer-heading .hr-person p {
  margin-bottom: 0;
}
.offer-rollout .offer-heading .hr-person p a {
  color: #024ec0;
}
.offer-rollout .offer-heading .hr-person p a:hover {
  color: #000000;
}

#JobDetails .modal-header, .jobDetails .modal-header {
  border: none;
  padding: 1.25rem;
  background: #101010 url(../images/job-detail-bg.jpg) no-repeat top center;
  text-align: center;
  display: block;
  border-radius: 0;
  background-size: cover;
  position: relative;
  z-index: 1;
}
#JobDetails .modal-header:before, .jobDetails .modal-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(33, 33, 33, 0.85);
  z-index: -1;
}
#JobDetails .modal-header .modal-title, .jobDetails .modal-header .modal-title {
  font-size: 1.5rem;
  color: #ffffff;
  display: block;
  margin-bottom: 0.9375rem;
}
@media (max-width: 1199px) {
  #JobDetails .modal-header .modal-title, .jobDetails .modal-header .modal-title {
    font-size: 1.3rem;
  }
}
@media (max-width: 600px) {
  #JobDetails .modal-header .modal-title, .jobDetails .modal-header .modal-title {
    font-size: 1rem;
  }
}
#JobDetails .modal-header .modal-title svg, .jobDetails .modal-header .modal-title svg {
  max-width: 50px;
  fill: #024ec0;
  margin: 0 auto 0.625rem;
  display: block;
  background: #ffffff;
  border-radius: 50%;
  padding: 5px;
}
#JobDetails .modal-header ul, .jobDetails .modal-header ul {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#JobDetails .modal-header ul li, .jobDetails .modal-header ul li {
  padding: 0.3125rem 0.9375rem;
  width: 49%;
  color: #ffffff;
}
#JobDetails .modal-header ul li:before, .jobDetails .modal-header ul li:before {
  display: none;
}
#JobDetails .modal-header ul li span.material-icons-round, .jobDetails .modal-header ul li span.material-icons-round {
  display: block;
  font-size: 1.875rem;
}
#JobDetails .modal-header ul li small, .jobDetails .modal-header ul li small {
  display: block;
  text-transform: uppercase;
  color: #b1d0ff;
  font-size: 1rem;
}
#JobDetails .modal-header ul li span, .jobDetails .modal-header ul li span {
  font-size: 1.125rem;
}
@media (max-width: 1199px) {
  #JobDetails .modal-header ul li span, .jobDetails .modal-header ul li span {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  #JobDetails .modal-header ul li span, .jobDetails .modal-header ul li span {
    font-size: 0.9375rem;
  }
}
#JobDetails .btn-apply, .jobDetails .btn-apply {
  float: right;
  margin-top: -42px;
  z-index: 9;
  opacity: 1;
  border: solid 2px #024ec0;
}
#JobDetails .btn-apply:after, .jobDetails .btn-apply:after {
  top: 10px;
}
#JobDetails .btn-apply:hover:after, .jobDetails .btn-apply:hover:after {
  top: 18px;
}
#JobDetails .job-details h4, .jobDetails .job-details h4 {
  font-size: 1.375rem;
  font-weight: 700;
  color: #024ec0;
  margin: 1.25rem 0 0.625rem;
}
@media (max-width: 767px) {
  #JobDetails .job-details h4, .jobDetails .job-details h4 {
    font-size: 1.125rem;
  }
}
#JobDetails .job-details ul li:before, .jobDetails .job-details ul li:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #ecf4fd;
  position: absolute;
  top: 3px;
  left: 0;
}
#JobDetails .job-details ul li:after, .jobDetails .job-details ul li:after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #247cff;
  border-bottom: solid 2px #247cff;
  position: absolute;
  top: 7px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (max-width: 767px) {
  #JobDetails .job-details ul li, .jobDetails .job-details ul li {
    padding-left: 1.5625rem;
  }
  #JobDetails .job-details ul li:before, .jobDetails .job-details ul li:before {
    top: 0;
  }
  #JobDetails .job-details ul li:after, .jobDetails .job-details ul li:after {
    top: 4px;
  }
}

.communiction-infographic .com-stgy-infg-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin: 1.25rem auto;
  max-width: 1000px;
}
@media (max-width: 1199px) {
  .communiction-infographic .com-stgy-infg-wrapper {
    max-width: 960px;
  }
}
.communiction-infographic .com-stgy-infg-wrapper:before {
  content: "";
  width: 20px;
  height: 20px;
  background: #ced4da;
  border-radius: 30px;
  position: absolute;
  top: -20px;
  left: 492px;
}
@media (max-width: 1199px) {
  .communiction-infographic .com-stgy-infg-wrapper:before {
    left: 460px;
  }
}
@media (max-width: 991px) {
  .communiction-infographic .com-stgy-infg-wrapper:before {
    left: 347px;
  }
}
@media (max-width: 767px) {
  .communiction-infographic .com-stgy-infg-wrapper:before {
    display: none;
  }
}
.communiction-infographic .com-stgy-infg-wrapper:after {
  content: "";
  width: 20px;
  height: 20px;
  background: #ced4da;
  border-radius: 30px;
  position: absolute;
  bottom: 0px;
  left: 492px;
}
@media (max-width: 1199px) {
  .communiction-infographic .com-stgy-infg-wrapper:after {
    left: 460px;
  }
}
@media (max-width: 991px) {
  .communiction-infographic .com-stgy-infg-wrapper:after {
    left: 347px;
  }
}
@media (max-width: 767px) {
  .communiction-infographic .com-stgy-infg-wrapper:after {
    display: none;
  }
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item {
  width: 100%;
  float: right;
  padding-left: 450px;
  text-align: left;
  position: relative;
  min-height: 236px;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1199px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item {
    padding-left: 466px;
  }
}
@media (max-width: 991px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item {
    padding-left: 316px;
  }
}
@media (max-width: 767px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item {
    padding-left: 122px;
    min-height: auto;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@media (max-width: 599px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item {
    padding-left: 0;
    height: auto;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:before, .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:after {
  content: "";
  position: absolute;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:before {
  width: 140px;
  height: calc(100% + 20px);
  border: solid 20px #ced4da;
  left: 360px;
  top: -20px;
  border-radius: 140px 0 0 140px;
  border-right: none;
}
@media (max-width: 1199px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:before {
    left: 330px;
    top: -20px;
  }
}
@media (max-width: 991px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:before {
    left: 219px;
    top: -20px;
  }
}
@media (max-width: 767px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:before {
    display: none;
  }
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .icon {
  position: absolute;
  width: 120px;
  height: 120px;
  border: solid 20px #024ec0;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 40px;
  font-weight: 800;
  background: #ffffff;
  left: 155px;
  top: calc(50% - 13px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .icon {
    left: 130px;
  }
}
@media (max-width: 991px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .icon {
    left: 10px;
  }
}
@media (max-width: 767px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .icon {
    left: 0;
    width: 100px;
    height: 100px;
    border-width: 10px;
  }
}
@media (max-width: 599px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .icon {
    border: solid 12px #024ec0;
    width: 75px;
    height: 75px;
    font-size: 20px;
    left: 0px;
    display: none;
  }
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .icon .icon-outer-top {
  width: 100%;
  height: 50%;
  position: absolute;
  overflow: hidden;
  right: -108%;
  top: 0;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .icon .icon-outer-top:before {
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  bottom: 0px;
  left: 0;
  border-radius: 50%;
  -webkit-box-shadow: -30px 20px 0 0 #024ec0;
          box-shadow: -30px 20px 0 0 #024ec0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .icon .icon-outer-top:before {
    display: none;
  }
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .icon .icon-outer-bottom {
  width: 100%;
  height: 50%;
  position: absolute;
  overflow: hidden;
  right: -108%;
  bottom: 0;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .icon .icon-outer-bottom:before {
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  -webkit-box-shadow: -30px -20px 0 0 #024ec0;
          box-shadow: -30px -20px 0 0 #024ec0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .icon .icon-outer-bottom:before {
    display: none;
  }
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .com-stgy-content {
  position: relative;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .com-stgy-content .contnt-circle {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: solid 7px #024ec0;
  border-radius: 50px;
  position: absolute;
  top: calc(50% - 13px);
  left: -90px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1100px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .com-stgy-content .contnt-circle {
    left: -136px;
  }
}
@media (max-width: 999px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .com-stgy-content .contnt-circle {
    left: -97px;
  }
}
@media (max-width: 767px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .com-stgy-content .contnt-circle {
    display: none;
  }
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .com-stgy-content .contnt-circle .contnt-circle-top {
  width: 40px;
  height: 10px;
  position: absolute;
  overflow: hidden;
  left: -40px;
  top: -7px;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .com-stgy-content .contnt-circle .contnt-circle-top:before {
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  bottom: 0px;
  right: 0;
  border-radius: 50%;
  -webkit-box-shadow: 40px 10px 0 0 #024ec0;
          box-shadow: 40px 10px 0 0 #024ec0;
  overflow: hidden;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .com-stgy-content .contnt-circle .contnt-circle-bottom {
  width: 40px;
  height: 10px;
  position: absolute;
  overflow: hidden;
  left: -40px;
  bottom: -7px;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .com-stgy-content .contnt-circle .contnt-circle-bottom:before {
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  -webkit-box-shadow: 40px -10px 0 0 #024ec0;
          box-shadow: 40px -10px 0 0 #024ec0;
  overflow: hidden;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .com-stgy-content h5 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #024ec0;
}
@media (max-width: 1199px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .com-stgy-content h5 {
    font-size: 1.375rem;
  }
}
@media (max-width: 767px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .com-stgy-content h5 {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item .com-stgy-content p {
    margin-bottom: 0;
  }
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) {
  float: left;
  padding-left: 0;
  padding-right: 450px;
  text-align: right;
}
@media (max-width: 1199px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) {
    padding-right: 445px;
  }
}
@media (max-width: 991px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) {
    padding-right: 317px;
  }
}
@media (max-width: 767px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) {
    padding-right: 130px;
  }
}
@media (max-width: 599px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) {
    padding-right: 0;
    text-align: left;
  }
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even):before {
  height: calc(100% + 20px);
  border: solid 20px #ced4da;
  left: auto;
  right: 360px;
  top: -20px;
  border-radius: 0 140px 140px 0;
  border-left: none;
}
@media (max-width: 1199px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even):before {
    right: 355px;
  }
}
@media (max-width: 991px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even):before {
    right: 248px;
  }
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .icon {
  left: auto;
  right: 155px;
  border-color: #247cff;
}
@media (max-width: 1199px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .icon {
    right: 160px;
  }
}
@media (max-width: 991px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .icon {
    right: 40px;
  }
}
@media (max-width: 767px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .icon {
    right: 0;
  }
}
@media (max-width: 599px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .icon {
    display: none;
  }
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .icon .icon-outer-top {
  width: 100%;
  height: 50%;
  position: absolute;
  overflow: hidden;
  left: -108%;
  top: 0;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .icon .icon-outer-top:before {
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  border-radius: 50%;
  -webkit-box-shadow: 30px 20px 0 0 #247cff;
          box-shadow: 30px 20px 0 0 #247cff;
  overflow: hidden;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .icon .icon-outer-bottom {
  width: 100%;
  height: 50%;
  position: absolute;
  overflow: hidden;
  left: -108%;
  bottom: 0;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .icon .icon-outer-bottom:before {
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  border-radius: 50%;
  -webkit-box-shadow: 30px -20px 0 0 #247cff;
          box-shadow: 30px -20px 0 0 #247cff;
  overflow: hidden;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .com-stgy-content .contnt-circle {
  border-color: #247cff;
  left: auto;
  right: -90px;
}
@media (max-width: 999px) {
  .communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .com-stgy-content .contnt-circle {
    right: -70px;
  }
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .com-stgy-content .contnt-circle .contnt-circle-top {
  width: 40px;
  height: 10px;
  position: absolute;
  overflow: hidden;
  right: -40px;
  left: auto;
  top: -7px;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .com-stgy-content .contnt-circle .contnt-circle-top:before {
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: auto;
  border-radius: 50%;
  -webkit-box-shadow: -40px 10px 0 0 #247cff;
          box-shadow: -40px 10px 0 0 #247cff;
  overflow: hidden;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .com-stgy-content .contnt-circle .contnt-circle-bottom {
  width: 40px;
  height: 10px;
  position: absolute;
  overflow: hidden;
  right: -40px;
  left: auto;
  bottom: -7px;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .com-stgy-content .contnt-circle .contnt-circle-bottom:before {
  content: "";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  border-radius: 50%;
  -webkit-box-shadow: -40px -10px 0 0 #247cff;
          box-shadow: -40px -10px 0 0 #247cff;
  overflow: hidden;
}
.communiction-infographic .com-stgy-infg-wrapper .com-stgy-item:nth-of-type(even) .com-stgy-content h5 {
  color: #247cff;
}

.work-methods .method-tabs {
  padding-left: 3rem;
}
@media (max-width: 1199px) {
  .work-methods .method-tabs {
    padding-left: 0rem;
  }
}
.work-methods .method-tabs .nav-pills .nav-item {
  font-size: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #212121;
  margin-bottom: 2rem;
  padding: 0.375rem 1.875rem 0.375rem 0.375rem;
  border-radius: 50px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1199px) {
  .work-methods .method-tabs .nav-pills .nav-item {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .work-methods .method-tabs .nav-pills .nav-item {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.375rem;
  }
}
@media (max-width: 599px) {
  .work-methods .method-tabs .nav-pills .nav-item {
    font-size: 0.9375rem;
  }
}
.work-methods .method-tabs .nav-pills .nav-item span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: #efefef;
  border: solid 2px #e2e2e2;
  border-radius: 50%;
  color: #333333;
  font-weight: 700;
  margin-right: 0.9375rem;
  min-width: 40px;
}
@media (max-width: 767px) {
  .work-methods .method-tabs .nav-pills .nav-item span {
    display: none;
  }
}
.work-methods .method-tabs .nav-pills .nav-item:hover {
  opacity: 1;
  color: #000000;
}
.work-methods .method-tabs .nav-pills .nav-item.active {
  background: #ffffff;
  color: #000000;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
  .work-methods .method-tabs .nav-pills .nav-item.active {
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.work-methods .method-tabs .nav-pills .nav-item.active span {
  color: #ffffff;
  background: #247cff;
  border-color: #0b6dff;
}
.work-methods .method-tabs .nav-pills .owl-nav button {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #024ec0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid 2px #ffffff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
@media (max-width: 599px) {
  .work-methods .method-tabs .nav-pills .owl-nav button {
    width: 45px;
    height: 45px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 575px) {
  .work-methods .method-tabs .nav-pills .owl-nav button {
    width: 35px;
    height: 35px;
  }
}
.work-methods .method-tabs .nav-pills .owl-nav button span {
  display: none;
}
.work-methods .method-tabs .nav-pills .owl-nav button:before {
  content: "";
  font-family: "Material Icons Round";
  font-size: 2.5rem;
  color: #ffffff;
  width: 51px;
}
@media (max-width: 575px) {
  .work-methods .method-tabs .nav-pills .owl-nav button:before {
    font-size: 2rem;
  }
}
.work-methods .method-tabs .nav-pills .owl-nav button.owl-prev {
  left: 40px;
}
.work-methods .method-tabs .nav-pills .owl-nav button.owl-prev:before {
  content: "\e314";
}
@media (max-width: 599px) {
  .work-methods .method-tabs .nav-pills .owl-nav button.owl-prev {
    left: 0;
  }
}
.work-methods .method-tabs .nav-pills .owl-nav button.owl-next {
  right: 40px;
}
.work-methods .method-tabs .nav-pills .owl-nav button.owl-next:before {
  content: "\e315";
}
@media (max-width: 599px) {
  .work-methods .method-tabs .nav-pills .owl-nav button.owl-next {
    right: 0;
  }
}
.work-methods .method-tabs .nav-pills .owl-nav button.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.work-methods .method-tab-content {
  padding-right: 3rem;
}
@media (max-width: 999px) {
  .work-methods .method-tab-content {
    padding-right: 0rem;
  }
}
@media (max-width: 767px) {
  .work-methods .method-tab-content {
    text-align: left;
  }
}
.work-methods .method-tab-content h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #024ec0;
  margin-bottom: 1.25rem;
}
@media (max-width: 599px) {
  .work-methods .method-tab-content h3 {
    font-size: 1.25rem;
  }
}
.work-methods .method-tab-content img {
  display: block;
  max-width: 100%;
  max-height: 400px;
  margin: 0 auto 1.875rem;
}
.work-methods .method-tab-content p {
  font-size: 1.125rem;
}
@media (max-width: 1199px) {
  .work-methods .method-tab-content p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .work-methods .method-tab-content p {
    font-size: 0.89rem;
  }
}
.work-methods.core-tech {
  background: #ecf4fd;
}
.work-methods .scroll-tabs {
  height: 490px;
  overflow-y: scroll;
}
@media (max-width: 1299px) {
  .work-methods .scroll-tabs {
    height: 485px;
  }
}
@media (max-width: 1199px) {
  .work-methods .scroll-tabs {
    height: 430px;
  }
}
@media (max-width: 991px) {
  .work-methods .scroll-tabs {
    height: 480px;
  }
}
@media (max-width: 767px) {
  .work-methods .scroll-tabs {
    height: 100%;
  }
}

.db-mgm-wrapper {
  margin-top: 3.75rem;
  padding-bottom: 1.875rem;
}
@media (max-width: 1199px) {
  .db-mgm-wrapper {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper {
    -webkit-transform: scale(1);
            transform: scale(1);
    margin: 8rem auto;
    max-width: 300px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    margin: 3rem auto;
  }
}
.db-mgm-wrapper .db-mgm-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 310px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left {
    height: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-big {
  position: relative;
  width: 120px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
@media (max-width: 1199px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-big {
    width: 109px;
    height: 109px;
  }
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-big {
    -webkit-transform: scale(0.61);
            transform: scale(0.61);
    right: -1px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-big {
    right: 0;
    top: 0;
    position: relative;
    width: 130px;
    height: 130px;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-big:before, .db-mgm-wrapper .db-mgm-left .db-mgm-left-big:after {
  content: "";
  position: absolute;
  border-radius: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-big:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(45deg, #ffffff 0%, #eaeaea 100%);
  -webkit-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.08);
          box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.08);
  z-index: -1;
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-big:after {
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  background: linear-gradient(45deg, #eaeaea 0%, #ffffff 100%);
  -webkit-box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.08);
          box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.08);
  z-index: -2;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-big:after {
    -webkit-box-shadow: 2px 5px 15px rgba(2, 78, 192, 0.4);
            box-shadow: 2px 5px 15px rgba(2, 78, 192, 0.4);
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-big h5 {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #024ec0;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-big h5 {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-big h5 {
    font-size: 1.125rem;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small {
  position: absolute;
  width: 70px;
  height: 70px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small {
    width: 60px;
    height: 60px;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:before, .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:after {
  content: "";
  position: absolute;
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:before {
  border-style: solid;
  border-width: 0;
  border-color: #247cff;
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:after {
  width: 8px;
  height: 8px;
  background: #247cff;
  border-radius: 20px;
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small span:before, .db-mgm-wrapper .db-mgm-left .db-mgm-left-small span:after {
  content: "";
  position: absolute;
  border-radius: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small span:before {
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  background: #ffffff;
  z-index: -1;
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small span:after {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  background: #024ec0;
  -webkit-box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.08);
          box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.08);
  z-index: -2;
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small h5 {
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  color: #212121;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small h5 {
    font-size: 0.7rem;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(2) {
  top: -10px;
  left: 140px;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(2) {
    top: -15px;
    left: 130px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(2) {
    top: -40px;
    left: 50px;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(2):before {
  width: 80px;
  height: 50px;
  top: 62px;
  right: -80px;
  border-width: 1px 1px 0 0;
  border-radius: 0 20px 0 0;
}
@media (max-width: 1199px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(2):before {
    width: 70px;
    right: -70px;
  }
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(2):before {
    width: 90px;
    right: -90px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(2):before {
    width: 50px;
    right: -47px;
    height: 1px;
    top: 57px;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(2):after {
  right: 0px;
  top: 59px;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(2):after {
    right: 2px;
    top: 53px;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(3) {
  top: 55px;
  left: 75px;
  padding: 0 0 0.625rem 0;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(3) {
    top: 50px;
    left: 65px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(3) {
    top: 30px;
    left: -20px;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(3):before {
  width: 120px;
  height: 1px;
  top: 62px;
  right: -120px;
  border-width: 1px 0px 0 0;
  border-radius: 0;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(3):before {
    width: 140px;
    top: 63px;
    right: -140px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(3):before {
    width: 40px;
    top: 29px;
    right: -60px;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(3):after {
  right: 0px;
  top: 59px;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(3):after {
    right: -22px;
    top: 26px;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(4) {
  top: 120px;
  left: 10px;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(4) {
    top: 115px;
    left: 0px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(4) {
    top: -110px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(4):before {
  width: 140px;
  height: 1px;
  top: 35px;
  right: -160px;
  border-width: 1px 0px 0 0;
  border-radius: 0;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(4):before {
    width: 2px;
    height: 46px;
    top: auto;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    bottom: -66px;
    border-width: 0 1px 0 0;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(4):after {
  right: -23px;
  top: 31px;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(4):after {
    right: calc(50% - 4px);
    top: auto;
    bottom: -22px;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(5) {
  top: auto;
  left: 75px;
  bottom: 55px;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(5) {
    left: 65px;
    bottom: 60px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(5) {
    left: auto;
    bottom: auto;
    top: -40px;
    right: 50px;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(5):before {
  width: 130px;
  height: 1px;
  top: 3px;
  right: -120px;
  border-width: 1px 0px 0 0;
  border-radius: 0;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(5):before {
    width: 30px;
    height: 1px;
    top: 55px;
    right: auto;
    left: -30px;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(5):after {
  right: 3px;
  top: 0px;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(5):after {
    right: auto;
    top: 50px;
    left: 0px;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(6) {
  top: auto;
  left: 140px;
  bottom: -10px;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(6) {
    left: 130px;
    bottom: -5px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(6) {
    left: auto;
    bottom: auto;
    top: 30px;
    right: -20px;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(6):before {
  width: 90px;
  height: 50px;
  top: -46px;
  right: -80px;
  border-width: 0 1px 1px 0;
  border-radius: 0 0 20px 0;
}
@media (max-width: 1199px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(6):before {
    width: 80px;
    right: -70px;
  }
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(6):before {
    width: 100px;
    right: -90px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(6):before {
    width: 30px;
    right: auto;
    height: 1px;
    left: -50px;
    top: 30px;
  }
}
.db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(6):after {
  right: 3px;
  top: 0px;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-left .db-mgm-left-small:nth-of-type(6):after {
    right: auto;
    top: 26px;
    left: -21px;
  }
}
.db-mgm-wrapper .db-mgm-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 310px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.db-mgm-wrapper .db-mgm-center .db-mgm-center-big {
  width: 130px;
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
}
@media (max-width: 1199px) {
  .db-mgm-wrapper .db-mgm-center .db-mgm-center-big {
    width: 110px;
    height: 110px;
  }
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-center .db-mgm-center-big {
    width: 100px;
    height: 100px;
  }
}
.db-mgm-wrapper .db-mgm-center .db-mgm-center-big h5 {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-center .db-mgm-center-big h5 {
    font-size: 1rem;
  }
}
.db-mgm-wrapper .db-mgm-center .db-mgm-center-small {
  width: 120px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-center .db-mgm-center-small {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    z-index: 1;
  }
}
.db-mgm-wrapper .db-mgm-center .db-mgm-center-small:before, .db-mgm-wrapper .db-mgm-center .db-mgm-center-small:after {
  content: "";
  position: absolute;
  border-radius: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.db-mgm-wrapper .db-mgm-center .db-mgm-center-small:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(45deg, #ffffff 0%, #eaeaea 100%);
  z-index: -1;
}
.db-mgm-wrapper .db-mgm-center .db-mgm-center-small:after {
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  background: linear-gradient(45deg, #eaeaea 0%, #ffffff 100%);
  z-index: -2;
}
.db-mgm-wrapper .db-mgm-center .db-mgm-center-small h5 {
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  color: #212121;
  margin-bottom: 0;
}
.db-mgm-wrapper .db-mgm-center .db-mgm-center-small:nth-of-type(2) {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 0.625rem 1.25rem;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-center .db-mgm-center-small:nth-of-type(2) {
    -webkit-transform: translate(-50%, 20px) scale(0.8);
            transform: translate(-50%, 20px) scale(0.8);
    z-index: 0;
  }
}
.db-mgm-wrapper .db-mgm-center .db-mgm-center-small:nth-of-type(3) {
  top: 96px;
  left: 37px;
  padding-right: 34px;
}
@media (max-width: 1199px) {
  .db-mgm-wrapper .db-mgm-center .db-mgm-center-small:nth-of-type(3) {
    left: 6px;
  }
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-center .db-mgm-center-small:nth-of-type(3) {
    left: -21px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-center .db-mgm-center-small:nth-of-type(3) {
    left: 10px;
    top: 95px;
    padding-right: 23px;
  }
}
@media (max-width: 599px) {
  .db-mgm-wrapper .db-mgm-center .db-mgm-center-small:nth-of-type(3) {
    left: 0;
    padding-right: 16px;
  }
}
.db-mgm-wrapper .db-mgm-center .db-mgm-center-small:nth-of-type(4) {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0.625rem 1.25rem 0;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-center .db-mgm-center-small:nth-of-type(4) {
    -webkit-transform: translate(-50%, -22px) scale(0.8);
            transform: translate(-50%, -22px) scale(0.8);
    z-index: 0;
  }
}
.db-mgm-wrapper .db-mgm-center .db-mgm-center-small:nth-of-type(5) {
  top: 96px;
  right: 37px;
  padding-left: 34px;
}
@media (max-width: 1199px) {
  .db-mgm-wrapper .db-mgm-center .db-mgm-center-small:nth-of-type(5) {
    right: 9px;
  }
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-center .db-mgm-center-small:nth-of-type(5) {
    right: -22px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-center .db-mgm-center-small:nth-of-type(5) {
    right: 10px;
    top: 95px;
    padding-left: 21px;
  }
}
@media (max-width: 599px) {
  .db-mgm-wrapper .db-mgm-center .db-mgm-center-small:nth-of-type(5) {
    right: 0px;
    padding-left: 8px;
  }
}
.db-mgm-wrapper .db-mgm-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 310px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right {
    height: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-big {
  position: relative;
  width: 120px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
@media (max-width: 1199px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-big {
    width: 109px;
    height: 109px;
  }
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-big {
    -webkit-transform: scale(0.61);
            transform: scale(0.61);
    right: -1px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-big {
    right: 0;
    top: 0;
    position: relative;
    width: 130px;
    height: 130px;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-big:before, .db-mgm-wrapper .db-mgm-right .db-mgm-right-big:after {
  content: "";
  position: absolute;
  border-radius: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-big:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(45deg, #ffffff 0%, #eaeaea 100%);
  -webkit-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.08);
          box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.08);
  z-index: -1;
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-big:after {
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  background: linear-gradient(45deg, #eaeaea 0%, #ffffff 100%);
  -webkit-box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.08);
          box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.08);
  z-index: -2;
}
@media (max-width: 1199px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-big:after {
    -webkit-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.08);
            box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.08);
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-big:after {
    -webkit-box-shadow: -2px -2px 15px rgba(2, 78, 192, 0.4);
            box-shadow: -2px -2px 15px rgba(2, 78, 192, 0.4);
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-big h5 {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #024ec0;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-big h5 {
    font-size: 1rem;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small {
  position: absolute;
  width: 70px;
  height: 70px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small {
    width: 60px;
    height: 60px;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:before, .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:after {
  content: "";
  position: absolute;
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:before {
  border-style: solid;
  border-width: 0;
  border-color: #247cff;
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:after {
  width: 8px;
  height: 8px;
  background: #247cff;
  border-radius: 20px;
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small span:before, .db-mgm-wrapper .db-mgm-right .db-mgm-right-small span:after {
  content: "";
  position: absolute;
  border-radius: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small span:before {
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  background: #ffffff;
  z-index: -1;
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small span:after {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  background: #024ec0;
  -webkit-box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.08);
          box-shadow: 5px -5px 15px rgba(0, 0, 0, 0.08);
  z-index: -2;
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small h5 {
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  color: #212121;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small h5 {
    font-size: 0.7rem;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(2) {
  top: -10px;
  right: 140px;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(2) {
    top: -15px;
    right: 130px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(2) {
    top: auto;
    right: auto;
    left: 50px;
    bottom: -40px;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(2):before {
  width: 80px;
  height: 50px;
  top: 62px;
  left: -80px;
  border-width: 1px 0 0 1px;
  border-radius: 20px 0 0 0;
}
@media (max-width: 1199px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(2):before {
    width: 70px;
    left: -70px;
  }
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(2):before {
    width: 90px;
    left: -90px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(2):before {
    width: 46px;
    left: 53px;
    height: 1px;
    top: 4px;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(2):after {
  left: 0px;
  top: 59px;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(2):after {
    left: 52px;
    top: 0;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(3) {
  top: 55px;
  right: 75px;
  padding: 0 0 0.625rem 0;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(3) {
    top: 50px;
    right: 65px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(3) {
    right: auto;
    top: 40px;
    left: -20px;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(3):before {
  width: 120px;
  height: 1px;
  top: 62px;
  left: -120px;
  border-width: 1px 0px 0 0;
  border-radius: 0;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(3):before {
    width: 140px;
    top: 63px;
    left: -140px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(3):before {
    width: 50px;
    top: 29px;
    left: auto;
    right: -66px;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(3):after {
  left: 0px;
  top: 59px;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(3):after {
    left: 73px;
    top: calc(50% - 4px);
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(4) {
  top: 120px;
  right: 10px;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(4) {
    top: 115px;
    right: 0px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(4) {
    top: auto;
    right: 50%;
    bottom: -110px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(4):before {
  width: 140px;
  height: 1px;
  top: 35px;
  left: -160px;
  border-width: 1px 0px 0 0;
  border-radius: 0;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(4):before {
    width: 2px;
    height: 46px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -66px;
    border-width: 0 1px 0 0;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(4):after {
  left: -23px;
  top: 31px;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(4):after {
    left: calc(50% - 4px);
    top: -22px;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(5) {
  top: auto;
  right: 75px;
  bottom: 55px;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(5) {
    right: 65px;
    bottom: 60px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(5) {
    bottom: -40px;
    right: 50px;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(5):before {
  width: 130px;
  height: 1px;
  top: 3px;
  left: -120px;
  border-width: 1px 0px 0 0;
  border-radius: 0;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(5):before {
    width: 140px;
    top: 4px;
    left: -130px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(5):before {
    width: 30px;
    top: 4px;
    left: -25px;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(5):after {
  left: 3px;
  top: 0px;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(5):after {
    left: 1px;
    top: 0px;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(6) {
  top: auto;
  right: 140px;
  bottom: -10px;
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(6) {
    right: 130px;
    bottom: -5px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(6) {
    bottom: 30px;
    right: -20px;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(6):before {
  width: 90px;
  height: 50px;
  top: -46px;
  left: -80px;
  border-width: 0 0 1px 1px;
  border-radius: 0 0 0 20px;
}
@media (max-width: 1199px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(6):before {
    width: 80px;
    left: -70px;
  }
}
@media (max-width: 991px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(6):before {
    width: 100px;
    left: -90px;
  }
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(6):before {
    width: 44px;
    top: 30px;
    left: -60px;
    height: 1px;
  }
}
.db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(6):after {
  left: 3px;
  top: 0px;
}
@media (max-width: 767px) {
  .db-mgm-wrapper .db-mgm-right .db-mgm-right-small:nth-of-type(6):after {
    left: -22px;
    top: calc(50% - 4px);
  }
}

.dbm-service .col-sm-6, .dbm-service .col-md-4 {
  margin-bottom: 1.875rem;
}
.dbm-service .dbm-item {
  padding: 1.875rem;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #ffffff;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .dbm-service .dbm-item {
    padding: 0.8rem 0.8rem 0.8rem 1rem;
  }
}
.dbm-service .dbm-item::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: -1;
}
.dbm-service .dbm-item::after {
  content: "";
  width: 95%;
  height: 95%;
  border-radius: 10px;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 1px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: -2;
}
.dbm-service .dbm-item .dbm-icon {
  margin-bottom: 0.9375rem;
  width: 135px;
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .dbm-service .dbm-item .dbm-icon {
    width: 125px;
    height: 125px;
  }
}
.dbm-service .dbm-item .dbm-icon:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 110px;
  background: linear-gradient(250deg, rgba(36, 124, 255, 0.3) 19%, rgba(2, 78, 192, 0.3) 100%);
  border-radius: 110px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
  z-index: -1;
}
@media (max-width: 1199px) {
  .dbm-service .dbm-item .dbm-icon:before {
    height: 96px;
    top: 13px;
  }
}
.dbm-service .dbm-item .dbm-icon svg {
  width: 60px;
  fill: url(#MyGradient);
}
@media (max-width: 1199px) {
  .dbm-service .dbm-item .dbm-icon svg {
    width: 50px;
  }
}
.dbm-service .dbm-item .dbm-content h4 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #101010;
}
@media (max-width: 991px) {
  .dbm-service .dbm-item .dbm-content h4 {
    font-size: 1rem;
  }
}
.dbm-service .dbm-item .dbm-content p, .dbm-service .dbm-item .dbm-content li {
  color: #151515;
}
@media (max-width: 991px) {
  .dbm-service .dbm-item .dbm-content li:before {
    left: 0.3125rem;
  }
}
.dbm-service .dbm-item:hover:after {
  -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px);
          transform: rotate(2deg) translateX(-5px) translateY(16px);
}
.dbm-service .dbm-item:hover .dbm-icon:before {
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
.dbm-service .dbm-item:hover .dbm-icon svg {
  fill: #ffffff;
}

.project-management .pm-step {
  padding-top: 30px;
}
.project-management .pm-step .pm-item h3, .project-management .pm-step .pm-item .process-step-heading {
  position: relative;
  font-size: 1.75rem;
  font-weight: 700;
  color: #024ec0;
  margin-bottom: 0.625rem;
  letter-spacing: 0.5px;
  /*padding-left: 2.5rem;*/
  /*cursor: pointer;*/
  /*@media (max-width:599px) {
      padding-left: 1.875rem;
  }*/
}
@media (max-width: 1199px) {
  .project-management .pm-step .pm-item h3, .project-management .pm-step .pm-item .process-step-heading {
    font-size: 1.375rem;
  }
}
@media (max-width: 767px) {
  .project-management .pm-step .pm-item h3, .project-management .pm-step .pm-item .process-step-heading {
    font-size: 1.25rem;
  }
}
@media (max-width: 599px) {
  .project-management .pm-step .pm-item .pm-icon {
    text-align: center;
  }
}
.project-management .pm-step .pm-item .pm-icon img {
  width: 100%;
}
@media (max-width: 575px) {
  .project-management .pm-step .pm-item .pm-icon img {
    width: 50%;
  }
}
.project-management .pm-step .pm-item.ml-item .pm-icon img {
  max-width: 300px;
}
.project-management .pm-step .pm-content p {
  font-size: 1.125rem;
  color: #101010;
}
@media (max-width: 1199px) {
  .project-management .pm-step .pm-content p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .project-management .pm-step .pm-content p {
    font-size: 0.875rem;
  }
}
.project-management .pm-step .pm-content .pm-list h5, .project-management .pm-step .pm-content .pm-list .process-step-inner {
  font-size: 1.375rem;
  font-weight: 700;
  color: #024ec0;
}
@media (max-width: 1199px) {
  .project-management .pm-step .pm-content .pm-list h5, .project-management .pm-step .pm-content .pm-list .process-step-inner {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) {
  .project-management .pm-step .pm-content .pm-list h5, .project-management .pm-step .pm-content .pm-list .process-step-inner {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 599px) {
  .project-management .pm-step .pm-content .pm-list h5, .project-management .pm-step .pm-content .pm-list .process-step-inner {
    margin-bottom: 0.625rem;
  }
}
.project-management .pm-step .pm-content .pm-list ul li {
  font-size: 1.125rem;
  color: #101010;
  /*padding-left: 15px;*/
}
@media (max-width: 1199px) {
  .project-management .pm-step .pm-content .pm-list ul li {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .project-management .pm-step .pm-content .pm-list ul li {
    margin-bottom: 0.875rem;
  }
}
@media (max-width: 599px) {
  .project-management .pm-step .pm-content .pm-list ul li {
    margin-bottom: 0.625rem;
  }
}
.project-management .pm-step .pm-content .pm-list ul li::before {
  background: linear-gradient(45deg, #ffffff 0%, #eaeaea 100%);
  border: solid 1px rgba(0, 0, 0, 0.2);
  left: 0px;
}
.project-management .pm-step.dts-step {
  padding-bottom: 30px;
}
.project-management .pm-step.cc-step {
  padding-top: 40px;
}
.project-management .pm-step.cc-step .cc-heading {
  position: relative;
}
.project-management .pm-step.cc-step .cc-heading:before {
  content: "";
  position: absolute;
  left: -15px;
  top: -20px;
  background: #E5F3FF;
  width: 25%;
  height: 50px;
}
.project-management .pm-step.cc-step .cc-content {
  height: 100%;
}
.project-management .pm-step.cc-step .cc-content .cc-link .cc-item {
  height: 100%;
  text-align: center;
  background: #ffffff;
  padding: 1.25rem;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  position: relative;
}
.project-management .pm-step.cc-step .cc-content .cc-link .cc-item i {
  position: absolute;
  right: 10px;
  top: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  color: #024ec0;
}
.project-management .pm-step.cc-step .cc-content .cc-link .cc-item .cc-icon img {
  max-width: 100px;
}
.project-management .pm-step.cc-step .cc-content .cc-link .cc-item .cc-text h4 {
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  font-weight: 700;
  color: #000000;
  margin: 0;
}
@media (max-width: 1199px) {
  .project-management .pm-step.cc-step .cc-content .cc-link .cc-item .cc-text h4 {
    font-size: 1.25rem;
  }
}
@media (max-width: 991px) {
  .project-management .pm-step.cc-step .cc-content .cc-link .cc-item .cc-text h4 {
    font-size: 1rem;
  }
}
.project-management .pm-step.cc-step .cc-content .cc-link .cc-item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  width: 0px;
  border-radius: 8px;
  background: #024ec0;
  -webkit-transition: 0.4s ease all;
  transition: 0.4s ease all;
}
.project-management .pm-step.cc-step .cc-content .cc-link:hover .cc-item i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.project-management .pm-step.cc-step .cc-content .cc-link:hover .cc-item .cc-text h4 {
  color: #024ec0;
}
.project-management .pm-step.cc-step .cc-content .cc-link:hover .cc-item:after {
  width: 100%;
}
.project-management .pm-side-menu {
  position: sticky;
  top: 110px;
}
.project-management .pm-side-menu nav ul li {
  list-style: none;
}
.project-management .pm-side-menu nav ul li a {
  color: #101010;
}
.project-management .pm-side-menu nav ul li.active a {
  color: #024ec0;
  position: relative;
  font-weight: 600;
}
.project-management .pm-side-menu nav ul li.active a::after {
  content: "";
  position: absolute;
  bottom: 0;
  border-left: 2px solid #024ec0;
  left: -15px;
  height: 100%;
  /*transform: rotate(90deg);*/
}
.project-management .pm-side-menu nav ul li::before {
  display: none;
}
.project-management .pm-side-menu:before {
  position: absolute;
  content: "";
  border-left: 2px solid #c5c1c1;
  height: 100%;
  left: 15px;
}
@media (max-width: 991px) {
  .project-management .pm-side-menu:before {
    left: 5px;
  }
}
@media (max-width: 767px) {
  .project-management .pm-side-menu:before {
    display: none;
  }
}
.project-management .pm-side-menu.dt-side-menu:before {
  display: none;
}
.project-management .pm-side-menu.dt-side-menu nav {
  position: relative;
}
.project-management .pm-side-menu.dt-side-menu nav:after {
  position: absolute;
  content: "";
  border-left: 2px solid #c5c1c1;
  height: 100%;
  left: 15px;
  top: 0;
  z-index: -1;
}
@media (max-width: 991px) {
  .project-management .pm-side-menu.dt-side-menu nav:after {
    left: 5px;
  }
}
@media (max-width: 767px) {
  .project-management .pm-side-menu.dt-side-menu nav:after {
    display: none;
  }
}
@media (max-width: 999px) {
  .project-management .pm-side-menu.dt-side-menu {
    display: none;
  }
}
.project-management .pm-side-menu.cc-side-menu:before {
  height: calc(100% - 45px);
  top: 45px;
}
.project-management.digital-transformation .ceo-parent {
  border: 10px solid #f2f8fd;
  padding: 30px;
  margin-bottom: 40px;
}
.project-management.digital-transformation .ceo-parent .ceo-text p {
  font-weight: 600;
}
.project-management.digital-transformation .ceo-parent .ceo-quote-text h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}
.project-management.digital-transformation .ceo-parent .ceo-quote-text h3 svg {
  width: 30px;
  margin-top: -20px;
}
.project-management.digital-transformation .ceo-parent .ceo-quote-text p {
  font-size: 16px;
}
.project-management.java-toc .pm-side-menu {
  padding-top: 20px;
}

.divider {
  position: relative;
  padding-bottom: 20px;
}

.div-transparent {
  position: relative;
}
.div-transparent:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 5%;
  right: 5%;
  width: 90%;
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgb(28, 113, 240)), to(transparent));
  background-image: linear-gradient(to right, transparent, rgb(28, 113, 240), transparent);
}

@media (max-width: 767px) {
  .top-order {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (max-width: 767px) {
  .bottom-order {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 30px;
  }
}

.progressOne {
  padding: 15px;
}
.progressOne .node {
  height: 35px;
  width: 35px;
  display: inline-block;
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
  z-index: 99;
  position: absolute;
  left: -10px;
}
.progressOne .activated {
  -webkit-box-shadow: 0px 0px 3px 2px rgba(194, 255, 194, 0.8);
          box-shadow: 0px 0px 3px 2px rgba(194, 255, 194, 0.8);
}
.progressOne .divider {
  height: 100%;
  width: 3px;
  margin-left: 4px;
  -webkit-transition: all 800ms ease;
  transition: all 800ms ease;
  position: absolute;
  top: 0;
}
.progressOne .li p {
  display: inline-block;
  margin-left: 40px;
}
.progressOne .li {
  list-style: none;
  position: relative;
}
.progressOne .li:last-child {
  padding-bottom: 0;
}
.progressOne .li .content {
  margin-left: 40px;
  /*padding-bottom: 40px;*/
}
.progressOne .divider::before {
  content: "";
  width: 3px;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  position: absolute;
  top: 0;
  height: 0%;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.progressOne .li:hover .divider::before {
  height: 100% !important;
}
.progressOne .li:hover .green {
  border: 1px solid #024ec0 !important;
  color: #024ec0 !important;
}
.progressOne .li:hover .content h3 {
  color: #024ec0 !important;
}
.progressOne .li:hover .content ul li::before {
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
.progressOne .green {
  background-color: #ffffff;
  text-align: center;
  line-height: 37px;
  border: 1px solid #ddd;
}
.progressOne .grey {
  background-color: rgb(201, 201, 201);
}
.progressOne.progressOne-new .li p {
  margin-left: 0;
}

.our-methods .how-we-work-methods .item .section-heading {
  margin-bottom: 1rem;
}
.our-methods .our-methods-image img {
  width: 100%;
  max-width: 100%;
}

.product-development-cycle .contentRow {
  position: relative;
}
.product-development-cycle .contentRow::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  background: #247cff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 991px) {
  .product-development-cycle .contentRow::after {
    display: none;
  }
}
.product-development-cycle .contentRow .pd-content-parent {
  padding-top: 15px;
}
.product-development-cycle .contentRow .pd-content-parent .pd-heading {
  position: relative;
}
.product-development-cycle .contentRow .pd-content-parent .pd-heading.pd-firstHeading::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -80px;
  width: calc(100% - 150px);
  height: 2px;
  background: #247cff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 991px) {
  .product-development-cycle .contentRow .pd-content-parent .pd-heading.pd-firstHeading::before {
    display: none;
  }
}
.product-development-cycle .contentRow .pd-content-parent .pd-heading span {
  background: #247cff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
}
.product-development-cycle .contentRow .pd-content-parent .pd-heading h3 {
  font-size: 22px;
}
.product-development-cycle .contentRow .pd-content-parent .pd-heading h3.firstHeading {
  position: relative;
}
.product-development-cycle .contentRow .pd-content-parent .pd-heading h3.firstHeading::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -15px;
  height: 40px;
  width: 2px;
  background: #247cff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 991px) {
  .product-development-cycle .contentRow .pd-content-parent .pd-heading h3.firstHeading::after {
    display: none;
  }
}
.product-development-cycle .contentRow .pd-content-parent .pd-heading .icon {
  position: absolute;
  top: -15px;
  left: -133px;
  background: #ffffff;
  border: solid #ffffff;
  z-index: 1;
  border-width: 15px 0;
}
@media (max-width: 991px) {
  .product-development-cycle .contentRow .pd-content-parent .pd-heading .icon {
    left: -60px;
  }
}
.product-development-cycle .contentRow .pd-content-parent .pd-heading .icon svg {
  max-width: 35px;
}
.product-development-cycle .contentRow .pd-content-parent .pd-content .pd-list h5 {
  font-size: 18px;
  color: #247cff;
}
.product-development-cycle .contentRow .pd-content-parent .pd-content .pd-list .client-info img {
  max-width: 100px;
  margin-bottom: 10px;
}
.product-development-cycle .contentRow .pd-content-parent .pd-content .pd-list .client-info h5 {
  margin-bottom: 10px;
  color: #000000;
}
.product-development-cycle .contentRow .pd-content-parent .pd-content .pd-list .client-info p.ceo {
  color: #247cff;
}
.product-development-cycle .contentRow .pd-content-parent.pd-content-left {
  padding-right: 100px;
}
.product-development-cycle .contentRow .pd-content-parent.pd-content-right {
  margin-bottom: 50px;
  padding-left: 100px;
}
.product-development-cycle .contentRow .pd-content-parent.pd-content-right .pd-heading::before {
  display: none;
}
.product-development-cycle .contentRow .pd-content-parent.pd-content-right .pd-heading h5 {
  color: #247cff;
  margin-bottom: 16px;
}
.product-development-cycle .contentRow .pd-content-parent.pd-content-right .pd-content h5 {
  color: #000000;
  font-size: 20px;
  font-weight: 500;
}
.product-development-cycle .contentRow.flex-row-reverse::after {
  top: 0;
  left: 0;
}
.product-development-cycle .contentRow.flex-row-reverse .pd-content-parent .pd-heading::before {
  display: none;
}
.product-development-cycle .contentRow.flex-row-reverse .pd-content-parent.pd-content-left {
  padding-right: 0;
  padding-left: 100px;
}
@media (max-width: 991px) {
  .product-development-cycle .contentRow.flex-row-reverse .pd-content-parent.pd-content-left {
    padding-left: 0;
  }
}
.product-development-cycle .contentRow.flex-row-reverse .pd-content-parent.pd-content-right {
  padding-right: 50px;
  padding-left: 100px;
}
@media (max-width: 991px) {
  .product-development-cycle .contentRow.flex-row-reverse .pd-content-parent.pd-content-right {
    padding-left: 0;
    padding-right: 0;
  }
}
.product-development-cycle .contentRow .borderBottom {
  border-bottom: 2px solid #247cff;
}
@media (max-width: 991px) {
  .product-development-cycle .contentRow .borderBottom {
    display: none;
  }
}

.work-environment .work-environment-img {
  /*background-image: url('../../../images/work-environment.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  width: 100%;
  height: 100%;*/
  overflow: hidden;
}
.work-environment .work-environment-img img {
  max-width: 100%;
  width: 100%;
}

.recognized .section-heading {
  position: relative;
}
.recognized .section-heading:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #E3E3E3;
  bottom: -30px;
  left: 0;
}
.recognized .section-heading .section-title {
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.recognized .section-heading .section-title::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 2px;
  background: #247cff;
  top: 50%;
  right: -110px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.recognized .table-service-item .ts-content h4 .ts-icon {
  margin-bottom: 0;
}
.recognized .table-service-item .ts-content h4 .ts-icon svg {
  max-width: 50px;
}
.recognized .table-service-item:hover .ts-content h4 .ts-icon svg path {
  fill: #ffffff;
}

.app-panels .col-sm-10 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
}
.app-panels .trend-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 3rem;
}
.app-panels .trend-tabs .nav-pills {
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 10px 20px rgba(140, 152, 164, 0.25);
          box-shadow: 0 10px 20px rgba(140, 152, 164, 0.25);
}
@media (max-width: 767px) {
  .app-panels .trend-tabs .nav-pills {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.app-panels .trend-tabs .nav-pills .nav-link {
  border-radius: 0;
  background: #ffffff;
  color: #acb8c2;
  padding: 0.9375rem 3rem;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 1299px) {
  .app-panels .trend-tabs .nav-pills .nav-link {
    padding: 0.9375rem 2.5rem;
  }
}
@media (max-width: 1199px) {
  .app-panels .trend-tabs .nav-pills .nav-link {
    padding: 0.9375rem 1.25rem;
  }
}
@media (max-width: 991px) {
  .app-panels .trend-tabs .nav-pills .nav-link {
    padding: 0.9375rem 0.875rem;
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .app-panels .trend-tabs .nav-pills .nav-link {
    padding: 0;
    text-align: center;
    background: transparent;
  }
}
.app-panels .trend-tabs .nav-pills .nav-link:hover {
  opacity: 1;
  color: #8f9fac;
}
.app-panels .trend-tabs .nav-pills .nav-link:hover .tab-icon svg {
  stroke: #8f9fac;
}
.app-panels .trend-tabs .nav-pills .nav-link.active {
  background: #ffffff;
  color: #024ec0;
}
.app-panels .trend-tabs .nav-pills .nav-link.active .tab-icon svg {
  stroke: #012f74;
}
@media (max-width: 767px) {
  .app-panels .trend-tabs .nav-pills .nav-link.active {
    background: transparent;
  }
}
.app-panels .tab-content .tab-pane .col-sm-6, .app-panels .tab-content .tab-pane .col-md-4 {
  margin-bottom: 1.875rem;
}
@media (max-width: 599px) {
  .app-panels .tab-content .tab-pane .col-sm-6, .app-panels .tab-content .tab-pane .col-md-4 {
    margin-bottom: 1.3rem;
  }
}
.app-panels .tab-content .tab-pane .tap-item {
  background: #ffffff;
  border: solid 1px #e6e6e6;
  border-radius: 10px;
  padding: 1.875rem 1.4375rem;
  text-align: center;
  height: 100%;
}
@media (max-width: 991px) {
  .app-panels .tab-content .tab-pane .tap-item {
    padding: 0.9375rem;
  }
}
.app-panels .tab-content .tab-pane .tap-item .tap-icon {
  margin-bottom: 0.625rem;
}
.app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  width: 80px;
  fill: url(#MyGradient);
}
@media (max-width: 1199px) {
  .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
    width: 60px;
  }
}
.app-panels .tab-content .tab-pane .tap-item .tap-content h4 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 1.25rem;
}
@media (max-width: 991px) {
  .app-panels .tab-content .tab-pane .tap-item .tap-content h4 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.app-panels .tab-content .tab-pane .tap-item .tap-content p {
  margin-bottom: 0;
}
.app-panels .tab-content .tab-pane .tap-item:hover .tap-icon svg {
  -webkit-animation: icon-pulse 0.5s;
          animation: icon-pulse 0.5s;
}

.advanced-features .col-sm-6, .advanced-features .col-md-4 {
  margin-bottom: 1.875rem;
}
.advanced-features .af-item {
  background: #ecf4fd;
  border-radius: 10px;
  padding: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 1199px) {
  .advanced-features .af-item {
    display: block;
  }
}
@media (max-width: 1199px) {
  .advanced-features .af-item {
    padding: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .advanced-features .af-item {
    padding: 15px;
    text-align: center;
  }
}
.advanced-features .af-item .af-icon {
  margin-right: 0.9375rem;
  width: 70px;
  height: 70px;
  background: #ffffff;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1199px) {
  .advanced-features .af-item .af-icon {
    margin-bottom: 0.9375rem;
    margin-right: 0;
  }
}
.advanced-features .af-item .af-icon svg {
  width: 50px;
  fill: url(#MyGradient);
}
@media (max-width: 767px) {
  .advanced-features .af-item .af-icon svg {
    width: 42px;
  }
}
.advanced-features .af-item .af-icon svg path {
  fill: url(#MyGradient);
}
.advanced-features .af-item .af-content {
  width: calc(100% - 85px);
}
@media (max-width: 1199px) {
  .advanced-features .af-item .af-content {
    width: 100%;
  }
}
.advanced-features .af-item .af-content h5 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 0.625rem;
}
@media (max-width: 991px) {
  .advanced-features .af-item .af-content h5 {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .advanced-features .af-item .af-content h5 {
    font-size: 0.9rem;
  }
}
.advanced-features .af-item .af-content p {
  margin-bottom: 0;
}
.advanced-features .af-item:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
.advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.advanced-features .af-item:hover .af-icon svg path {
  fill: #ffffff;
}

.trend-choose .col-sm-6, .trend-choose .col-md-4 {
  margin-bottom: 1.875rem;
}
.trend-choose .tc-item {
  padding: 1.5rem;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #ffffff;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .trend-choose .tc-item {
    padding: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .trend-choose .tc-item {
    padding: 1rem;
    text-align: center;
  }
}
.trend-choose .tc-item:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: -1;
}
.trend-choose .tc-item:after {
  content: "";
  width: 95%;
  height: 95%;
  border-radius: 10px;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  position: absolute;
  top: auto;
  bottom: 1px;
  left: 1px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: -2;
}
.trend-choose .tc-item .tc-icon {
  margin-bottom: 0.9375rem;
  width: 135px;
  height: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .trend-choose .tc-item .tc-icon {
    width: 110px;
    height: 100px;
  }
}
@media (max-width: 767px) {
  .trend-choose .tc-item .tc-icon {
    margin: 0 auto 0.625rem;
  }
}
.trend-choose .tc-item .tc-icon:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 110px;
  background: linear-gradient(250deg, rgba(36, 124, 255, 0.3) 19%, rgba(2, 78, 192, 0.3) 100%);
  border-radius: 110px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
  z-index: -1;
}
@media (max-width: 1199px) {
  .trend-choose .tc-item .tc-icon:before {
    top: 7px;
    height: 86px;
  }
}
.trend-choose .tc-item .tc-icon svg {
  width: 60px;
  fill: url(#MyGradient);
}
@media (max-width: 991px) {
  .trend-choose .tc-item .tc-icon svg {
    width: 50px;
  }
}
.trend-choose .tc-item .tc-content h4 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #101010;
}
@media (max-width: 1199px) {
  .trend-choose .tc-item .tc-content h4 {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) {
  .trend-choose .tc-item .tc-content h4 {
    font-size: 1rem;
  }
}
.trend-choose .tc-item .tc-content p, .trend-choose .tc-item .tc-content li {
  color: #151515;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .trend-choose .tc-item .tc-content p {
    font-size: 14px;
  }
}
.trend-choose .tc-item .tc-content a {
  margin-top: 2rem;
}
.trend-choose .tc-item .tc-content.tc-content-new ul li {
  font-size: 18px;
  line-height: 24px;
  color: #101010;
  font-weight: 400;
  padding-left: 2.875rem;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .trend-choose .tc-item .tc-content.tc-content-new ul li {
    font-size: 16px;
    line-height: 19px;
  }
}
@media (max-width: 767px) {
  .trend-choose .tc-item .tc-content.tc-content-new ul li {
    font-size: 14px;
  }
}
.trend-choose .tc-item:hover:after {
  -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px);
          transform: rotate(2deg) translateX(-5px) translateY(16px);
}
.trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
.trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.trend-choose.ai-ml-use-cases .tc-item .tc-icon svg path {
  fill: url(#MyGradient);
}
.trend-choose.ai-ml-use-cases .tc-item:hover .tc-icon svg path {
  fill: #ffffff;
}
.trend-choose.project-cost-option .tc-item:hover .tc-icon svg path.request-security {
  stroke: #ffffff;
}

@media (max-width: 767px) {
  .col-change .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 599px) {
  .col-change .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.trend-tabs .nav-item .tab-icon {
  display: block;
  margin: 0 auto 0.625rem;
  text-align: center;
  max-height: 40px;
}
.trend-tabs .nav-item .tab-icon svg {
  height: 40px;
  fill: none;
  stroke-width: 1;
  stroke: #acb8c2;
}
.trend-tabs .nav-item .tab-icon.user svg {
  stroke-width: 1;
  stroke-dasharray: 90;
  stroke-dashoffset: 0;
}
.trend-tabs .nav-item .tab-icon.admin svg {
  stroke-width: 1;
  stroke-dasharray: 40;
  stroke-dashoffset: 0;
}
.trend-tabs .nav-item .tab-icon.restautrant svg {
  stroke-width: 12;
  stroke-dasharray: 2780;
  stroke-dashoffset: 0;
}
.trend-tabs .nav-item .tab-icon.delivery svg {
  stroke-width: 20;
  stroke-dasharray: 1360;
  stroke-dashoffset: 0;
}
.trend-tabs .nav-item .tab-icon.delivery.driver svg {
  stroke-width: 20;
  stroke-dasharray: 1580;
  stroke-dashoffset: 0;
}
.trend-tabs .nav-item .tab-icon.washer svg {
  stroke-width: 20;
  stroke-dasharray: 1430;
  stroke-dashoffset: 0;
}
.trend-tabs .nav-item .tab-icon.bookie svg {
  stroke-width: 3;
  stroke-dasharray: 196;
  stroke-dashoffset: 0;
}
.trend-tabs .nav-item .tab-icon.vendor svg {
  stroke-width: 0.8;
  stroke-dasharray: 58;
  stroke-dashoffset: 0;
}
.trend-tabs .nav-item .tab-icon.service-provider svg {
  stroke-width: 4;
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
}
.trend-tabs .nav-item .tab-icon.delivery-personnel svg {
  stroke-width: 4;
  stroke-dasharray: 360;
  stroke-dashoffset: 0;
}
.trend-tabs .nav-item .tab-icon.pharmacist svg {
  stroke-width: 10;
  stroke-dasharray: 560;
  stroke-dashoffset: 0;
}
.trend-tabs .nav-item .tab-icon.driver svg {
  stroke-width: 4;
  stroke-dasharray: 312;
  stroke-dashoffset: 0;
}
.trend-tabs .nav-item .tab-icon.tutor svg {
  stroke-width: 3;
  stroke-dasharray: 412;
  stroke-dashoffset: 0;
}
.trend-tabs .nav-item .tab-icon.store svg {
  stroke-width: 4;
  stroke-dasharray: 412;
  stroke-dashoffset: 0;
}
.trend-tabs .nav-item.active {
  color: #024ec0 !important;
}
.trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user 2s linear forwards;
          animation: animate-user 2s linear forwards;
}
.trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin 2s linear forwards;
          animation: animate-admin 2s linear forwards;
}
.trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant 2s linear forwards;
          animation: animate-restautrant 2s linear forwards;
}
.trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery 2s linear forwards;
          animation: animate-delivery 2s linear forwards;
}
.trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer 2s linear forwards;
          animation: animate-washer 2s linear forwards;
}
.trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie 2s linear forwards;
          animation: animate-bookie 2s linear forwards;
}
.trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor 2s linear forwards;
          animation: animate-vendor 2s linear forwards;
}
.trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider 2s linear forwards;
          animation: animate-service-provider 2s linear forwards;
}
.trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel 2s linear forwards;
          animation: animate-delivery-personnel 2s linear forwards;
}
.trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist 2s linear forwards;
          animation: animate-pharmacist 2s linear forwards;
}
.trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver 2s linear forwards;
          animation: animate-driver 2s linear forwards;
}
.trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor 2s linear forwards;
          animation: animate-tutor 2s linear forwards;
}
.trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store 2s linear forwards;
          animation: animate-store 2s linear forwards;
}

@-webkit-keyframes animate-user {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #012f74;
    fill: #024ec0;
  }
}

@keyframes animate-user {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-admin {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-admin {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-restautrant {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-restautrant {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-delivery {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-delivery {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-washer {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-washer {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-bookie {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-bookie {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-vendor {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-vendor {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-service-provider {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-service-provider {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-delivery-personnel {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-delivery-personnel {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-pharmacist {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-pharmacist {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-driver {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-driver {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-tutor {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-tutor {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-store {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-store {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes dash-fill {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 260;
  }
  80% {
    stroke-dashoffset: 520;
    stroke: #ffffff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 520;
    stroke: #cccccc;
    fill: #ffffff;
  }
}
@keyframes dash-fill {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 260;
  }
  80% {
    stroke-dashoffset: 520;
    stroke: #ffffff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 520;
    stroke: #cccccc;
    fill: #ffffff;
  }
}
.step-process .step-side-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.step-process .step-side-wrapper .tsp-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.875rem;
}
@media (max-width: 991px) {
  .step-process .step-side-wrapper .tsp-item {
    width: 33.3333333333%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: block;
  }
}
@media (max-width: 767px) {
  .step-process .step-side-wrapper .tsp-item {
    width: auto;
  }
}
@media (max-width: 767px) {
  .step-process .step-side-wrapper .tsp-item:first-child {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .step-process .step-side-wrapper .tsp-item:nth-child(2) {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .step-process .step-side-wrapper .tsp-item:nth-child(3) {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .step-process .step-side-wrapper .tsp-item {
    width: 100%;
  }
}
.step-process .step-side-wrapper .tsp-item .tsp-icon {
  width: 60px;
}
@media (max-width: 1199px) {
  .step-process .step-side-wrapper .tsp-item .tsp-icon {
    width: 40px;
  }
}
@media (max-width: 767px) {
  .step-process .step-side-wrapper .tsp-item .tsp-icon {
    width: 50px;
    margin: 0 auto 0.625rem;
  }
}
.step-process .step-side-wrapper .tsp-item .tsp-icon svg {
  fill: url(#MyGradient);
}
.step-process .step-side-wrapper .tsp-item .tsp-content {
  width: calc(100% - 80px);
  text-align: left;
}
@media (max-width: 1199px) {
  .step-process .step-side-wrapper .tsp-item .tsp-content {
    width: calc(100% - 52px);
    text-align: left;
  }
}
@media (max-width: 991px) {
  .step-process .step-side-wrapper .tsp-item .tsp-content {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .step-process .step-side-wrapper .tsp-item .tsp-content {
    text-align: center;
  }
}
.step-process .step-side-wrapper .tsp-item .tsp-content h5 {
  font-size: 1.375rem;
  font-weight: 800;
  display: inline-block;
  color: #212121;
  margin-bottom: 0.9375rem;
}
@media (max-width: 1199px) {
  .step-process .step-side-wrapper .tsp-item .tsp-content h5 {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .step-process .step-side-wrapper .tsp-item .tsp-content h5 {
    font-size: 1.125rem;
  }
}
.step-process .step-side-wrapper .tsp-item .tsp-content p {
  font-size: 1rem;
  color: #484848;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .step-process .step-side-wrapper .tsp-item .tsp-content p {
    font-size: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 599px) {
  .step-process .step-side-wrapper .tsp-item .tsp-content p {
    padding-right: 0;
  }
}
.step-process .step-center-wrapper {
  text-align: center;
  position: relative;
}
.step-process .step-center-wrapper img {
  max-width: 300px;
  -webkit-filter: drop-shadow(20px 0px 20px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(20px 0px 20px rgba(0, 0, 0, 0.1));
}
@media (max-width: 1199px) {
  .step-process .step-center-wrapper img {
    max-width: 250px;
  }
}
@media (max-width: 991px) {
  .step-process .step-center-wrapper img {
    max-width: 150px;
    margin-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .step-process .col-sm-4 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.step-process.dl-step-process .step-center-wrapper img {
  max-width: 100px;
}
.step-process.dl-step-process .step-center-wrapper h3 {
  margin-top: 15px;
  font-size: 1.5rem;
  font-weight: 700;
}

.trendProcess .trp-wrapper {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: block;
  padding-top: 8rem;
  height: 340px;
  background: url(../images/process-arrow.png) no-repeat top center;
}
@media (max-width: 767px) {
  .trendProcess .trp-wrapper {
    padding-top: 1.25rem;
    height: auto;
  }
}
@media (max-width: 599px) {
  .trendProcess .trp-wrapper {
    height: auto;
    padding-top: 0;
    background-image: none;
  }
}
.trendProcess .trp-wrapper .trp-item {
  width: 24%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: static;
  padding-top: 7rem;
}
@media (max-width: 767px) {
  .trendProcess .trp-wrapper .trp-item {
    display: inline-block;
    padding-top: 0;
  }
}
@media (max-width: 599px) {
  .trendProcess .trp-wrapper .trp-item {
    width: 100%;
    padding-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.trendProcess .trp-wrapper .trp-item .pplane {
  display: block;
  position: absolute;
  height: 160px;
  width: 150px;
  margin: 0 auto;
}
.trendProcess .trp-wrapper .trp-item .pplane img {
  position: absolute;
  top: 1px;
  left: -32px;
  -webkit-transform: rotate(-29deg);
          transform: rotate(-29deg);
  z-index: -1;
}
.trendProcess .trp-wrapper .trp-item .pplane:after, .trendProcess .trp-wrapper .trp-item .pplane:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.trendProcess .trp-wrapper .trp-item .pplane:before {
  border-left: 0px solid transparent;
  border-right: 125px solid transparent;
  border-bottom: 69px solid #579bff;
  top: 7px;
  right: 6px;
  -webkit-transform: skew(20deg, 10deg);
          transform: skew(20deg, 10deg);
}
.trendProcess .trp-wrapper .trp-item .pplane:after {
  border-left: 0px solid transparent;
  border-right: 125px solid transparent;
  border-top: 69px solid #247cff;
  bottom: 15px;
  right: 6px;
  -webkit-transform: skew(-20deg, 10deg);
          transform: skew(-20deg, 10deg);
}
@media (max-width: 767px) {
  .trendProcess .trp-wrapper .trp-item .pplane {
    display: none;
  }
}
.trendProcess .trp-wrapper .trp-item .trp-content {
  margin-top: 0.625rem;
  width: calc(100% - 50px);
}
@media (max-width: 767px) {
  .trendProcess .trp-wrapper .trp-item .trp-content {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .trendProcess .trp-wrapper .trp-item .trp-content {
    text-align: center;
    margin-bottom: 20px;
  }
}
.trendProcess .trp-wrapper .trp-item .trp-content h5 {
  font-size: 1rem;
  font-weight: 700;
  color: #247cff;
}
.trendProcess .trp-wrapper .trp-item .trp-content p {
  margin-bottom: 0;
  font-size: 13px;
}
.trendProcess .trp-wrapper .trp-item .trp-icon {
  width: 60px;
}
@media (max-width: 767px) {
  .trendProcess .trp-wrapper .trp-item .trp-icon {
    width: 38px;
  }
}
@media (max-width: 599px) {
  .trendProcess .trp-wrapper .trp-item .trp-icon {
    width: 60px;
  }
}
.trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #247cff;
}
.trendProcess .trp-wrapper .trp-item:first-of-type {
  -webkit-transform: translate(50px, -200px);
          transform: translate(50px, -200px);
}
@media (max-width: 991px) {
  .trendProcess .trp-wrapper .trp-item:first-of-type {
    -webkit-transform: translate(9px, -199px);
            transform: translate(9px, -199px);
  }
}
@media (max-width: 767px) {
  .trendProcess .trp-wrapper .trp-item:first-of-type {
    -webkit-transform: translate(9px, -85px);
            transform: translate(9px, -85px);
  }
}
@media (max-width: 599px) {
  .trendProcess .trp-wrapper .trp-item:first-of-type {
    -webkit-transform: none;
            transform: none;
  }
}
.trendProcess .trp-wrapper .trp-item:first-of-type .pplane {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  right: -20px;
  top: 20px;
}
@media (max-width: 1199px) {
  .trendProcess .trp-wrapper .trp-item:first-of-type .pplane {
    right: -17px;
    top: 8px;
  }
}
@media (max-width: 991px) {
  .trendProcess .trp-wrapper .trp-item:first-of-type .pplane {
    right: -93px;
    top: 51px;
    -webkit-transform: rotate(25deg) scale(0.7);
            transform: rotate(25deg) scale(0.7);
  }
}
@media (max-width: 767px) {
  .trendProcess .trp-wrapper .trp-item:first-of-type .pplane {
    -webkit-transform: rotate(25deg) scale(0.5);
            transform: rotate(25deg) scale(0.5);
  }
}
@media (max-width: 599px) {
  .trendProcess .trp-wrapper .trp-item:first-of-type .pplane {
    display: none;
  }
}
.trendProcess .trp-wrapper .trp-item:nth-of-type(2) {
  -webkit-transform: translate(61px, -40px);
          transform: translate(61px, -40px);
  padding-top: 9.375rem;
}
@media (max-width: 991px) {
  .trendProcess .trp-wrapper .trp-item:nth-of-type(2) {
    -webkit-transform: translate(51px, -57px);
            transform: translate(51px, -57px);
  }
}
@media (max-width: 767px) {
  .trendProcess .trp-wrapper .trp-item:nth-of-type(2) {
    -webkit-transform: translate(10px, -50px);
            transform: translate(10px, -50px);
    padding-top: 0;
  }
}
@media (max-width: 599px) {
  .trendProcess .trp-wrapper .trp-item:nth-of-type(2) {
    -webkit-transform: none;
            transform: none;
    padding-top: 0rem;
  }
}
.trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane {
  top: 0;
  left: 35px;
}
@media (max-width: 991px) {
  .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane {
    left: 8px;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}
@media (max-width: 767px) {
  .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane {
    left: -8px;
    -webkit-transform: rotate(-3deg) scale(0.5);
            transform: rotate(-3deg) scale(0.5);
    top: 4px;
  }
}
@media (max-width: 599px) {
  .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane {
    display: none;
  }
}
.trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #247cff;
}
.trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #0060f0;
}
.trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #0060f0;
}
.trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #0060f0;
}
.trendProcess .trp-wrapper .trp-item:nth-of-type(3) {
  -webkit-transform: translate(100px, -50px);
          transform: translate(100px, -50px);
  padding-top: 8.75rem;
}
@media (max-width: 767px) {
  .trendProcess .trp-wrapper .trp-item:nth-of-type(3) {
    -webkit-transform: translate(20px, -50px);
            transform: translate(20px, -50px);
    padding-top: 0;
  }
}
@media (max-width: 599px) {
  .trendProcess .trp-wrapper .trp-item:nth-of-type(3) {
    -webkit-transform: none !important;
            transform: none !important;
    padding-top: 10px;
  }
}
.trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane {
  -webkit-transform: rotate(-26deg);
          transform: rotate(-26deg);
  top: -20px;
  left: -50px;
}
@media (max-width: 1199px) {
  .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane {
    top: -25px;
    left: -68px;
  }
}
@media (max-width: 991px) {
  .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane {
    top: -27px;
    left: -93px;
    -webkit-transform: rotate(-41deg) scale(0.7);
            transform: rotate(-41deg) scale(0.7);
  }
}
@media (max-width: 767px) {
  .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane {
    -webkit-transform: rotate(-38deg) scale(0.5);
            transform: rotate(-38deg) scale(0.5);
    top: -26px;
    left: -63px;
  }
}
@media (max-width: 599px) {
  .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane {
    display: none;
  }
}
.trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #0060f0;
}
.trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #004cbd;
}
.trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #004cbd;
}
.trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #004cbd;
}
.trendProcess .trp-wrapper .trp-item:last-of-type {
  -webkit-transform: translate(80px, -260px);
          transform: translate(80px, -260px);
  padding-top: 3.75rem;
}
@media (max-width: 1199px) {
  .trendProcess .trp-wrapper .trp-item:last-of-type {
    -webkit-transform: translate(40px, -266px);
            transform: translate(40px, -266px);
  }
}
@media (max-width: 991px) {
  .trendProcess .trp-wrapper .trp-item:last-of-type {
    -webkit-transform: translate(15px, -263px);
            transform: translate(15px, -263px);
  }
}
@media (max-width: 767px) {
  .trendProcess .trp-wrapper .trp-item:last-of-type {
    -webkit-transform: translate(15px, -101px);
            transform: translate(15px, -101px);
    padding-top: 0;
  }
}
@media (max-width: 599px) {
  .trendProcess .trp-wrapper .trp-item:last-of-type {
    -webkit-transform: none;
            transform: none;
    padding-top: 10px;
  }
}
.trendProcess .trp-wrapper .trp-item:last-of-type .pplane {
  -webkit-transform: rotate(-56deg);
          transform: rotate(-56deg);
  top: 20px;
  left: -130px;
}
@media (max-width: 991px) {
  .trendProcess .trp-wrapper .trp-item:last-of-type .pplane {
    -webkit-transform: rotate(-67deg) scale(0.7);
            transform: rotate(-67deg) scale(0.7);
    top: 20px;
    left: -112px;
  }
}
@media (max-width: 767px) {
  .trendProcess .trp-wrapper .trp-item:last-of-type .pplane {
    -webkit-transform: rotate(-70deg) scale(0.5);
            transform: rotate(-70deg) scale(0.5);
  }
}
@media (max-width: 599px) {
  .trendProcess .trp-wrapper .trp-item:last-of-type .pplane {
    display: none;
  }
}
.trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #004cbd;
}
.trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #00378a;
}
.trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #00378a;
}
.trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #00378a;
}
@media (max-width: 599px) {
  .trendProcess .trp-wrapper .trp-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media (max-width: 767px) {
  .trendProcess .sec-bottom-padd {
    padding-bottom: 4.875rem;
  }
}

.work-steps .work-steps-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .work-steps .work-steps-wrapper {
    padding-top: 1.25rem;
  }
}
.work-steps .work-steps-wrapper .ws-item {
  width: 230px;
  margin: 0 1.0625rem 3.25rem;
  text-align: center;
  padding: 3.125rem 1.25rem;
  position: relative;
  text-align: center;
  z-index: 1;
}
@media (max-width: 1199px) {
  .work-steps .work-steps-wrapper .ws-item {
    width: 198px;
    margin: 0 1.0625rem 3.25rem;
    padding: 2.125rem 1.25rem;
  }
}
@media (max-width: 991px) {
  .work-steps .work-steps-wrapper .ws-item {
    margin: 0 0.8rem 2.25rem;
  }
}
@media (max-width: 767px) {
  .work-steps .work-steps-wrapper .ws-item {
    width: 30%;
    margin: 0 0.5rem 2.4rem;
    padding: 1rem 0.4rem;
  }
}
@media (max-width: 599px) {
  .work-steps .work-steps-wrapper .ws-item {
    width: 44%;
  }
}
.work-steps .work-steps-wrapper .ws-item.r3 {
  width: 320px;
}
@media (max-width: 1199px) {
  .work-steps .work-steps-wrapper .ws-item.r3 {
    width: 275px;
  }
}
@media (max-width: 991px) {
  .work-steps .work-steps-wrapper .ws-item.r3 {
    width: 212px;
    padding: 1.125rem 1.25rem;
  }
}
@media (max-width: 767px) {
  .work-steps .work-steps-wrapper .ws-item.r3 {
    width: 171px;
    padding: 1rem;
  }
}
@media (max-width: 599px) {
  .work-steps .work-steps-wrapper .ws-item.r3 {
    width: 100%;
  }
}
.work-steps .work-steps-wrapper .ws-item:before, .work-steps .work-steps-wrapper .ws-item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 30px;
}
.work-steps .work-steps-wrapper .ws-item:before {
  top: -10px;
  bottom: -10px;
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  z-index: -2;
  -webkit-box-shadow: 7px 2px 15px rgba(0, 0, 0, 0.26);
          box-shadow: 7px 2px 15px rgba(0, 0, 0, 0.26);
}
.work-steps .work-steps-wrapper .ws-item:after {
  background: #ffffff;
  z-index: -1;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.work-steps .work-steps-wrapper .ws-item .ws-count {
  text-align: center;
  font-size: 1.875rem;
  letter-spacing: 0.5px;
  color: #484848;
  font-weight: 800;
  line-height: 25px;
  margin-bottom: 0.9375rem;
}
@media (max-width: 767px) {
  .work-steps .work-steps-wrapper .ws-item .ws-count {
    line-height: 23px;
    font-size: 1.5rem;
    margin-bottom: 0.3rem;
  }
}
.work-steps .work-steps-wrapper .ws-item .ws-count small {
  display: block;
  font-size: 1rem;
  color: #484848;
  letter-spacing: 0;
  text-transform: uppercase;
}
.work-steps .work-steps-wrapper .ws-item .ws-content h5 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 0.9375rem;
  padding-bottom: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .work-steps .work-steps-wrapper .ws-item .ws-content h5 {
    font-size: 1rem;
  }
}
.work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  content: "";
  width: 50px;
  height: 2px;
  background: #024ec0;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.work-steps .work-steps-wrapper .ws-item .ws-content p {
  margin-bottom: 0;
  font-size: 1rem;
  color: #101010;
}
@media (max-width: 767px) {
  .work-steps .work-steps-wrapper .ws-item .ws-content p {
    font-size: 14px;
  }
}
.work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #bdd8ff 0%, #5e9efd 58%);
}
.work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #8ab9ff 0%, #2b7ffd 58%);
}
.work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #579bff 0%, #0363f2 58%);
}
.work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
.work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #0060f0 0%, #01398e 58%);
}
.work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #004cbd 0%, #01255b 58%);
}
.work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #00378a 0%, #001029 58%);
}
.work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #004cbd 0%, #01255b 58%);
}
.work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #0060f0 0%, #01398e 58%);
}
.work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #bdd8ff 0%, #5e9efd 58%);
}

.additional-features {
  background: #024ec0 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.additional-features .section-heading .section-title {
  color: #ffffff;
}
.additional-features .section-heading p, .additional-features .section-heading li {
  color: #ffffff;
}
.additional-features .additional-features-carousel .col-sm-6, .additional-features .additional-features-carousel .col-md-4, .additional-features .additional-features-carousel .col-sm-3 {
  margin-bottom: 1.875rem;
}
.additional-features .additional-features-carousel .additional-item {
  background: #ffffff;
  border-radius: 20px;
  padding: 2.5rem 1.875rem 1.875rem;
  -webkit-box-shadow: 0 0 30px rgba(236, 244, 253, 0.27);
          box-shadow: 0 0 30px rgba(236, 244, 253, 0.27);
  height: 100%;
}
@media (max-width: 1199px) {
  .additional-features .additional-features-carousel .additional-item {
    padding: 2rem 1.3rem;
  }
}
@media (max-width: 991px) {
  .additional-features .additional-features-carousel .additional-item {
    padding: 1rem;
    text-align: center;
  }
}
.additional-features .additional-features-carousel .additional-item .addition-icon {
  margin-bottom: 0.9375rem;
  width: 95px;
  height: 88px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .additional-features .additional-features-carousel .additional-item .addition-icon {
    width: 110px;
    height: 100px;
  }
}
@media (max-width: 991px) {
  .additional-features .additional-features-carousel .additional-item .addition-icon {
    margin: 0 auto 0.9375rem;
  }
}
.additional-features .additional-features-carousel .additional-item .addition-icon:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 100%;
  height: 77px;
  background: linear-gradient(250deg, rgba(36, 124, 255, 0.3) 19%, rgba(2, 78, 192, 0.3) 100%);
  border-radius: 60px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
  z-index: -1;
}
@media (max-width: 1199px) {
  .additional-features .additional-features-carousel .additional-item .addition-icon:before {
    top: 7px;
    height: 86px;
  }
}
.additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #024ec0;
  width: 60px;
}
@media (max-width: 991px) {
  .additional-features .additional-features-carousel .additional-item .addition-icon svg {
    width: 50px;
  }
}
.additional-features .additional-features-carousel .additional-item .additional-content h5 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #212121;
}
@media (max-width: 1199px) {
  .additional-features .additional-features-carousel .additional-item .additional-content h5 {
    font-size: 1.125rem;
  }
}
.additional-features .additional-features-carousel .additional-item .additional-content p, .additional-features .additional-features-carousel .additional-item .additional-content ul {
  margin-bottom: 0;
}
.additional-features .additional-features-carousel .additional-item .additional-content p, .additional-features .additional-features-carousel .additional-item .additional-content li {
  color: #5a6c7b;
}
.additional-features .additional-features-carousel .additional-item .additional-content ul li {
  padding-left: 1.875rem;
}
.additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #024ec0;
  position: absolute;
  top: 3px;
  left: 0;
}
.additional-features .additional-features-carousel .additional-item .additional-content ul li:after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
  position: absolute;
  top: 3px;
  left: 0;
  top: 7px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.additional-features .additional-features-carousel .owl-stage {
  padding: 3.125rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.additional-features .additional-features-carousel .owl-item .additional-item {
  -webkit-filter: blur(5px);
          filter: blur(5px);
  opacity: 0.9;
}
.additional-features .additional-features-carousel .owl-item .additional-item .addition-icon {
  opacity: 0.5;
}
.additional-features .additional-features-carousel .owl-item .additional-item .additional-content {
  opacity: 0.5;
}
.additional-features .additional-features-carousel .owl-item.active .additional-item {
  -webkit-filter: blur(0);
          filter: blur(0);
  opacity: 1;
}
.additional-features .additional-features-carousel .owl-item.active .additional-item .addition-icon {
  opacity: 1;
}
.additional-features .additional-features-carousel .owl-item.active .additional-item .additional-content {
  opacity: 1;
}
.additional-features .additional-features-carousel .owl-item.center .additional-item {
  -webkit-filter: blur(0);
          filter: blur(0);
  opacity: 1;
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}
.additional-features .additional-features-carousel .owl-item.center .additional-item .addition-icon {
  opacity: 1;
}
.additional-features .additional-features-carousel .owl-item.center .additional-item .addition-icon:before {
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
.additional-features .additional-features-carousel .owl-item.center .additional-item .addition-icon svg {
  fill: #ffffff;
}
.additional-features .additional-features-carousel .owl-item.center .additional-item .additional-content {
  opacity: 1;
}
.additional-features .additional-features-carousel .owl-item.center + .active + .active .additional-item {
  -webkit-filter: blur(5px);
          filter: blur(5px);
  opacity: 0.9;
}
.additional-features .additional-features-carousel .owl-item.center + .active + .active .additional-item .addition-icon {
  opacity: 0.5;
}
.additional-features .additional-features-carousel .owl-item.center + .active + .active .additional-item .additional-content {
  opacity: 0.5;
}
.additional-features .additional-features-carousel .owl-dots {
  margin-top: 0;
}
.additional-features .additional-features-carousel .owl-nav.disabled {
  display: block;
}
.additional-features .additional-features-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #024ec0;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: solid 2px #ffffff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.additional-features .additional-features-carousel .owl-nav button span {
  display: none;
}
.additional-features .additional-features-carousel .owl-nav button:before {
  content: "";
  font-family: "Material Icons Round";
  font-size: 2.5rem;
  color: #ffffff;
}
.additional-features .additional-features-carousel .owl-nav button.owl-prev {
  left: 30px;
}
.additional-features .additional-features-carousel .owl-nav button.owl-prev:before {
  content: "\e314";
}
.additional-features .additional-features-carousel .owl-nav button.owl-next {
  right: 30px;
}
.additional-features .additional-features-carousel .owl-nav button.owl-next:before {
  content: "\e315";
}
.additional-features .additional-features-carousel .owl-nav button:hover {
  background: #000000;
}

.w530 {
  max-width: 530px !important;
}

.food-delivery-app .inner-banner .banner-content h2 {
  color: #ff174c;
}
.food-delivery-app .inner-banner .banner-content h2 span {
  color: #ff740a;
}
.food-delivery-app .service-content .content-area p span {
  color: #ff174c;
}
.food-delivery-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#FoodPageGradient);
}
.food-delivery-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #ff174c;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.food-delivery-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.food-delivery-app .section-heading p span {
  color: #ff174c;
}
.food-delivery-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#FoodPageGradient);
}
.food-delivery-app .advanced-features .af-item .af-icon svg {
  fill: url(#FoodPageGradient);
}
.food-delivery-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.food-delivery-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #ff174c 0%, #ff740a 58%);
}
.food-delivery-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#FoodPageGradient);
}
.food-delivery-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #ff174c 0%, #ff740a 58%);
}
.food-delivery-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.food-delivery-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(255, 116, 10, 0.25) 19%, rgba(255, 23, 76, 0.24) 100%);
}
.food-delivery-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #ff174c 0%, #ff740a 58%);
}
.food-delivery-app .trend-choose .tc-item .tc-content p strong {
  color: #ff174c;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #ff4a73;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #ff174c;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #ff174c;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #ff174c;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #ff174c;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #e30034;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #e30034;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #e30034;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #e30034;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #b00028;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #b00028;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #b00028;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #b00028;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #7d001d;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #7d001d;
}
.food-delivery-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #7d001d;
}
.food-delivery-app .additional-features {
  background: #ff174c url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.food-delivery-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(255, 116, 10, 0.27);
          box-shadow: 0 0 30px rgba(255, 116, 10, 0.27);
}
.food-delivery-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(255, 116, 10, 0.25) 19%, rgba(255, 23, 76, 0.24) 100%);
}
.food-delivery-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #ff174c;
}
.food-delivery-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #ff174c;
}
.food-delivery-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #ff174c 0%, #ff740a 58%);
}
.food-delivery-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.food-delivery-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #ff174c;
}
.food-delivery-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #ffcba3 0%, #ffb0c2 58%);
}
.food-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #ffae70 0%, #ff7d9b 58%);
}
.food-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #ff913d 0%, #ff4a73 58%);
}
.food-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #ff740a 0%, #ff174c 58%);
}
.food-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #d65d00 0%, #e30034 58%);
}
.food-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #a34700 0%, #b00028 58%);
}
.food-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #703000 0%, #7d001d 58%);
}
.food-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #a34700 0%, #b00028 58%);
}
.food-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #d65d00 0%, #e30034 58%);
}
.food-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #ffcba3 0%, #ffb0c2 58%);
}
.food-delivery-app .trend-tabs .nav-item.active {
  color: #ff174c !important;
}
.food-delivery-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-food-delivery-app 2s linear forwards;
          animation: animate-user-food-delivery-app 2s linear forwards;
}
.food-delivery-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-food-delivery-app 2s linear forwards;
          animation: animate-admin-food-delivery-app 2s linear forwards;
}
.food-delivery-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-food-delivery-app 2s linear forwards;
          animation: animate-restautrant-food-delivery-app 2s linear forwards;
}
.food-delivery-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-food-delivery-app 2s linear forwards;
          animation: animate-delivery-food-delivery-app 2s linear forwards;
}
.food-delivery-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-food-delivery-app 2s linear forwards;
          animation: animate-washer-food-delivery-app 2s linear forwards;
}
.food-delivery-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-food-delivery-app 2s linear forwards;
          animation: animate-bookie-food-delivery-app 2s linear forwards;
}
.food-delivery-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-food-delivery-app 2s linear forwards;
          animation: animate-vendor-food-delivery-app 2s linear forwards;
}
.food-delivery-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-food-delivery-app 2s linear forwards;
          animation: animate-service-provider-food-delivery-app 2s linear forwards;
}
.food-delivery-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-food-delivery-app 2s linear forwards;
          animation: animate-delivery-personnel-food-delivery-app 2s linear forwards;
}
.food-delivery-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-food-delivery-app 2s linear forwards;
          animation: animate-pharmacist-food-delivery-app 2s linear forwards;
}
.food-delivery-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-food-delivery-app 2s linear forwards;
          animation: animate-driver-food-delivery-app 2s linear forwards;
}
.food-delivery-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-food-delivery-app 2s linear forwards;
          animation: animate-delivery-food-delivery-app 2s linear forwards;
}
.food-delivery-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-food-delivery-app 2s linear forwards;
          animation: animate-tutor-food-delivery-app 2s linear forwards;
}
.food-delivery-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-food-delivery-app 2s linear forwards;
          animation: animate-store-food-delivery-app 2s linear forwards;
}
.food-delivery-app .iot-tabs .nav-item.active {
  color: #ff174c !important;
  border-bottom-color: #ff174c !important;
}
.food-delivery-app .iot-smart-solution .svg-icon svg {
  fill: url(#FoodPageGradient);
}
.food-delivery-app .step-process svg {
  fill: url(#FoodPageGradient) !important;
}
@-webkit-keyframes animate-user-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@keyframes animate-user-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@-webkit-keyframes animate-admin-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@keyframes animate-admin-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@-webkit-keyframes animate-restautrant-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@keyframes animate-restautrant-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@-webkit-keyframes animate-delivery-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@keyframes animate-delivery-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@-webkit-keyframes animate-washer-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@keyframes animate-washer-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@-webkit-keyframes animate-bookie-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@keyframes animate-bookie-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@-webkit-keyframes animate-vendor-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@keyframes animate-vendor-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@-webkit-keyframes animate-service-provider-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@keyframes animate-service-provider-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@-webkit-keyframes animate-delivery-personnel-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@keyframes animate-delivery-personnel-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@-webkit-keyframes animate-pharmacist-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@keyframes animate-pharmacist-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@-webkit-keyframes animate-driver-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@keyframes animate-driver-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@keyframes animate-delivery-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@-webkit-keyframes animate-tutor-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@keyframes animate-tutor-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@-webkit-keyframes animate-store-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
@keyframes animate-store-food-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ff174c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #ca002e;
    fill: #ff174c;
  }
}
.food-delivery-app .latest-technologies svg {
  fill: #ff174c !important;
}

.car-wash-app .inner-banner .banner-content h2 {
  color: #f26a21;
}
.car-wash-app .inner-banner .banner-content h2 span {
  color: #ffa83d;
}
.car-wash-app .service-content .content-area p span {
  color: #f26a21;
}
.car-wash-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#CarWashPageGradient);
}
.car-wash-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #f26a21;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.car-wash-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.car-wash-app .section-heading p span {
  color: #f26a21;
}
.car-wash-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#CarWashPageGradient);
}
.car-wash-app .advanced-features .af-item .af-icon svg {
  fill: url(#CarWashPageGradient);
}
.car-wash-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.car-wash-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #f26a21 0%, #ffa83d 58%);
}
.car-wash-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#CarWashPageGradient);
}
.car-wash-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #f26a21 0%, #ffa83d 58%);
}
.car-wash-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.car-wash-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(255, 168, 61, 0.25) 19%, rgba(242, 106, 33, 0.24) 100%);
}
.car-wash-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #f26a21 0%, #ffa83d 58%);
}
.car-wash-app .trend-choose .tc-item .tc-content p strong {
  color: #f26a21;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #f58a51;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #f26a21;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #f26a21;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #f26a21;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #f26a21;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #d4520c;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #d4520c;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #d4520c;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #d4520c;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #a33f0a;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #a33f0a;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #a33f0a;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #a33f0a;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #732d07;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #732d07;
}
.car-wash-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #732d07;
}
.car-wash-app .additional-features {
  background: #f26a21 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.car-wash-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(255, 168, 61, 0.27);
          box-shadow: 0 0 30px rgba(255, 168, 61, 0.27);
}
.car-wash-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(255, 168, 61, 0.25) 19%, rgba(242, 106, 33, 0.24) 100%);
}
.car-wash-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #f26a21;
}
.car-wash-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #f26a21;
}
.car-wash-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #f26a21 0%, #ffa83d 58%);
}
.car-wash-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.car-wash-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #f26a21;
}
.car-wash-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #ffedd6 0%, #facbb2 58%);
}
.car-wash-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #ffd6a3 0%, #f8ab81 58%);
}
.car-wash-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #ffbf70 0%, #f58a51 58%);
}
.car-wash-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #ffa83d 0%, #f26a21 58%);
}
.car-wash-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #ff910a 0%, #d4520c 58%);
}
.car-wash-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #d67600 0%, #a33f0a 58%);
}
.car-wash-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #a35a00 0%, #732d07 58%);
}
.car-wash-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #d67600 0%, #a33f0a 58%);
}
.car-wash-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #ff910a 0%, #d4520c 58%);
}
.car-wash-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #ffedd6 0%, #facbb2 58%);
}
.car-wash-app .trend-tabs .nav-item.active {
  color: #f26a21 !important;
}
.car-wash-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-car-wash-app 2s linear forwards;
          animation: animate-user-car-wash-app 2s linear forwards;
}
.car-wash-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-car-wash-app 2s linear forwards;
          animation: animate-admin-car-wash-app 2s linear forwards;
}
.car-wash-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-car-wash-app 2s linear forwards;
          animation: animate-restautrant-car-wash-app 2s linear forwards;
}
.car-wash-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-car-wash-app 2s linear forwards;
          animation: animate-delivery-car-wash-app 2s linear forwards;
}
.car-wash-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-car-wash-app 2s linear forwards;
          animation: animate-washer-car-wash-app 2s linear forwards;
}
.car-wash-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-car-wash-app 2s linear forwards;
          animation: animate-bookie-car-wash-app 2s linear forwards;
}
.car-wash-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-car-wash-app 2s linear forwards;
          animation: animate-vendor-car-wash-app 2s linear forwards;
}
.car-wash-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-car-wash-app 2s linear forwards;
          animation: animate-service-provider-car-wash-app 2s linear forwards;
}
.car-wash-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-car-wash-app 2s linear forwards;
          animation: animate-delivery-personnel-car-wash-app 2s linear forwards;
}
.car-wash-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-car-wash-app 2s linear forwards;
          animation: animate-pharmacist-car-wash-app 2s linear forwards;
}
.car-wash-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-car-wash-app 2s linear forwards;
          animation: animate-driver-car-wash-app 2s linear forwards;
}
.car-wash-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-car-wash-app 2s linear forwards;
          animation: animate-delivery-car-wash-app 2s linear forwards;
}
.car-wash-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-car-wash-app 2s linear forwards;
          animation: animate-tutor-car-wash-app 2s linear forwards;
}
.car-wash-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-car-wash-app 2s linear forwards;
          animation: animate-store-car-wash-app 2s linear forwards;
}
.car-wash-app .iot-tabs .nav-item.active {
  color: #f26a21 !important;
  border-bottom-color: #f26a21 !important;
}
.car-wash-app .iot-smart-solution .svg-icon svg {
  fill: url(#CarWashPageGradient);
}
.car-wash-app .step-process svg {
  fill: url(#CarWashPageGradient) !important;
}
@-webkit-keyframes animate-user-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@keyframes animate-user-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@-webkit-keyframes animate-admin-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@keyframes animate-admin-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@-webkit-keyframes animate-restautrant-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@keyframes animate-restautrant-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@-webkit-keyframes animate-delivery-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@keyframes animate-delivery-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@-webkit-keyframes animate-washer-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@keyframes animate-washer-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@-webkit-keyframes animate-bookie-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@keyframes animate-bookie-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@-webkit-keyframes animate-vendor-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@keyframes animate-vendor-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@-webkit-keyframes animate-service-provider-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@keyframes animate-service-provider-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@-webkit-keyframes animate-delivery-personnel-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@keyframes animate-delivery-personnel-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@-webkit-keyframes animate-pharmacist-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@keyframes animate-pharmacist-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@-webkit-keyframes animate-driver-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@keyframes animate-driver-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@keyframes animate-delivery-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@-webkit-keyframes animate-tutor-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@keyframes animate-tutor-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@-webkit-keyframes animate-store-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
@keyframes animate-store-car-wash-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #f26a21;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #bc490b;
    fill: #f26a21;
  }
}
.car-wash-app .latest-technologies svg {
  fill: #f26a21 !important;
}

.dating-app .inner-banner .banner-content h2 {
  color: #c81f25;
}
.dating-app .inner-banner .banner-content h2 span {
  color: #f05155;
}
.dating-app .service-content .content-area p span {
  color: #c81f25;
}
.dating-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#DatingPageGradient);
}
.dating-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #c81f25;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.dating-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.dating-app .section-heading p span {
  color: #c81f25;
}
.dating-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#DatingPageGradient);
}
.dating-app .advanced-features .af-item .af-icon svg {
  fill: url(#DatingPageGradient);
}
.dating-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.dating-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #c81f25 0%, #f05155 58%);
}
.dating-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#DatingPageGradient);
}
.dating-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #c81f25 0%, #f05155 58%);
}
.dating-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.dating-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(240, 81, 85, 0.25) 19%, rgba(200, 31, 37, 0.24) 100%);
}
.dating-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #c81f25 0%, #f05155 58%);
}
.dating-app .trend-choose .tc-item .tc-content p strong {
  color: #c81f25;
}
.dating-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #e03a40;
}
.dating-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #c81f25;
}
.dating-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #c81f25;
}
.dating-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #c81f25;
}
.dating-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #c81f25;
}
.dating-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #9c181d;
}
.dating-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #9c181d;
}
.dating-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #9c181d;
}
.dating-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #9c181d;
}
.dating-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #701115;
}
.dating-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #701115;
}
.dating-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #701115;
}
.dating-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #701115;
}
.dating-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #440a0c;
}
.dating-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #440a0c;
}
.dating-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #440a0c;
}
.dating-app .additional-features {
  background: #c81f25 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.dating-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(240, 81, 85, 0.27);
          box-shadow: 0 0 30px rgba(240, 81, 85, 0.27);
}
.dating-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(240, 81, 85, 0.25) 19%, rgba(200, 31, 37, 0.24) 100%);
}
.dating-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #c81f25;
}
.dating-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #c81f25;
}
.dating-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #c81f25 0%, #f05155 58%);
}
.dating-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.dating-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #c81f25;
}
.dating-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #fcdedf 0%, #ee9295 58%);
}
.dating-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #f8afb1 0%, #e7666a 58%);
}
.dating-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #f48083 0%, #e03a40 58%);
}
.dating-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #f05155 0%, #c81f25 58%);
}
.dating-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #ec2227 0%, #9c181d 58%);
}
.dating-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #ca1116 0%, #701115 58%);
}
.dating-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #9b0d11 0%, #440a0c 58%);
}
.dating-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #ca1116 0%, #701115 58%);
}
.dating-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #ec2227 0%, #9c181d 58%);
}
.dating-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #fcdedf 0%, #ee9295 58%);
}
.dating-app .trend-tabs .nav-item.active {
  color: #c81f25 !important;
}
.dating-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-dating-app 2s linear forwards;
          animation: animate-user-dating-app 2s linear forwards;
}
.dating-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-dating-app 2s linear forwards;
          animation: animate-admin-dating-app 2s linear forwards;
}
.dating-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-dating-app 2s linear forwards;
          animation: animate-restautrant-dating-app 2s linear forwards;
}
.dating-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-dating-app 2s linear forwards;
          animation: animate-delivery-dating-app 2s linear forwards;
}
.dating-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-dating-app 2s linear forwards;
          animation: animate-washer-dating-app 2s linear forwards;
}
.dating-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-dating-app 2s linear forwards;
          animation: animate-bookie-dating-app 2s linear forwards;
}
.dating-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-dating-app 2s linear forwards;
          animation: animate-vendor-dating-app 2s linear forwards;
}
.dating-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-dating-app 2s linear forwards;
          animation: animate-service-provider-dating-app 2s linear forwards;
}
.dating-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-dating-app 2s linear forwards;
          animation: animate-delivery-personnel-dating-app 2s linear forwards;
}
.dating-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-dating-app 2s linear forwards;
          animation: animate-pharmacist-dating-app 2s linear forwards;
}
.dating-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-dating-app 2s linear forwards;
          animation: animate-driver-dating-app 2s linear forwards;
}
.dating-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-dating-app 2s linear forwards;
          animation: animate-delivery-dating-app 2s linear forwards;
}
.dating-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-dating-app 2s linear forwards;
          animation: animate-tutor-dating-app 2s linear forwards;
}
.dating-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-dating-app 2s linear forwards;
          animation: animate-store-dating-app 2s linear forwards;
}
.dating-app .iot-tabs .nav-item.active {
  color: #c81f25 !important;
  border-bottom-color: #c81f25 !important;
}
.dating-app .iot-smart-solution .svg-icon svg {
  fill: url(#DatingPageGradient);
}
.dating-app .step-process svg {
  fill: url(#DatingPageGradient) !important;
}
@-webkit-keyframes animate-user-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #861519;
    fill: #c81f25;
  }
}
@keyframes animate-user-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #861519;
    fill: #c81f25;
  }
}
@-webkit-keyframes animate-admin-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #861519;
    fill: #c81f25;
  }
}
@keyframes animate-admin-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #861519;
    fill: #c81f25;
  }
}
@-webkit-keyframes animate-restautrant-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #861519;
    fill: #c81f25;
  }
}
@keyframes animate-restautrant-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #861519;
    fill: #c81f25;
  }
}
@-webkit-keyframes animate-delivery-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #861519;
    fill: #c81f25;
  }
}
@keyframes animate-delivery-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #861519;
    fill: #c81f25;
  }
}
@-webkit-keyframes animate-washer-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #861519;
    fill: #c81f25;
  }
}
@keyframes animate-washer-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #861519;
    fill: #c81f25;
  }
}
@-webkit-keyframes animate-bookie-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #861519;
    fill: #c81f25;
  }
}
@keyframes animate-bookie-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #861519;
    fill: #c81f25;
  }
}
@-webkit-keyframes animate-vendor-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #861519;
    fill: #c81f25;
  }
}
@keyframes animate-vendor-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #861519;
    fill: #c81f25;
  }
}
@-webkit-keyframes animate-service-provider-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #861519;
    fill: #c81f25;
  }
}
@keyframes animate-service-provider-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #861519;
    fill: #c81f25;
  }
}
@-webkit-keyframes animate-delivery-personnel-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #861519;
    fill: #c81f25;
  }
}
@keyframes animate-delivery-personnel-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #861519;
    fill: #c81f25;
  }
}
@-webkit-keyframes animate-pharmacist-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #861519;
    fill: #c81f25;
  }
}
@keyframes animate-pharmacist-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #861519;
    fill: #c81f25;
  }
}
@-webkit-keyframes animate-driver-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #861519;
    fill: #c81f25;
  }
}
@keyframes animate-driver-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #861519;
    fill: #c81f25;
  }
}
@keyframes animate-delivery-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #861519;
    fill: #c81f25;
  }
}
@-webkit-keyframes animate-tutor-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #861519;
    fill: #c81f25;
  }
}
@keyframes animate-tutor-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #861519;
    fill: #c81f25;
  }
}
@-webkit-keyframes animate-store-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #861519;
    fill: #c81f25;
  }
}
@keyframes animate-store-dating-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #c81f25;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #861519;
    fill: #c81f25;
  }
}
.dating-app .latest-technologies svg {
  fill: #c81f25 !important;
}

.sports-betting-app .inner-banner .banner-content h2 {
  color: #fdba29;
}
.sports-betting-app .inner-banner .banner-content h2 span {
  color: #fcdb3a;
}
.sports-betting-app .service-content .content-area p span {
  color: #fdba29;
}
.sports-betting-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#SportsBettingPageGradient);
}
.sports-betting-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #fdba29;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.sports-betting-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.sports-betting-app .section-heading p span {
  color: #fdba29;
}
.sports-betting-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#SportsBettingPageGradient);
}
.sports-betting-app .advanced-features .af-item .af-icon svg {
  fill: url(#SportsBettingPageGradient);
}
.sports-betting-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.sports-betting-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #fdba29 0%, #fcdb3a 58%);
}
.sports-betting-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#SportsBettingPageGradient);
}
.sports-betting-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #fdba29 0%, #fcdb3a 58%);
}
.sports-betting-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.sports-betting-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(252, 219, 58, 0.25) 19%, rgba(253, 186, 41, 0.24) 100%);
}
.sports-betting-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #fdba29 0%, #fcdb3a 58%);
}
.sports-betting-app .trend-choose .tc-item .tc-content p strong {
  color: #fdba29;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #fdca5c;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #fdba29;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #fdba29;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #fdba29;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #fdba29;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #f1a502;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #f1a502;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #f1a502;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #f1a502;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #be8302;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #be8302;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #be8302;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #be8302;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #8c6001;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #8c6001;
}
.sports-betting-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #8c6001;
}
.sports-betting-app .additional-features {
  background: #fdba29 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.sports-betting-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(252, 219, 58, 0.27);
          box-shadow: 0 0 30px rgba(252, 219, 58, 0.27);
}
.sports-betting-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(252, 219, 58, 0.25) 19%, rgba(253, 186, 41, 0.24) 100%);
}
.sports-betting-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #fdba29;
}
.sports-betting-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #fdba29;
}
.sports-betting-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #fdba29 0%, #fcdb3a 58%);
}
.sports-betting-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.sports-betting-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #fdba29;
}
.sports-betting-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #fef7d1 0%, #feebc1 58%);
}
.sports-betting-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #feed9e 0%, #fedb8e 58%);
}
.sports-betting-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #fde46c 0%, #fdca5c 58%);
}
.sports-betting-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #fcdb3a 0%, #fdba29 58%);
}
.sports-betting-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #fbd208 0%, #f1a502 58%);
}
.sports-betting-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #cdab03 0%, #be8302 58%);
}
.sports-betting-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #9b8102 0%, #8c6001 58%);
}
.sports-betting-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #cdab03 0%, #be8302 58%);
}
.sports-betting-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #fbd208 0%, #f1a502 58%);
}
.sports-betting-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #fef7d1 0%, #feebc1 58%);
}
.sports-betting-app .trend-tabs .nav-item.active {
  color: #fdba29 !important;
}
.sports-betting-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-sports-betting-app 2s linear forwards;
          animation: animate-user-sports-betting-app 2s linear forwards;
}
.sports-betting-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-sports-betting-app 2s linear forwards;
          animation: animate-admin-sports-betting-app 2s linear forwards;
}
.sports-betting-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-sports-betting-app 2s linear forwards;
          animation: animate-restautrant-sports-betting-app 2s linear forwards;
}
.sports-betting-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-sports-betting-app 2s linear forwards;
          animation: animate-delivery-sports-betting-app 2s linear forwards;
}
.sports-betting-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-sports-betting-app 2s linear forwards;
          animation: animate-washer-sports-betting-app 2s linear forwards;
}
.sports-betting-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-sports-betting-app 2s linear forwards;
          animation: animate-bookie-sports-betting-app 2s linear forwards;
}
.sports-betting-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-sports-betting-app 2s linear forwards;
          animation: animate-vendor-sports-betting-app 2s linear forwards;
}
.sports-betting-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-sports-betting-app 2s linear forwards;
          animation: animate-service-provider-sports-betting-app 2s linear forwards;
}
.sports-betting-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-sports-betting-app 2s linear forwards;
          animation: animate-delivery-personnel-sports-betting-app 2s linear forwards;
}
.sports-betting-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-sports-betting-app 2s linear forwards;
          animation: animate-pharmacist-sports-betting-app 2s linear forwards;
}
.sports-betting-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-sports-betting-app 2s linear forwards;
          animation: animate-driver-sports-betting-app 2s linear forwards;
}
.sports-betting-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-sports-betting-app 2s linear forwards;
          animation: animate-delivery-sports-betting-app 2s linear forwards;
}
.sports-betting-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-sports-betting-app 2s linear forwards;
          animation: animate-tutor-sports-betting-app 2s linear forwards;
}
.sports-betting-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-sports-betting-app 2s linear forwards;
          animation: animate-store-sports-betting-app 2s linear forwards;
}
.sports-betting-app .iot-tabs .nav-item.active {
  color: #fdba29 !important;
  border-bottom-color: #fdba29 !important;
}
.sports-betting-app .iot-smart-solution .svg-icon svg {
  fill: url(#SportsBettingPageGradient);
}
.sports-betting-app .step-process svg {
  fill: url(#SportsBettingPageGradient) !important;
}
@-webkit-keyframes animate-user-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@keyframes animate-user-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@-webkit-keyframes animate-admin-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@keyframes animate-admin-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@-webkit-keyframes animate-restautrant-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@keyframes animate-restautrant-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@-webkit-keyframes animate-delivery-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@keyframes animate-delivery-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@-webkit-keyframes animate-washer-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@keyframes animate-washer-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@-webkit-keyframes animate-bookie-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@keyframes animate-bookie-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@-webkit-keyframes animate-vendor-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@keyframes animate-vendor-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@-webkit-keyframes animate-service-provider-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@keyframes animate-service-provider-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@-webkit-keyframes animate-delivery-personnel-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@keyframes animate-delivery-personnel-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@-webkit-keyframes animate-pharmacist-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@keyframes animate-pharmacist-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@-webkit-keyframes animate-driver-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@keyframes animate-driver-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@keyframes animate-delivery-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@-webkit-keyframes animate-tutor-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@keyframes animate-tutor-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@-webkit-keyframes animate-store-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #d79402;
    fill: #fdba29;
  }
}
@keyframes animate-store-sports-betting-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #fdba29;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #d79402;
    fill: #fdba29;
  }
}
.sports-betting-app .latest-technologies svg {
  fill: #fdba29 !important;
}

.hotel-booking-app .inner-banner .banner-content h2 {
  color: #fc9029;
}
.hotel-booking-app .inner-banner .banner-content h2 span {
  color: #ffa700;
}
.hotel-booking-app .service-content .content-area p span {
  color: #fc9029;
}
.hotel-booking-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#HotelBookingPageGradient);
}
.hotel-booking-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #fc9029;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.hotel-booking-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.hotel-booking-app .section-heading p span {
  color: #fc9029;
}
.hotel-booking-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#HotelBookingPageGradient);
}
.hotel-booking-app .advanced-features .af-item .af-icon svg {
  fill: url(#HotelBookingPageGradient);
}
.hotel-booking-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.hotel-booking-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #fc9029 0%, #ffa700 58%);
}
.hotel-booking-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#HotelBookingPageGradient);
}
.hotel-booking-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #fc9029 0%, #ffa700 58%);
}
.hotel-booking-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.hotel-booking-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(255, 167, 0, 0.25) 19%, rgba(252, 144, 41, 0.24) 100%);
}
.hotel-booking-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #fc9029 0%, #ffa700 58%);
}
.hotel-booking-app .trend-choose .tc-item .tc-content p strong {
  color: #fc9029;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #fdaa5b;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #fc9029;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #fc9029;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #fc9029;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #fc9029;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #ef7603;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #ef7603;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #ef7603;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #ef7603;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #bc5d03;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #bc5d03;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #bc5d03;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #bc5d03;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #8a4402;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #8a4402;
}
.hotel-booking-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #8a4402;
}
.hotel-booking-app .additional-features {
  background: #fc9029 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.hotel-booking-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(255, 167, 0, 0.27);
          box-shadow: 0 0 30px rgba(255, 167, 0, 0.27);
}
.hotel-booking-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(255, 167, 0, 0.25) 19%, rgba(252, 144, 41, 0.24) 100%);
}
.hotel-booking-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #fc9029;
}
.hotel-booking-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #fc9029;
}
.hotel-booking-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #fc9029 0%, #ffa700 58%);
}
.hotel-booking-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.hotel-booking-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #fc9029;
}
.hotel-booking-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #ffdc99 0%, #fedec0 58%);
}
.hotel-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #ffca66 0%, #fdc48e 58%);
}
.hotel-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #ffb933 0%, #fdaa5b 58%);
}
.hotel-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #ffa700 0%, #fc9029 58%);
}
.hotel-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #cc8600 0%, #ef7603 58%);
}
.hotel-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #996400 0%, #bc5d03 58%);
}
.hotel-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #664300 0%, #8a4402 58%);
}
.hotel-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #996400 0%, #bc5d03 58%);
}
.hotel-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #cc8600 0%, #ef7603 58%);
}
.hotel-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #ffdc99 0%, #fedec0 58%);
}
.hotel-booking-app .trend-tabs .nav-item.active {
  color: #fc9029 !important;
}
.hotel-booking-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-hotel-booking-app 2s linear forwards;
          animation: animate-user-hotel-booking-app 2s linear forwards;
}
.hotel-booking-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-hotel-booking-app 2s linear forwards;
          animation: animate-admin-hotel-booking-app 2s linear forwards;
}
.hotel-booking-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-hotel-booking-app 2s linear forwards;
          animation: animate-restautrant-hotel-booking-app 2s linear forwards;
}
.hotel-booking-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-hotel-booking-app 2s linear forwards;
          animation: animate-delivery-hotel-booking-app 2s linear forwards;
}
.hotel-booking-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-hotel-booking-app 2s linear forwards;
          animation: animate-washer-hotel-booking-app 2s linear forwards;
}
.hotel-booking-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-hotel-booking-app 2s linear forwards;
          animation: animate-bookie-hotel-booking-app 2s linear forwards;
}
.hotel-booking-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-hotel-booking-app 2s linear forwards;
          animation: animate-vendor-hotel-booking-app 2s linear forwards;
}
.hotel-booking-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-hotel-booking-app 2s linear forwards;
          animation: animate-service-provider-hotel-booking-app 2s linear forwards;
}
.hotel-booking-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-hotel-booking-app 2s linear forwards;
          animation: animate-delivery-personnel-hotel-booking-app 2s linear forwards;
}
.hotel-booking-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-hotel-booking-app 2s linear forwards;
          animation: animate-pharmacist-hotel-booking-app 2s linear forwards;
}
.hotel-booking-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-hotel-booking-app 2s linear forwards;
          animation: animate-driver-hotel-booking-app 2s linear forwards;
}
.hotel-booking-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-hotel-booking-app 2s linear forwards;
          animation: animate-delivery-hotel-booking-app 2s linear forwards;
}
.hotel-booking-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-hotel-booking-app 2s linear forwards;
          animation: animate-tutor-hotel-booking-app 2s linear forwards;
}
.hotel-booking-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-hotel-booking-app 2s linear forwards;
          animation: animate-store-hotel-booking-app 2s linear forwards;
}
.hotel-booking-app .iot-tabs .nav-item.active {
  color: #fc9029 !important;
  border-bottom-color: #fc9029 !important;
}
.hotel-booking-app .iot-smart-solution .svg-icon svg {
  fill: url(#HotelBookingPageGradient);
}
.hotel-booking-app .step-process svg {
  fill: url(#HotelBookingPageGradient) !important;
}
@-webkit-keyframes animate-user-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@keyframes animate-user-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@-webkit-keyframes animate-admin-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@keyframes animate-admin-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@-webkit-keyframes animate-restautrant-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@keyframes animate-restautrant-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@-webkit-keyframes animate-delivery-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@keyframes animate-delivery-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@-webkit-keyframes animate-washer-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@keyframes animate-washer-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@-webkit-keyframes animate-bookie-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@keyframes animate-bookie-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@-webkit-keyframes animate-vendor-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@keyframes animate-vendor-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@-webkit-keyframes animate-service-provider-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@keyframes animate-service-provider-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@-webkit-keyframes animate-delivery-personnel-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@keyframes animate-delivery-personnel-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@-webkit-keyframes animate-pharmacist-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@keyframes animate-pharmacist-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@-webkit-keyframes animate-driver-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@keyframes animate-driver-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@keyframes animate-delivery-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@-webkit-keyframes animate-tutor-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@keyframes animate-tutor-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@-webkit-keyframes animate-store-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
@keyframes animate-store-hotel-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #fc9029;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #d66a03;
    fill: #fc9029;
  }
}
.hotel-booking-app .latest-technologies svg {
  fill: #fc9029 !important;
}

.e-wallet-app .inner-banner .banner-content h2 {
  color: #2449ff;
}
.e-wallet-app .inner-banner .banner-content h2 span {
  color: #516eff;
}
.e-wallet-app .service-content .content-area p span {
  color: #2449ff;
}
.e-wallet-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#eWalletPageGradient);
}
.e-wallet-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #2449ff;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.e-wallet-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.e-wallet-app .section-heading p span {
  color: #2449ff;
}
.e-wallet-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#eWalletPageGradient);
}
.e-wallet-app .advanced-features .af-item .af-icon svg {
  fill: url(#eWalletPageGradient);
}
.e-wallet-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.e-wallet-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #2449ff 0%, #516eff 58%);
}
.e-wallet-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#eWalletPageGradient);
}
.e-wallet-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #2449ff 0%, #516eff 58%);
}
.e-wallet-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.e-wallet-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(81, 110, 255, 0.25) 19%, rgba(36, 73, 255, 0.24) 100%);
}
.e-wallet-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #2449ff 0%, #516eff 58%);
}
.e-wallet-app .trend-choose .tc-item .tc-content p strong {
  color: #2449ff;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #5773ff;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #2449ff;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #2449ff;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #2449ff;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #2449ff;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #0029f0;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #0029f0;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #0029f0;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #0029f0;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #0020bd;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #0020bd;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #0020bd;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #0020bd;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #00178a;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #00178a;
}
.e-wallet-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #00178a;
}
.e-wallet-app .additional-features {
  background: #2449ff url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.e-wallet-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(81, 110, 255, 0.27);
          box-shadow: 0 0 30px rgba(81, 110, 255, 0.27);
}
.e-wallet-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(81, 110, 255, 0.25) 19%, rgba(36, 73, 255, 0.24) 100%);
}
.e-wallet-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #2449ff;
}
.e-wallet-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #2449ff;
}
.e-wallet-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #2449ff 0%, #516eff 58%);
}
.e-wallet-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.e-wallet-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #2449ff;
}
.e-wallet-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #eaeeff 0%, #bdc8ff 58%);
}
.e-wallet-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #b7c3ff 0%, #8a9eff 58%);
}
.e-wallet-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #8499ff 0%, #5773ff 58%);
}
.e-wallet-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #516eff 0%, #2449ff 58%);
}
.e-wallet-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #1e44ff 0%, #0029f0 58%);
}
.e-wallet-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #0027ea 0%, #0020bd 58%);
}
.e-wallet-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #001fb7 0%, #00178a 58%);
}
.e-wallet-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #0027ea 0%, #0020bd 58%);
}
.e-wallet-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #1e44ff 0%, #0029f0 58%);
}
.e-wallet-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #eaeeff 0%, #bdc8ff 58%);
}
.e-wallet-app .trend-tabs .nav-item.active {
  color: #2449ff !important;
}
.e-wallet-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-e-wallet-app 2s linear forwards;
          animation: animate-user-e-wallet-app 2s linear forwards;
}
.e-wallet-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-e-wallet-app 2s linear forwards;
          animation: animate-admin-e-wallet-app 2s linear forwards;
}
.e-wallet-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-e-wallet-app 2s linear forwards;
          animation: animate-restautrant-e-wallet-app 2s linear forwards;
}
.e-wallet-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-e-wallet-app 2s linear forwards;
          animation: animate-delivery-e-wallet-app 2s linear forwards;
}
.e-wallet-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-e-wallet-app 2s linear forwards;
          animation: animate-washer-e-wallet-app 2s linear forwards;
}
.e-wallet-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-e-wallet-app 2s linear forwards;
          animation: animate-bookie-e-wallet-app 2s linear forwards;
}
.e-wallet-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-e-wallet-app 2s linear forwards;
          animation: animate-vendor-e-wallet-app 2s linear forwards;
}
.e-wallet-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-e-wallet-app 2s linear forwards;
          animation: animate-service-provider-e-wallet-app 2s linear forwards;
}
.e-wallet-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-e-wallet-app 2s linear forwards;
          animation: animate-delivery-personnel-e-wallet-app 2s linear forwards;
}
.e-wallet-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-e-wallet-app 2s linear forwards;
          animation: animate-pharmacist-e-wallet-app 2s linear forwards;
}
.e-wallet-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-e-wallet-app 2s linear forwards;
          animation: animate-driver-e-wallet-app 2s linear forwards;
}
.e-wallet-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-e-wallet-app 2s linear forwards;
          animation: animate-delivery-e-wallet-app 2s linear forwards;
}
.e-wallet-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-e-wallet-app 2s linear forwards;
          animation: animate-tutor-e-wallet-app 2s linear forwards;
}
.e-wallet-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-e-wallet-app 2s linear forwards;
          animation: animate-store-e-wallet-app 2s linear forwards;
}
.e-wallet-app .iot-tabs .nav-item.active {
  color: #2449ff !important;
  border-bottom-color: #2449ff !important;
}
.e-wallet-app .iot-smart-solution .svg-icon svg {
  fill: url(#eWalletPageGradient);
}
.e-wallet-app .step-process svg {
  fill: url(#eWalletPageGradient) !important;
}
@-webkit-keyframes animate-user-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@keyframes animate-user-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@-webkit-keyframes animate-admin-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@keyframes animate-admin-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@-webkit-keyframes animate-restautrant-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@keyframes animate-restautrant-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@-webkit-keyframes animate-delivery-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@keyframes animate-delivery-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@-webkit-keyframes animate-washer-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@keyframes animate-washer-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@-webkit-keyframes animate-bookie-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@keyframes animate-bookie-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@-webkit-keyframes animate-vendor-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@keyframes animate-vendor-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@-webkit-keyframes animate-service-provider-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@keyframes animate-service-provider-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@-webkit-keyframes animate-delivery-personnel-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@keyframes animate-delivery-personnel-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@-webkit-keyframes animate-pharmacist-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@keyframes animate-pharmacist-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@-webkit-keyframes animate-driver-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@keyframes animate-driver-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@keyframes animate-delivery-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@-webkit-keyframes animate-tutor-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@keyframes animate-tutor-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@-webkit-keyframes animate-store-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
@keyframes animate-store-e-wallet-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2449ff;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #0024d7;
    fill: #2449ff;
  }
}
.e-wallet-app .latest-technologies svg {
  fill: #2449ff !important;
}

.laundry-app .inner-banner .banner-content h2 {
  color: #326c64;
}
.laundry-app .inner-banner .banner-content h2 span {
  color: #4db2a0;
}
.laundry-app .service-content .content-area p span {
  color: #326c64;
}
.laundry-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#LaundryPageGradient);
}
.laundry-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #326c64;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.laundry-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.laundry-app .section-heading p span {
  color: #326c64;
}
.laundry-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#LaundryPageGradient);
}
.laundry-app .advanced-features .af-item .af-icon svg {
  fill: url(#LaundryPageGradient);
}
.laundry-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.laundry-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #326c64 0%, #4db2a0 58%);
}
.laundry-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#LaundryPageGradient);
}
.laundry-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #326c64 0%, #4db2a0 58%);
}
.laundry-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.laundry-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(77, 178, 160, 0.25) 19%, rgba(50, 108, 100, 0.24) 100%);
}
.laundry-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #326c64 0%, #4db2a0 58%);
}
.laundry-app .trend-choose .tc-item .tc-content p strong {
  color: #326c64;
}
.laundry-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #428f84;
}
.laundry-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #326c64;
}
.laundry-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #326c64;
}
.laundry-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #326c64;
}
.laundry-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #326c64;
}
.laundry-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #224944;
}
.laundry-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #224944;
}
.laundry-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #224944;
}
.laundry-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #224944;
}
.laundry-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #122623;
}
.laundry-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #122623;
}
.laundry-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #122623;
}
.laundry-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #122623;
}
.laundry-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #020303;
}
.laundry-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #020303;
}
.laundry-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #020303;
}
.laundry-app .additional-features {
  background: #326c64 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.laundry-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(77, 178, 160, 0.27);
          box-shadow: 0 0 30px rgba(77, 178, 160, 0.27);
}
.laundry-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(77, 178, 160, 0.25) 19%, rgba(50, 108, 100, 0.24) 100%);
}
.laundry-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #326c64;
}
.laundry-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #326c64;
}
.laundry-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #326c64 0%, #4db2a0 58%);
}
.laundry-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.laundry-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #326c64;
}
.laundry-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #b8e0d9 0%, #77c0b6 58%);
}
.laundry-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #94d1c6 0%, #54b0a3 58%);
}
.laundry-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #71c1b3 0%, #428f84 58%);
}
.laundry-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #4db2a0 0%, #326c64 58%);
}
.laundry-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #3e8e80 0%, #224944 58%);
}
.laundry-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #2e6b60 0%, #122623 58%);
}
.laundry-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #1f4740 0%, #020303 58%);
}
.laundry-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #2e6b60 0%, #122623 58%);
}
.laundry-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #3e8e80 0%, #224944 58%);
}
.laundry-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #b8e0d9 0%, #77c0b6 58%);
}
.laundry-app .trend-tabs .nav-item.active {
  color: #326c64 !important;
}
.laundry-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-laundry-app 2s linear forwards;
          animation: animate-user-laundry-app 2s linear forwards;
}
.laundry-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-laundry-app 2s linear forwards;
          animation: animate-admin-laundry-app 2s linear forwards;
}
.laundry-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-laundry-app 2s linear forwards;
          animation: animate-restautrant-laundry-app 2s linear forwards;
}
.laundry-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-laundry-app 2s linear forwards;
          animation: animate-delivery-laundry-app 2s linear forwards;
}
.laundry-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-laundry-app 2s linear forwards;
          animation: animate-washer-laundry-app 2s linear forwards;
}
.laundry-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-laundry-app 2s linear forwards;
          animation: animate-bookie-laundry-app 2s linear forwards;
}
.laundry-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-laundry-app 2s linear forwards;
          animation: animate-vendor-laundry-app 2s linear forwards;
}
.laundry-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-laundry-app 2s linear forwards;
          animation: animate-service-provider-laundry-app 2s linear forwards;
}
.laundry-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-laundry-app 2s linear forwards;
          animation: animate-delivery-personnel-laundry-app 2s linear forwards;
}
.laundry-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-laundry-app 2s linear forwards;
          animation: animate-pharmacist-laundry-app 2s linear forwards;
}
.laundry-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-laundry-app 2s linear forwards;
          animation: animate-driver-laundry-app 2s linear forwards;
}
.laundry-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-laundry-app 2s linear forwards;
          animation: animate-delivery-laundry-app 2s linear forwards;
}
.laundry-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-laundry-app 2s linear forwards;
          animation: animate-tutor-laundry-app 2s linear forwards;
}
.laundry-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-laundry-app 2s linear forwards;
          animation: animate-store-laundry-app 2s linear forwards;
}
.laundry-app .iot-tabs .nav-item.active {
  color: #326c64 !important;
  border-bottom-color: #326c64 !important;
}
.laundry-app .iot-smart-solution .svg-icon svg {
  fill: url(#LaundryPageGradient);
}
.laundry-app .step-process svg {
  fill: url(#LaundryPageGradient) !important;
}
@-webkit-keyframes animate-user-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@keyframes animate-user-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@-webkit-keyframes animate-admin-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@keyframes animate-admin-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@-webkit-keyframes animate-restautrant-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@keyframes animate-restautrant-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@-webkit-keyframes animate-delivery-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@keyframes animate-delivery-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@-webkit-keyframes animate-washer-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@keyframes animate-washer-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@-webkit-keyframes animate-bookie-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@keyframes animate-bookie-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@-webkit-keyframes animate-vendor-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@keyframes animate-vendor-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@-webkit-keyframes animate-service-provider-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@keyframes animate-service-provider-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@-webkit-keyframes animate-delivery-personnel-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@keyframes animate-delivery-personnel-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@-webkit-keyframes animate-pharmacist-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@keyframes animate-pharmacist-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@-webkit-keyframes animate-driver-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@keyframes animate-driver-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@keyframes animate-delivery-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@-webkit-keyframes animate-tutor-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@keyframes animate-tutor-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@-webkit-keyframes animate-store-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1a3834;
    fill: #326c64;
  }
}
@keyframes animate-store-laundry-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #326c64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1a3834;
    fill: #326c64;
  }
}
.laundry-app .latest-technologies svg {
  fill: #326c64 !important;
}

.medicine-delivery-app .inner-banner .banner-content h2 {
  color: #ea2e10;
}
.medicine-delivery-app .inner-banner .banner-content h2 span {
  color: #1e56a0;
}
.medicine-delivery-app .service-content .content-area p span {
  color: #ea2e10;
}
.medicine-delivery-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#MedicineDeliveryPageGradient);
}
.medicine-delivery-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #ea2e10;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.medicine-delivery-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.medicine-delivery-app .section-heading p span {
  color: #ea2e10;
}
.medicine-delivery-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#MedicineDeliveryPageGradient);
}
.medicine-delivery-app .advanced-features .af-item .af-icon svg {
  fill: url(#MedicineDeliveryPageGradient);
}
.medicine-delivery-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.medicine-delivery-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #ea2e10 0%, #1e56a0 58%);
}
.medicine-delivery-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#MedicineDeliveryPageGradient);
}
.medicine-delivery-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #ea2e10 0%, #1e56a0 58%);
}
.medicine-delivery-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.medicine-delivery-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(30, 86, 160, 0.25) 19%, rgba(234, 46, 16, 0.24) 100%);
}
.medicine-delivery-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #ea2e10 0%, #1e56a0 58%);
}
.medicine-delivery-app .trend-choose .tc-item .tc-content p strong {
  color: #ea2e10;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #f2543b;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #ea2e10;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #ea2e10;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #ea2e10;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #ea2e10;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #ba250d;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #ba250d;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #ba250d;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #ba250d;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #8b1b09;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #8b1b09;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #8b1b09;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #8b1b09;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #5b1206;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #5b1206;
}
.medicine-delivery-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #5b1206;
}
.medicine-delivery-app .additional-features {
  background: #ea2e10 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.medicine-delivery-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(30, 86, 160, 0.27);
          box-shadow: 0 0 30px rgba(30, 86, 160, 0.27);
}
.medicine-delivery-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(30, 86, 160, 0.25) 19%, rgba(234, 46, 16, 0.24) 100%);
}
.medicine-delivery-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #ea2e10;
}
.medicine-delivery-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #ea2e10;
}
.medicine-delivery-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #ea2e10 0%, #1e56a0 58%);
}
.medicine-delivery-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.medicine-delivery-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #ea2e10;
}
.medicine-delivery-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #72a4e5 0%, #f8a89b 58%);
}
.medicine-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #4788dd 0%, #f57e6b 58%);
}
.medicine-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #266dcb 0%, #f2543b 58%);
}
.medicine-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #1e56a0 0%, #ea2e10 58%);
}
.medicine-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #163f75 0%, #ba250d 58%);
}
.medicine-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #0e284a 0%, #8b1b09 58%);
}
.medicine-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #06111f 0%, #5b1206 58%);
}
.medicine-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #0e284a 0%, #8b1b09 58%);
}
.medicine-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #163f75 0%, #ba250d 58%);
}
.medicine-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #72a4e5 0%, #f8a89b 58%);
}
.medicine-delivery-app .trend-tabs .nav-item.active {
  color: #ea2e10 !important;
}
.medicine-delivery-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-medicine-delivery-app 2s linear forwards;
          animation: animate-user-medicine-delivery-app 2s linear forwards;
}
.medicine-delivery-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-medicine-delivery-app 2s linear forwards;
          animation: animate-admin-medicine-delivery-app 2s linear forwards;
}
.medicine-delivery-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-medicine-delivery-app 2s linear forwards;
          animation: animate-restautrant-medicine-delivery-app 2s linear forwards;
}
.medicine-delivery-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-medicine-delivery-app 2s linear forwards;
          animation: animate-delivery-medicine-delivery-app 2s linear forwards;
}
.medicine-delivery-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-medicine-delivery-app 2s linear forwards;
          animation: animate-washer-medicine-delivery-app 2s linear forwards;
}
.medicine-delivery-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-medicine-delivery-app 2s linear forwards;
          animation: animate-bookie-medicine-delivery-app 2s linear forwards;
}
.medicine-delivery-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-medicine-delivery-app 2s linear forwards;
          animation: animate-vendor-medicine-delivery-app 2s linear forwards;
}
.medicine-delivery-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-medicine-delivery-app 2s linear forwards;
          animation: animate-service-provider-medicine-delivery-app 2s linear forwards;
}
.medicine-delivery-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-medicine-delivery-app 2s linear forwards;
          animation: animate-delivery-personnel-medicine-delivery-app 2s linear forwards;
}
.medicine-delivery-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-medicine-delivery-app 2s linear forwards;
          animation: animate-pharmacist-medicine-delivery-app 2s linear forwards;
}
.medicine-delivery-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-medicine-delivery-app 2s linear forwards;
          animation: animate-driver-medicine-delivery-app 2s linear forwards;
}
.medicine-delivery-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-medicine-delivery-app 2s linear forwards;
          animation: animate-delivery-medicine-delivery-app 2s linear forwards;
}
.medicine-delivery-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-medicine-delivery-app 2s linear forwards;
          animation: animate-tutor-medicine-delivery-app 2s linear forwards;
}
.medicine-delivery-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-medicine-delivery-app 2s linear forwards;
          animation: animate-store-medicine-delivery-app 2s linear forwards;
}
.medicine-delivery-app .iot-tabs .nav-item.active {
  color: #ea2e10 !important;
  border-bottom-color: #ea2e10 !important;
}
.medicine-delivery-app .iot-smart-solution .svg-icon svg {
  fill: url(#MedicineDeliveryPageGradient);
}
.medicine-delivery-app .step-process svg {
  fill: url(#MedicineDeliveryPageGradient) !important;
}
@-webkit-keyframes animate-user-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@keyframes animate-user-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@-webkit-keyframes animate-admin-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@keyframes animate-admin-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@-webkit-keyframes animate-restautrant-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@keyframes animate-restautrant-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@-webkit-keyframes animate-delivery-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@keyframes animate-delivery-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@-webkit-keyframes animate-washer-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@keyframes animate-washer-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@-webkit-keyframes animate-bookie-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@keyframes animate-bookie-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@-webkit-keyframes animate-vendor-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@keyframes animate-vendor-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@-webkit-keyframes animate-service-provider-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@keyframes animate-service-provider-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@-webkit-keyframes animate-delivery-personnel-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@keyframes animate-delivery-personnel-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@-webkit-keyframes animate-pharmacist-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@keyframes animate-pharmacist-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@-webkit-keyframes animate-driver-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@keyframes animate-driver-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@keyframes animate-delivery-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@-webkit-keyframes animate-tutor-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@keyframes animate-tutor-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@-webkit-keyframes animate-store-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
@keyframes animate-store-medicine-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ea2e10;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #a2200b;
    fill: #ea2e10;
  }
}
.medicine-delivery-app .latest-technologies svg {
  fill: #ea2e10 !important;
}

.e-learning-app .inner-banner .banner-content h2 {
  color: #5bb3c6;
}
.e-learning-app .inner-banner .banner-content h2 span {
  color: #a6dbd0;
}
.e-learning-app .service-content .content-area p span {
  color: #5bb3c6;
}
.e-learning-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#ELearningPageGradient);
}
.e-learning-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #5bb3c6;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.e-learning-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.e-learning-app .section-heading p span {
  color: #5bb3c6;
}
.e-learning-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#ELearningPageGradient);
}
.e-learning-app .advanced-features .af-item .af-icon svg {
  fill: url(#ELearningPageGradient);
}
.e-learning-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.e-learning-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #5bb3c6 0%, #a6dbd0 58%);
}
.e-learning-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#ELearningPageGradient);
}
.e-learning-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #5bb3c6 0%, #a6dbd0 58%);
}
.e-learning-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.e-learning-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(166, 219, 208, 0.25) 19%, rgba(91, 179, 198, 0.24) 100%);
}
.e-learning-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #5bb3c6 0%, #a6dbd0 58%);
}
.e-learning-app .trend-choose .tc-item .tc-content p strong {
  color: #5bb3c6;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #81c5d3;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #5bb3c6;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #5bb3c6;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #5bb3c6;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #5bb3c6;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #3d9cb1;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #3d9cb1;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #3d9cb1;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #3d9cb1;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #307b8b;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #307b8b;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #307b8b;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #307b8b;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #235965;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #235965;
}
.e-learning-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #235965;
}
.e-learning-app .additional-features {
  background: #5bb3c6 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.e-learning-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(166, 219, 208, 0.27);
          box-shadow: 0 0 30px rgba(166, 219, 208, 0.27);
}
.e-learning-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(166, 219, 208, 0.25) 19%, rgba(91, 179, 198, 0.24) 100%);
}
.e-learning-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #5bb3c6;
}
.e-learning-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #5bb3c6;
}
.e-learning-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #5bb3c6 0%, #a6dbd0 58%);
}
.e-learning-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.e-learning-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #5bb3c6;
}
.e-learning-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, white 0%, #cde8ed 58%);
}
.e-learning-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #eff8f6 0%, #a7d6e0 58%);
}
.e-learning-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #caeae3 0%, #81c5d3 58%);
}
.e-learning-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #a6dbd0 0%, #5bb3c6 58%);
}
.e-learning-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #82ccbd 0%, #3d9cb1 58%);
}
.e-learning-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #5dbeaa 0%, #307b8b 58%);
}
.e-learning-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #43a591 0%, #235965 58%);
}
.e-learning-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #5dbeaa 0%, #307b8b 58%);
}
.e-learning-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #82ccbd 0%, #3d9cb1 58%);
}
.e-learning-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, white 0%, #cde8ed 58%);
}
.e-learning-app .trend-tabs .nav-item.active {
  color: #5bb3c6 !important;
}
.e-learning-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-e-learning-app 2s linear forwards;
          animation: animate-user-e-learning-app 2s linear forwards;
}
.e-learning-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-e-learning-app 2s linear forwards;
          animation: animate-admin-e-learning-app 2s linear forwards;
}
.e-learning-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-e-learning-app 2s linear forwards;
          animation: animate-restautrant-e-learning-app 2s linear forwards;
}
.e-learning-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-e-learning-app 2s linear forwards;
          animation: animate-delivery-e-learning-app 2s linear forwards;
}
.e-learning-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-e-learning-app 2s linear forwards;
          animation: animate-washer-e-learning-app 2s linear forwards;
}
.e-learning-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-e-learning-app 2s linear forwards;
          animation: animate-bookie-e-learning-app 2s linear forwards;
}
.e-learning-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-e-learning-app 2s linear forwards;
          animation: animate-vendor-e-learning-app 2s linear forwards;
}
.e-learning-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-e-learning-app 2s linear forwards;
          animation: animate-service-provider-e-learning-app 2s linear forwards;
}
.e-learning-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-e-learning-app 2s linear forwards;
          animation: animate-delivery-personnel-e-learning-app 2s linear forwards;
}
.e-learning-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-e-learning-app 2s linear forwards;
          animation: animate-pharmacist-e-learning-app 2s linear forwards;
}
.e-learning-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-e-learning-app 2s linear forwards;
          animation: animate-driver-e-learning-app 2s linear forwards;
}
.e-learning-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-e-learning-app 2s linear forwards;
          animation: animate-delivery-e-learning-app 2s linear forwards;
}
.e-learning-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-e-learning-app 2s linear forwards;
          animation: animate-tutor-e-learning-app 2s linear forwards;
}
.e-learning-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-e-learning-app 2s linear forwards;
          animation: animate-store-e-learning-app 2s linear forwards;
}
.e-learning-app .iot-tabs .nav-item.active {
  color: #5bb3c6 !important;
  border-bottom-color: #5bb3c6 !important;
}
.e-learning-app .iot-smart-solution .svg-icon svg {
  fill: url(#ELearningPageGradient);
}
.e-learning-app .step-process svg {
  fill: url(#ELearningPageGradient) !important;
}
@-webkit-keyframes animate-user-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@keyframes animate-user-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@-webkit-keyframes animate-admin-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@keyframes animate-admin-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@-webkit-keyframes animate-restautrant-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@keyframes animate-restautrant-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@-webkit-keyframes animate-delivery-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@keyframes animate-delivery-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@-webkit-keyframes animate-washer-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@keyframes animate-washer-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@-webkit-keyframes animate-bookie-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@keyframes animate-bookie-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@-webkit-keyframes animate-vendor-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@keyframes animate-vendor-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@-webkit-keyframes animate-service-provider-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@keyframes animate-service-provider-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@-webkit-keyframes animate-delivery-personnel-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@keyframes animate-delivery-personnel-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@-webkit-keyframes animate-pharmacist-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@keyframes animate-pharmacist-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@-webkit-keyframes animate-driver-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@keyframes animate-driver-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@keyframes animate-delivery-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@-webkit-keyframes animate-tutor-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@keyframes animate-tutor-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@-webkit-keyframes animate-store-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
@keyframes animate-store-e-learning-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5bb3c6;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #378b9e;
    fill: #5bb3c6;
  }
}
.e-learning-app .latest-technologies svg {
  fill: #5bb3c6 !important;
}

.online-marketplace-app .inner-banner .banner-content h2 {
  color: #941a1a;
}
.online-marketplace-app .inner-banner .banner-content h2 span {
  color: #c92828;
}
.online-marketplace-app .service-content .content-area p span {
  color: #941a1a;
}
.online-marketplace-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#OnlineMarketplacePageGradient);
}
.online-marketplace-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #941a1a;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.online-marketplace-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.online-marketplace-app .section-heading p span {
  color: #941a1a;
}
.online-marketplace-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#OnlineMarketplacePageGradient);
}
.online-marketplace-app .advanced-features .af-item .af-icon svg {
  fill: url(#OnlineMarketplacePageGradient);
}
.online-marketplace-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.online-marketplace-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #941a1a 0%, #c92828 58%);
}
.online-marketplace-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#OnlineMarketplacePageGradient);
}
.online-marketplace-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #941a1a 0%, #c92828 58%);
}
.online-marketplace-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.online-marketplace-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(201, 40, 40, 0.25) 19%, rgba(148, 26, 26, 0.24) 100%);
}
.online-marketplace-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #941a1a 0%, #c92828 58%);
}
.online-marketplace-app .trend-choose .tc-item .tc-content p strong {
  color: #941a1a;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #bf2222;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #941a1a;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #941a1a;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #941a1a;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #941a1a;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #691212;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #691212;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #691212;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #691212;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #3d0b0b;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #3d0b0b;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #3d0b0b;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #3d0b0b;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #120303;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #120303;
}
.online-marketplace-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #120303;
}
.online-marketplace-app .additional-features {
  background: #941a1a url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.online-marketplace-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(201, 40, 40, 0.27);
          box-shadow: 0 0 30px rgba(201, 40, 40, 0.27);
}
.online-marketplace-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(201, 40, 40, 0.25) 19%, rgba(148, 26, 26, 0.24) 100%);
}
.online-marketplace-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #941a1a;
}
.online-marketplace-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #941a1a;
}
.online-marketplace-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #941a1a 0%, #c92828 58%);
}
.online-marketplace-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.online-marketplace-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #941a1a;
}
.online-marketplace-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #ec9e9e 0%, #e46363 58%);
}
.online-marketplace-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #e37474 0%, #dc3838 58%);
}
.online-marketplace-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #db4949 0%, #bf2222 58%);
}
.online-marketplace-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #c92828 0%, #941a1a 58%);
}
.online-marketplace-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #9e2020 0%, #691212 58%);
}
.online-marketplace-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #741717 0%, #3d0b0b 58%);
}
.online-marketplace-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #490f0f 0%, #120303 58%);
}
.online-marketplace-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #741717 0%, #3d0b0b 58%);
}
.online-marketplace-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #9e2020 0%, #691212 58%);
}
.online-marketplace-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #ec9e9e 0%, #e46363 58%);
}
.online-marketplace-app .trend-tabs .nav-item.active {
  color: #941a1a !important;
}
.online-marketplace-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-online-marketplace-app 2s linear forwards;
          animation: animate-user-online-marketplace-app 2s linear forwards;
}
.online-marketplace-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-online-marketplace-app 2s linear forwards;
          animation: animate-admin-online-marketplace-app 2s linear forwards;
}
.online-marketplace-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-online-marketplace-app 2s linear forwards;
          animation: animate-restautrant-online-marketplace-app 2s linear forwards;
}
.online-marketplace-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-online-marketplace-app 2s linear forwards;
          animation: animate-delivery-online-marketplace-app 2s linear forwards;
}
.online-marketplace-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-online-marketplace-app 2s linear forwards;
          animation: animate-washer-online-marketplace-app 2s linear forwards;
}
.online-marketplace-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-online-marketplace-app 2s linear forwards;
          animation: animate-bookie-online-marketplace-app 2s linear forwards;
}
.online-marketplace-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-online-marketplace-app 2s linear forwards;
          animation: animate-vendor-online-marketplace-app 2s linear forwards;
}
.online-marketplace-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-online-marketplace-app 2s linear forwards;
          animation: animate-service-provider-online-marketplace-app 2s linear forwards;
}
.online-marketplace-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-online-marketplace-app 2s linear forwards;
          animation: animate-delivery-personnel-online-marketplace-app 2s linear forwards;
}
.online-marketplace-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-online-marketplace-app 2s linear forwards;
          animation: animate-pharmacist-online-marketplace-app 2s linear forwards;
}
.online-marketplace-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-online-marketplace-app 2s linear forwards;
          animation: animate-driver-online-marketplace-app 2s linear forwards;
}
.online-marketplace-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-online-marketplace-app 2s linear forwards;
          animation: animate-delivery-online-marketplace-app 2s linear forwards;
}
.online-marketplace-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-online-marketplace-app 2s linear forwards;
          animation: animate-tutor-online-marketplace-app 2s linear forwards;
}
.online-marketplace-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-online-marketplace-app 2s linear forwards;
          animation: animate-store-online-marketplace-app 2s linear forwards;
}
.online-marketplace-app .iot-tabs .nav-item.active {
  color: #941a1a !important;
  border-bottom-color: #941a1a !important;
}
.online-marketplace-app .iot-smart-solution .svg-icon svg {
  fill: url(#OnlineMarketplacePageGradient);
}
.online-marketplace-app .step-process svg {
  fill: url(#OnlineMarketplacePageGradient) !important;
}
@-webkit-keyframes animate-user-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@keyframes animate-user-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@-webkit-keyframes animate-admin-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@keyframes animate-admin-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@-webkit-keyframes animate-restautrant-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@keyframes animate-restautrant-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@-webkit-keyframes animate-delivery-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@keyframes animate-delivery-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@-webkit-keyframes animate-washer-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@keyframes animate-washer-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@-webkit-keyframes animate-bookie-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@keyframes animate-bookie-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@-webkit-keyframes animate-vendor-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@keyframes animate-vendor-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@-webkit-keyframes animate-service-provider-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@keyframes animate-service-provider-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@-webkit-keyframes animate-delivery-personnel-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@keyframes animate-delivery-personnel-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@-webkit-keyframes animate-pharmacist-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@keyframes animate-pharmacist-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@-webkit-keyframes animate-driver-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@keyframes animate-driver-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@keyframes animate-delivery-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@-webkit-keyframes animate-tutor-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@keyframes animate-tutor-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@-webkit-keyframes animate-store-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
@keyframes animate-store-online-marketplace-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #941a1a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #530f0f;
    fill: #941a1a;
  }
}
.online-marketplace-app .latest-technologies svg {
  fill: #941a1a !important;
}

.social-networking-app .inner-banner .banner-content h2 {
  color: #8f181b;
}
.social-networking-app .inner-banner .banner-content h2 span {
  color: #e11f26;
}
.social-networking-app .service-content .content-area p span {
  color: #8f181b;
}
.social-networking-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#SocialNetworkingPageGradient);
}
.social-networking-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #8f181b;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.social-networking-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.social-networking-app .section-heading p span {
  color: #8f181b;
}
.social-networking-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#SocialNetworkingPageGradient);
}
.social-networking-app .advanced-features .af-item .af-icon svg {
  fill: url(#SocialNetworkingPageGradient);
}
.social-networking-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.social-networking-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #8f181b 0%, #e11f26 58%);
}
.social-networking-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#SocialNetworkingPageGradient);
}
.social-networking-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #8f181b 0%, #e11f26 58%);
}
.social-networking-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.social-networking-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(225, 31, 38, 0.25) 19%, rgba(143, 24, 27, 0.24) 100%);
}
.social-networking-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #8f181b 0%, #e11f26 58%);
}
.social-networking-app .trend-choose .tc-item .tc-content p strong {
  color: #8f181b;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #bb1f23;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #8f181b;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #8f181b;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #8f181b;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #8f181b;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #631113;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #631113;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #631113;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #631113;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #38090b;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #38090b;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #38090b;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #38090b;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #0c0202;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #0c0202;
}
.social-networking-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #0c0202;
}
.social-networking-app .additional-features {
  background: #8f181b url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.social-networking-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(225, 31, 38, 0.27);
          box-shadow: 0 0 30px rgba(225, 31, 38, 0.27);
}
.social-networking-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(225, 31, 38, 0.25) 19%, rgba(143, 24, 27, 0.24) 100%);
}
.social-networking-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #8f181b;
}
.social-networking-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #8f181b;
}
.social-networking-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #8f181b 0%, #e11f26 58%);
}
.social-networking-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.social-networking-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #8f181b;
}
.social-networking-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #f3a6a9 0%, #e45c60 58%);
}
.social-networking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #ed797d 0%, #dc3135 58%);
}
.social-networking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #e74c52 0%, #bb1f23 58%);
}
.social-networking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #e11f26 0%, #8f181b 58%);
}
.social-networking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #b5181e 0%, #631113 58%);
}
.social-networking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #881216 0%, #38090b 58%);
}
.social-networking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #5b0c0f 0%, #0c0202 58%);
}
.social-networking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #881216 0%, #38090b 58%);
}
.social-networking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #b5181e 0%, #631113 58%);
}
.social-networking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #f3a6a9 0%, #e45c60 58%);
}
.social-networking-app .trend-tabs .nav-item.active {
  color: #8f181b !important;
}
.social-networking-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-social-networking-app 2s linear forwards;
          animation: animate-user-social-networking-app 2s linear forwards;
}
.social-networking-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-social-networking-app 2s linear forwards;
          animation: animate-admin-social-networking-app 2s linear forwards;
}
.social-networking-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-social-networking-app 2s linear forwards;
          animation: animate-restautrant-social-networking-app 2s linear forwards;
}
.social-networking-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-social-networking-app 2s linear forwards;
          animation: animate-delivery-social-networking-app 2s linear forwards;
}
.social-networking-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-social-networking-app 2s linear forwards;
          animation: animate-washer-social-networking-app 2s linear forwards;
}
.social-networking-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-social-networking-app 2s linear forwards;
          animation: animate-bookie-social-networking-app 2s linear forwards;
}
.social-networking-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-social-networking-app 2s linear forwards;
          animation: animate-vendor-social-networking-app 2s linear forwards;
}
.social-networking-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-social-networking-app 2s linear forwards;
          animation: animate-service-provider-social-networking-app 2s linear forwards;
}
.social-networking-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-social-networking-app 2s linear forwards;
          animation: animate-delivery-personnel-social-networking-app 2s linear forwards;
}
.social-networking-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-social-networking-app 2s linear forwards;
          animation: animate-pharmacist-social-networking-app 2s linear forwards;
}
.social-networking-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-social-networking-app 2s linear forwards;
          animation: animate-driver-social-networking-app 2s linear forwards;
}
.social-networking-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-social-networking-app 2s linear forwards;
          animation: animate-delivery-social-networking-app 2s linear forwards;
}
.social-networking-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-social-networking-app 2s linear forwards;
          animation: animate-tutor-social-networking-app 2s linear forwards;
}
.social-networking-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-social-networking-app 2s linear forwards;
          animation: animate-store-social-networking-app 2s linear forwards;
}
.social-networking-app .iot-tabs .nav-item.active {
  color: #8f181b !important;
  border-bottom-color: #8f181b !important;
}
.social-networking-app .iot-smart-solution .svg-icon svg {
  fill: url(#SocialNetworkingPageGradient);
}
.social-networking-app .step-process svg {
  fill: url(#SocialNetworkingPageGradient) !important;
}
@-webkit-keyframes animate-user-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@keyframes animate-user-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@-webkit-keyframes animate-admin-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@keyframes animate-admin-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@-webkit-keyframes animate-restautrant-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@keyframes animate-restautrant-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@-webkit-keyframes animate-delivery-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@keyframes animate-delivery-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@-webkit-keyframes animate-washer-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@keyframes animate-washer-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@-webkit-keyframes animate-bookie-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@keyframes animate-bookie-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@-webkit-keyframes animate-vendor-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@keyframes animate-vendor-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@-webkit-keyframes animate-service-provider-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@keyframes animate-service-provider-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@-webkit-keyframes animate-delivery-personnel-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@keyframes animate-delivery-personnel-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@-webkit-keyframes animate-pharmacist-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@keyframes animate-pharmacist-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@-webkit-keyframes animate-driver-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@keyframes animate-driver-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@keyframes animate-delivery-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@-webkit-keyframes animate-tutor-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@keyframes animate-tutor-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@-webkit-keyframes animate-store-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
@keyframes animate-store-social-networking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #8f181b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #4d0d0f;
    fill: #8f181b;
  }
}
.social-networking-app .latest-technologies svg {
  fill: #8f181b !important;
}

.taxi-booking-app .inner-banner .banner-content h2 {
  color: #4bda64;
}
.taxi-booking-app .inner-banner .banner-content h2 span {
  color: #70dabc;
}
.taxi-booking-app .service-content .content-area p span {
  color: #4bda64;
}
.taxi-booking-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#TaxiBookingPageGradient);
}
.taxi-booking-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #4bda64;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.taxi-booking-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.taxi-booking-app .section-heading p span {
  color: #4bda64;
}
.taxi-booking-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#TaxiBookingPageGradient);
}
.taxi-booking-app .advanced-features .af-item .af-icon svg {
  fill: url(#TaxiBookingPageGradient);
}
.taxi-booking-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.taxi-booking-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #4bda64 0%, #70dabc 58%);
}
.taxi-booking-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#TaxiBookingPageGradient);
}
.taxi-booking-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #4bda64 0%, #70dabc 58%);
}
.taxi-booking-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.taxi-booking-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(112, 218, 188, 0.25) 19%, rgba(75, 218, 100, 0.24) 100%);
}
.taxi-booking-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #4bda64 0%, #70dabc 58%);
}
.taxi-booking-app .trend-choose .tc-item .tc-content p strong {
  color: #4bda64;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #75e388;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #4bda64;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #4bda64;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #4bda64;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #4bda64;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #29c945;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #29c945;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #29c945;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #29c945;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #219e37;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #219e37;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #219e37;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #219e37;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #187428;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #187428;
}
.taxi-booking-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #187428;
}
.taxi-booking-app .additional-features {
  background: #4bda64 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.taxi-booking-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(112, 218, 188, 0.27);
          box-shadow: 0 0 30px rgba(112, 218, 188, 0.27);
}
.taxi-booking-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(112, 218, 188, 0.25) 19%, rgba(75, 218, 100, 0.24) 100%);
}
.taxi-booking-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #4bda64;
}
.taxi-booking-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #4bda64;
}
.taxi-booking-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #4bda64 0%, #70dabc 58%);
}
.taxi-booking-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.taxi-booking-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #4bda64;
}
.taxi-booking-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #eaf9f5 0%, #caf4d1 58%);
}
.taxi-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #c1efe2 0%, #a0ebad 58%);
}
.taxi-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #99e4cf 0%, #75e388 58%);
}
.taxi-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #70dabc 0%, #4bda64 58%);
}
.taxi-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #47d0a9 0%, #29c945 58%);
}
.taxi-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #2fb58f 0%, #219e37 58%);
}
.taxi-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #248d6f 0%, #187428 58%);
}
.taxi-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #2fb58f 0%, #219e37 58%);
}
.taxi-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #47d0a9 0%, #29c945 58%);
}
.taxi-booking-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #eaf9f5 0%, #caf4d1 58%);
}
.taxi-booking-app .trend-tabs .nav-item.active {
  color: #4bda64 !important;
}
.taxi-booking-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-taxi-booking-app 2s linear forwards;
          animation: animate-user-taxi-booking-app 2s linear forwards;
}
.taxi-booking-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-taxi-booking-app 2s linear forwards;
          animation: animate-admin-taxi-booking-app 2s linear forwards;
}
.taxi-booking-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-taxi-booking-app 2s linear forwards;
          animation: animate-restautrant-taxi-booking-app 2s linear forwards;
}
.taxi-booking-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-taxi-booking-app 2s linear forwards;
          animation: animate-delivery-taxi-booking-app 2s linear forwards;
}
.taxi-booking-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-taxi-booking-app 2s linear forwards;
          animation: animate-washer-taxi-booking-app 2s linear forwards;
}
.taxi-booking-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-taxi-booking-app 2s linear forwards;
          animation: animate-bookie-taxi-booking-app 2s linear forwards;
}
.taxi-booking-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-taxi-booking-app 2s linear forwards;
          animation: animate-vendor-taxi-booking-app 2s linear forwards;
}
.taxi-booking-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-taxi-booking-app 2s linear forwards;
          animation: animate-service-provider-taxi-booking-app 2s linear forwards;
}
.taxi-booking-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-taxi-booking-app 2s linear forwards;
          animation: animate-delivery-personnel-taxi-booking-app 2s linear forwards;
}
.taxi-booking-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-taxi-booking-app 2s linear forwards;
          animation: animate-pharmacist-taxi-booking-app 2s linear forwards;
}
.taxi-booking-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-taxi-booking-app 2s linear forwards;
          animation: animate-driver-taxi-booking-app 2s linear forwards;
}
.taxi-booking-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-taxi-booking-app 2s linear forwards;
          animation: animate-delivery-taxi-booking-app 2s linear forwards;
}
.taxi-booking-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-taxi-booking-app 2s linear forwards;
          animation: animate-tutor-taxi-booking-app 2s linear forwards;
}
.taxi-booking-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-taxi-booking-app 2s linear forwards;
          animation: animate-store-taxi-booking-app 2s linear forwards;
}
.taxi-booking-app .iot-tabs .nav-item.active {
  color: #4bda64 !important;
  border-bottom-color: #4bda64 !important;
}
.taxi-booking-app .iot-smart-solution .svg-icon svg {
  fill: url(#TaxiBookingPageGradient);
}
.taxi-booking-app .step-process svg {
  fill: url(#TaxiBookingPageGradient) !important;
}
@-webkit-keyframes animate-user-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@keyframes animate-user-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@-webkit-keyframes animate-admin-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@keyframes animate-admin-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@-webkit-keyframes animate-restautrant-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@keyframes animate-restautrant-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@-webkit-keyframes animate-delivery-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@keyframes animate-delivery-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@-webkit-keyframes animate-washer-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@keyframes animate-washer-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@-webkit-keyframes animate-bookie-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@keyframes animate-bookie-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@-webkit-keyframes animate-vendor-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@keyframes animate-vendor-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@-webkit-keyframes animate-service-provider-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@keyframes animate-service-provider-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@-webkit-keyframes animate-delivery-personnel-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@keyframes animate-delivery-personnel-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@-webkit-keyframes animate-pharmacist-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@keyframes animate-pharmacist-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@-webkit-keyframes animate-driver-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@keyframes animate-driver-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@keyframes animate-delivery-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@-webkit-keyframes animate-tutor-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@keyframes animate-tutor-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@-webkit-keyframes animate-store-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
@keyframes animate-store-taxi-booking-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #4bda64;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #25b43e;
    fill: #4bda64;
  }
}
.taxi-booking-app .latest-technologies svg {
  fill: #4bda64 !important;
}

.grocery-delivery-app .inner-banner .banner-content h2 {
  color: #24a94e;
}
.grocery-delivery-app .inner-banner .banner-content h2 span {
  color: #70b938;
}
.grocery-delivery-app .service-content .content-area p span {
  color: #24a94e;
}
.grocery-delivery-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#GroceryDeliveryPageGradient);
}
.grocery-delivery-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #24a94e;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.grocery-delivery-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.grocery-delivery-app .section-heading p span {
  color: #24a94e;
}
.grocery-delivery-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#GroceryDeliveryPageGradient);
}
.grocery-delivery-app .advanced-features .af-item .af-icon svg {
  fill: url(#GroceryDeliveryPageGradient);
}
.grocery-delivery-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.grocery-delivery-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #24a94e 0%, #70b938 58%);
}
.grocery-delivery-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#GroceryDeliveryPageGradient);
}
.grocery-delivery-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #24a94e 0%, #70b938 58%);
}
.grocery-delivery-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.grocery-delivery-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(112, 185, 56, 0.25) 19%, rgba(36, 169, 78, 0.24) 100%);
}
.grocery-delivery-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #24a94e 0%, #70b938 58%);
}
.grocery-delivery-app .trend-choose .tc-item .tc-content p strong {
  color: #24a94e;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #2ed262;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #24a94e;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #24a94e;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #24a94e;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #24a94e;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #1b7f3b;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #1b7f3b;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #1b7f3b;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #1b7f3b;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #125527;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #125527;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #125527;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #125527;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #092b14;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #092b14;
}
.grocery-delivery-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #092b14;
}
.grocery-delivery-app .additional-features {
  background: #24a94e url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.grocery-delivery-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(112, 185, 56, 0.27);
          box-shadow: 0 0 30px rgba(112, 185, 56, 0.27);
}
.grocery-delivery-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(112, 185, 56, 0.25) 19%, rgba(36, 169, 78, 0.24) 100%);
}
.grocery-delivery-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #24a94e;
}
.grocery-delivery-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #24a94e;
}
.grocery-delivery-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #24a94e 0%, #70b938 58%);
}
.grocery-delivery-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.grocery-delivery-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #24a94e;
}
.grocery-delivery-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #c1e4a6 0%, #82e4a1 58%);
}
.grocery-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #a6d87f 0%, #58db81 58%);
}
.grocery-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #8acc58 0%, #2ed262 58%);
}
.grocery-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #70b938 0%, #24a94e 58%);
}
.grocery-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #58922c 0%, #1b7f3b 58%);
}
.grocery-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #416b20 0%, #125527 58%);
}
.grocery-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #294414 0%, #092b14 58%);
}
.grocery-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #416b20 0%, #125527 58%);
}
.grocery-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #58922c 0%, #1b7f3b 58%);
}
.grocery-delivery-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #c1e4a6 0%, #82e4a1 58%);
}
.grocery-delivery-app .trend-tabs .nav-item.active {
  color: #24a94e !important;
}
.grocery-delivery-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-grocery-delivery-app 2s linear forwards;
          animation: animate-user-grocery-delivery-app 2s linear forwards;
}
.grocery-delivery-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-grocery-delivery-app 2s linear forwards;
          animation: animate-admin-grocery-delivery-app 2s linear forwards;
}
.grocery-delivery-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-grocery-delivery-app 2s linear forwards;
          animation: animate-restautrant-grocery-delivery-app 2s linear forwards;
}
.grocery-delivery-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-grocery-delivery-app 2s linear forwards;
          animation: animate-delivery-grocery-delivery-app 2s linear forwards;
}
.grocery-delivery-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-grocery-delivery-app 2s linear forwards;
          animation: animate-washer-grocery-delivery-app 2s linear forwards;
}
.grocery-delivery-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-grocery-delivery-app 2s linear forwards;
          animation: animate-bookie-grocery-delivery-app 2s linear forwards;
}
.grocery-delivery-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-grocery-delivery-app 2s linear forwards;
          animation: animate-vendor-grocery-delivery-app 2s linear forwards;
}
.grocery-delivery-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-grocery-delivery-app 2s linear forwards;
          animation: animate-service-provider-grocery-delivery-app 2s linear forwards;
}
.grocery-delivery-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-grocery-delivery-app 2s linear forwards;
          animation: animate-delivery-personnel-grocery-delivery-app 2s linear forwards;
}
.grocery-delivery-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-grocery-delivery-app 2s linear forwards;
          animation: animate-pharmacist-grocery-delivery-app 2s linear forwards;
}
.grocery-delivery-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-grocery-delivery-app 2s linear forwards;
          animation: animate-driver-grocery-delivery-app 2s linear forwards;
}
.grocery-delivery-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-grocery-delivery-app 2s linear forwards;
          animation: animate-delivery-grocery-delivery-app 2s linear forwards;
}
.grocery-delivery-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-grocery-delivery-app 2s linear forwards;
          animation: animate-tutor-grocery-delivery-app 2s linear forwards;
}
.grocery-delivery-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-grocery-delivery-app 2s linear forwards;
          animation: animate-store-grocery-delivery-app 2s linear forwards;
}
.grocery-delivery-app .iot-tabs .nav-item.active {
  color: #24a94e !important;
  border-bottom-color: #24a94e !important;
}
.grocery-delivery-app .iot-smart-solution .svg-icon svg {
  fill: url(#GroceryDeliveryPageGradient);
}
.grocery-delivery-app .step-process svg {
  fill: url(#GroceryDeliveryPageGradient) !important;
}
@-webkit-keyframes animate-user-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@keyframes animate-user-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@-webkit-keyframes animate-admin-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@keyframes animate-admin-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@-webkit-keyframes animate-restautrant-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@keyframes animate-restautrant-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@-webkit-keyframes animate-delivery-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@keyframes animate-delivery-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@-webkit-keyframes animate-washer-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@keyframes animate-washer-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@-webkit-keyframes animate-bookie-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@keyframes animate-bookie-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@-webkit-keyframes animate-vendor-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@keyframes animate-vendor-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@-webkit-keyframes animate-service-provider-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@keyframes animate-service-provider-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@-webkit-keyframes animate-delivery-personnel-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@keyframes animate-delivery-personnel-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@-webkit-keyframes animate-pharmacist-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@keyframes animate-pharmacist-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@-webkit-keyframes animate-driver-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@keyframes animate-driver-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@keyframes animate-delivery-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@-webkit-keyframes animate-tutor-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@keyframes animate-tutor-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@-webkit-keyframes animate-store-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #176a31;
    fill: #24a94e;
  }
}
@keyframes animate-store-grocery-delivery-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #24a94e;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #176a31;
    fill: #24a94e;
  }
}
.grocery-delivery-app .latest-technologies svg {
  fill: #24a94e !important;
}

.ride-sahre-app .inner-banner .banner-content h2 {
  color: #ff9839;
}
.ride-sahre-app .inner-banner .banner-content h2 span {
  color: #ec7714;
}
.ride-sahre-app .service-content .content-area p span {
  color: #ff9839;
}
.ride-sahre-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#RideSharingApp);
}
.ride-sahre-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #ff9839;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.ride-sahre-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.ride-sahre-app .section-heading p span {
  color: #ff9839;
}
.ride-sahre-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#RideSharingApp);
}
.ride-sahre-app .advanced-features .af-item .af-icon svg {
  fill: url(#RideSharingApp);
}
.ride-sahre-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.ride-sahre-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #ff9839 0%, #ec7714 58%);
}
.ride-sahre-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#RideSharingApp);
}
.ride-sahre-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #ff9839 0%, #ec7714 58%);
}
.ride-sahre-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.ride-sahre-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(236, 119, 20, 0.25) 19%, rgba(255, 152, 57, 0.24) 100%);
}
.ride-sahre-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #ff9839 0%, #ec7714 58%);
}
.ride-sahre-app .trend-choose .tc-item .tc-content p strong {
  color: #ff9839;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #ffb36c;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #ff9839;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #ff9839;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #ff9839;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #ff9839;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #ff7d06;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #ff7d06;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #ff7d06;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #ff7d06;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #d26500;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #d26500;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #d26500;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #d26500;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #9f4c00;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #9f4c00;
}
.ride-sahre-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #9f4c00;
}
.ride-sahre-app .additional-features {
  background: #ff9839 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.ride-sahre-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(236, 119, 20, 0.27);
          box-shadow: 0 0 30px rgba(236, 119, 20, 0.27);
}
.ride-sahre-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(236, 119, 20, 0.25) 19%, rgba(255, 152, 57, 0.24) 100%);
}
.ride-sahre-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #ff9839;
}
.ride-sahre-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #ff9839;
}
.ride-sahre-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #ff9839 0%, #ec7714 58%);
}
.ride-sahre-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.ride-sahre-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #ff9839;
}
.ride-sahre-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #f7c9a2 0%, #ffe8d2 58%);
}
.ride-sahre-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #f4ae72 0%, #ffcd9f 58%);
}
.ride-sahre-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #f09243 0%, #ffb36c 58%);
}
.ride-sahre-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #ec7714 0%, #ff9839 58%);
}
.ride-sahre-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #be5f0f 0%, #ff7d06 58%);
}
.ride-sahre-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #8e480c 0%, #d26500 58%);
}
.ride-sahre-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #5f3008 0%, #9f4c00 58%);
}
.ride-sahre-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #8e480c 0%, #d26500 58%);
}
.ride-sahre-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #be5f0f 0%, #ff7d06 58%);
}
.ride-sahre-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #f7c9a2 0%, #ffe8d2 58%);
}
.ride-sahre-app .trend-tabs .nav-item.active {
  color: #ff9839 !important;
}
.ride-sahre-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-ride-sahre-app 2s linear forwards;
          animation: animate-user-ride-sahre-app 2s linear forwards;
}
.ride-sahre-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-ride-sahre-app 2s linear forwards;
          animation: animate-admin-ride-sahre-app 2s linear forwards;
}
.ride-sahre-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-ride-sahre-app 2s linear forwards;
          animation: animate-restautrant-ride-sahre-app 2s linear forwards;
}
.ride-sahre-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-ride-sahre-app 2s linear forwards;
          animation: animate-delivery-ride-sahre-app 2s linear forwards;
}
.ride-sahre-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-ride-sahre-app 2s linear forwards;
          animation: animate-washer-ride-sahre-app 2s linear forwards;
}
.ride-sahre-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-ride-sahre-app 2s linear forwards;
          animation: animate-bookie-ride-sahre-app 2s linear forwards;
}
.ride-sahre-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-ride-sahre-app 2s linear forwards;
          animation: animate-vendor-ride-sahre-app 2s linear forwards;
}
.ride-sahre-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-ride-sahre-app 2s linear forwards;
          animation: animate-service-provider-ride-sahre-app 2s linear forwards;
}
.ride-sahre-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-ride-sahre-app 2s linear forwards;
          animation: animate-delivery-personnel-ride-sahre-app 2s linear forwards;
}
.ride-sahre-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-ride-sahre-app 2s linear forwards;
          animation: animate-pharmacist-ride-sahre-app 2s linear forwards;
}
.ride-sahre-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-ride-sahre-app 2s linear forwards;
          animation: animate-driver-ride-sahre-app 2s linear forwards;
}
.ride-sahre-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-ride-sahre-app 2s linear forwards;
          animation: animate-delivery-ride-sahre-app 2s linear forwards;
}
.ride-sahre-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-ride-sahre-app 2s linear forwards;
          animation: animate-tutor-ride-sahre-app 2s linear forwards;
}
.ride-sahre-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-ride-sahre-app 2s linear forwards;
          animation: animate-store-ride-sahre-app 2s linear forwards;
}
.ride-sahre-app .iot-tabs .nav-item.active {
  color: #ff9839 !important;
  border-bottom-color: #ff9839 !important;
}
.ride-sahre-app .iot-smart-solution .svg-icon svg {
  fill: url(#RideSharingApp);
}
.ride-sahre-app .step-process svg {
  fill: url(#RideSharingApp) !important;
}
@-webkit-keyframes animate-user-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@keyframes animate-user-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@-webkit-keyframes animate-admin-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@keyframes animate-admin-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@-webkit-keyframes animate-restautrant-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@keyframes animate-restautrant-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@-webkit-keyframes animate-delivery-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@keyframes animate-delivery-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@-webkit-keyframes animate-washer-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@keyframes animate-washer-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@-webkit-keyframes animate-bookie-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@keyframes animate-bookie-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@-webkit-keyframes animate-vendor-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@keyframes animate-vendor-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@-webkit-keyframes animate-service-provider-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@keyframes animate-service-provider-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@-webkit-keyframes animate-delivery-personnel-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@keyframes animate-delivery-personnel-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@-webkit-keyframes animate-pharmacist-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@keyframes animate-pharmacist-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@-webkit-keyframes animate-driver-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@keyframes animate-driver-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@keyframes animate-delivery-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@-webkit-keyframes animate-tutor-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@keyframes animate-tutor-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@-webkit-keyframes animate-store-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
@keyframes animate-store-ride-sahre-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ff9839;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #ec7100;
    fill: #ff9839;
  }
}
.ride-sahre-app .latest-technologies svg {
  fill: #ff9839 !important;
}

.fantasy-sports-app .inner-banner .banner-content h2 {
  color: #3d5fb7;
}
.fantasy-sports-app .inner-banner .banner-content h2 span {
  color: #1e4fd0;
}
.fantasy-sports-app .service-content .content-area p span {
  color: #3d5fb7;
}
.fantasy-sports-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#FantasySportsApp);
}
.fantasy-sports-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #3d5fb7;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.fantasy-sports-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.fantasy-sports-app .section-heading p span {
  color: #3d5fb7;
}
.fantasy-sports-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#FantasySportsApp);
}
.fantasy-sports-app .advanced-features .af-item .af-icon svg {
  fill: url(#FantasySportsApp);
}
.fantasy-sports-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.fantasy-sports-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #3d5fb7 0%, #1e4fd0 58%);
}
.fantasy-sports-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#FantasySportsApp);
}
.fantasy-sports-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #3d5fb7 0%, #1e4fd0 58%);
}
.fantasy-sports-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.fantasy-sports-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(30, 79, 208, 0.25) 19%, rgba(61, 95, 183, 0.24) 100%);
}
.fantasy-sports-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #3d5fb7 0%, #1e4fd0 58%);
}
.fantasy-sports-app .trend-choose .tc-item .tc-content p strong {
  color: #3d5fb7;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #5e7cc9;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #3d5fb7;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #3d5fb7;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #3d5fb7;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #3d5fb7;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #304b91;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #304b91;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #304b91;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #304b91;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #24376b;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #24376b;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #24376b;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #24376b;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #172344;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #172344;
}
.fantasy-sports-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #172344;
}
.fantasy-sports-app .additional-features {
  background: #3d5fb7 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.fantasy-sports-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(30, 79, 208, 0.27);
          box-shadow: 0 0 30px rgba(30, 79, 208, 0.27);
}
.fantasy-sports-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(30, 79, 208, 0.25) 19%, rgba(61, 95, 183, 0.24) 100%);
}
.fantasy-sports-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #3d5fb7;
}
.fantasy-sports-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #3d5fb7;
}
.fantasy-sports-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #3d5fb7 0%, #1e4fd0 58%);
}
.fantasy-sports-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.fantasy-sports-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #3d5fb7;
}
.fantasy-sports-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #97b0f0 0%, #aabae3 58%);
}
.fantasy-sports-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #6a8dea 0%, #849bd6 58%);
}
.fantasy-sports-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #3e6be3 0%, #5e7cc9 58%);
}
.fantasy-sports-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #1e4fd0 0%, #3d5fb7 58%);
}
.fantasy-sports-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #183ea3 0%, #304b91 58%);
}
.fantasy-sports-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #112d77 0%, #24376b 58%);
}
.fantasy-sports-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #0b1c4a 0%, #172344 58%);
}
.fantasy-sports-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #112d77 0%, #24376b 58%);
}
.fantasy-sports-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #183ea3 0%, #304b91 58%);
}
.fantasy-sports-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #97b0f0 0%, #aabae3 58%);
}
.fantasy-sports-app .trend-tabs .nav-item.active {
  color: #3d5fb7 !important;
}
.fantasy-sports-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-fantasy-sports-app 2s linear forwards;
          animation: animate-user-fantasy-sports-app 2s linear forwards;
}
.fantasy-sports-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-fantasy-sports-app 2s linear forwards;
          animation: animate-admin-fantasy-sports-app 2s linear forwards;
}
.fantasy-sports-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-fantasy-sports-app 2s linear forwards;
          animation: animate-restautrant-fantasy-sports-app 2s linear forwards;
}
.fantasy-sports-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-fantasy-sports-app 2s linear forwards;
          animation: animate-delivery-fantasy-sports-app 2s linear forwards;
}
.fantasy-sports-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-fantasy-sports-app 2s linear forwards;
          animation: animate-washer-fantasy-sports-app 2s linear forwards;
}
.fantasy-sports-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-fantasy-sports-app 2s linear forwards;
          animation: animate-bookie-fantasy-sports-app 2s linear forwards;
}
.fantasy-sports-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-fantasy-sports-app 2s linear forwards;
          animation: animate-vendor-fantasy-sports-app 2s linear forwards;
}
.fantasy-sports-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-fantasy-sports-app 2s linear forwards;
          animation: animate-service-provider-fantasy-sports-app 2s linear forwards;
}
.fantasy-sports-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-fantasy-sports-app 2s linear forwards;
          animation: animate-delivery-personnel-fantasy-sports-app 2s linear forwards;
}
.fantasy-sports-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-fantasy-sports-app 2s linear forwards;
          animation: animate-pharmacist-fantasy-sports-app 2s linear forwards;
}
.fantasy-sports-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-fantasy-sports-app 2s linear forwards;
          animation: animate-driver-fantasy-sports-app 2s linear forwards;
}
.fantasy-sports-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-fantasy-sports-app 2s linear forwards;
          animation: animate-delivery-fantasy-sports-app 2s linear forwards;
}
.fantasy-sports-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-fantasy-sports-app 2s linear forwards;
          animation: animate-tutor-fantasy-sports-app 2s linear forwards;
}
.fantasy-sports-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-fantasy-sports-app 2s linear forwards;
          animation: animate-store-fantasy-sports-app 2s linear forwards;
}
.fantasy-sports-app .iot-tabs .nav-item.active {
  color: #3d5fb7 !important;
  border-bottom-color: #3d5fb7 !important;
}
.fantasy-sports-app .iot-smart-solution .svg-icon svg {
  fill: url(#FantasySportsApp);
}
.fantasy-sports-app .step-process svg {
  fill: url(#FantasySportsApp) !important;
}
@-webkit-keyframes animate-user-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@keyframes animate-user-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@-webkit-keyframes animate-admin-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@keyframes animate-admin-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@-webkit-keyframes animate-restautrant-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@keyframes animate-restautrant-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@-webkit-keyframes animate-delivery-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@keyframes animate-delivery-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@-webkit-keyframes animate-washer-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@keyframes animate-washer-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@-webkit-keyframes animate-bookie-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@keyframes animate-bookie-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@-webkit-keyframes animate-vendor-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@keyframes animate-vendor-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@-webkit-keyframes animate-service-provider-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@keyframes animate-service-provider-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@-webkit-keyframes animate-delivery-personnel-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@keyframes animate-delivery-personnel-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@-webkit-keyframes animate-pharmacist-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@keyframes animate-pharmacist-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@-webkit-keyframes animate-driver-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@keyframes animate-driver-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@keyframes animate-delivery-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@-webkit-keyframes animate-tutor-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@keyframes animate-tutor-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@-webkit-keyframes animate-store-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
@keyframes animate-store-fantasy-sports-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #3d5fb7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #2a417e;
    fill: #3d5fb7;
  }
}
.fantasy-sports-app .latest-technologies svg {
  fill: #3d5fb7 !important;
}

.Bus-Ticket-Booking .inner-banner .banner-content h2 {
  color: #2b84f7;
}
.Bus-Ticket-Booking .inner-banner .banner-content h2 span {
  color: #3779dc;
}
.Bus-Ticket-Booking .service-content .content-area p span {
  color: #2b84f7;
}
.Bus-Ticket-Booking .info-grid-hz .info-grid-item .icon svg {
  fill: url(#busTicketBooking);
}
.Bus-Ticket-Booking .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #2b84f7;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.Bus-Ticket-Booking .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.Bus-Ticket-Booking .section-heading p span {
  color: #2b84f7;
}
.Bus-Ticket-Booking .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#busTicketBooking);
}
.Bus-Ticket-Booking .advanced-features .af-item .af-icon svg {
  fill: url(#busTicketBooking);
}
.Bus-Ticket-Booking .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.Bus-Ticket-Booking .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #2b84f7 0%, #3779dc 58%);
}
.Bus-Ticket-Booking .trend-choose .tc-item .tc-icon svg {
  fill: url(#busTicketBooking);
}
.Bus-Ticket-Booking .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #2b84f7 0%, #3779dc 58%);
}
.Bus-Ticket-Booking .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.Bus-Ticket-Booking .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(55, 121, 220, 0.25) 19%, rgba(43, 132, 247, 0.24) 100%);
}
.Bus-Ticket-Booking .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #2b84f7 0%, #3779dc 58%);
}
.Bus-Ticket-Booking .trend-choose .tc-item .tc-content p strong {
  color: #2b84f7;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #5ca1f9;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #2b84f7;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #2b84f7;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #2b84f7;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #2b84f7;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #0969e6;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #0969e6;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #0969e6;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #0969e6;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #0753b5;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #0753b5;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #0753b5;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #0753b5;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #053c84;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #053c84;
}
.Bus-Ticket-Booking .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #053c84;
}
.Bus-Ticket-Booking .additional-features {
  background: #2b84f7 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.Bus-Ticket-Booking .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(55, 121, 220, 0.27);
          box-shadow: 0 0 30px rgba(55, 121, 220, 0.27);
}
.Bus-Ticket-Booking .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(55, 121, 220, 0.25) 19%, rgba(43, 132, 247, 0.24) 100%);
}
.Bus-Ticket-Booking .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #2b84f7;
}
.Bus-Ticket-Booking .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #2b84f7;
}
.Bus-Ticket-Booking .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #2b84f7 0%, #3779dc 58%);
}
.Bus-Ticket-Booking .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.Bus-Ticket-Booking .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #2b84f7;
}
.Bus-Ticket-Booking .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #b9d0f3 0%, #bedafd 58%);
}
.Bus-Ticket-Booking .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #8eb3eb 0%, #8dbdfb 58%);
}
.Bus-Ticket-Booking .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #6296e4 0%, #5ca1f9 58%);
}
.Bus-Ticket-Booking .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #3779dc 0%, #2b84f7 58%);
}
.Bus-Ticket-Booking .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #2160bf 0%, #0969e6 58%);
}
.Bus-Ticket-Booking .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #1a4a93 0%, #0753b5 58%);
}
.Bus-Ticket-Booking .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #123468 0%, #053c84 58%);
}
.Bus-Ticket-Booking .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #1a4a93 0%, #0753b5 58%);
}
.Bus-Ticket-Booking .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #2160bf 0%, #0969e6 58%);
}
.Bus-Ticket-Booking .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #b9d0f3 0%, #bedafd 58%);
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active {
  color: #2b84f7 !important;
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-Bus-Ticket-Booking 2s linear forwards;
          animation: animate-user-Bus-Ticket-Booking 2s linear forwards;
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-Bus-Ticket-Booking 2s linear forwards;
          animation: animate-admin-Bus-Ticket-Booking 2s linear forwards;
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-Bus-Ticket-Booking 2s linear forwards;
          animation: animate-restautrant-Bus-Ticket-Booking 2s linear forwards;
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-Bus-Ticket-Booking 2s linear forwards;
          animation: animate-delivery-Bus-Ticket-Booking 2s linear forwards;
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-Bus-Ticket-Booking 2s linear forwards;
          animation: animate-washer-Bus-Ticket-Booking 2s linear forwards;
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-Bus-Ticket-Booking 2s linear forwards;
          animation: animate-bookie-Bus-Ticket-Booking 2s linear forwards;
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-Bus-Ticket-Booking 2s linear forwards;
          animation: animate-vendor-Bus-Ticket-Booking 2s linear forwards;
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-Bus-Ticket-Booking 2s linear forwards;
          animation: animate-service-provider-Bus-Ticket-Booking 2s linear forwards;
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-Bus-Ticket-Booking 2s linear forwards;
          animation: animate-delivery-personnel-Bus-Ticket-Booking 2s linear forwards;
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-Bus-Ticket-Booking 2s linear forwards;
          animation: animate-pharmacist-Bus-Ticket-Booking 2s linear forwards;
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-Bus-Ticket-Booking 2s linear forwards;
          animation: animate-driver-Bus-Ticket-Booking 2s linear forwards;
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-Bus-Ticket-Booking 2s linear forwards;
          animation: animate-delivery-Bus-Ticket-Booking 2s linear forwards;
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-Bus-Ticket-Booking 2s linear forwards;
          animation: animate-tutor-Bus-Ticket-Booking 2s linear forwards;
}
.Bus-Ticket-Booking .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-Bus-Ticket-Booking 2s linear forwards;
          animation: animate-store-Bus-Ticket-Booking 2s linear forwards;
}
.Bus-Ticket-Booking .iot-tabs .nav-item.active {
  color: #2b84f7 !important;
  border-bottom-color: #2b84f7 !important;
}
.Bus-Ticket-Booking .iot-smart-solution .svg-icon svg {
  fill: url(#busTicketBooking);
}
.Bus-Ticket-Booking .step-process svg {
  fill: url(#busTicketBooking) !important;
}
@-webkit-keyframes animate-user-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@keyframes animate-user-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@-webkit-keyframes animate-admin-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@keyframes animate-admin-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@-webkit-keyframes animate-restautrant-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@keyframes animate-restautrant-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@-webkit-keyframes animate-delivery-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@keyframes animate-delivery-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@-webkit-keyframes animate-washer-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@keyframes animate-washer-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@-webkit-keyframes animate-bookie-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@keyframes animate-bookie-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@-webkit-keyframes animate-vendor-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@keyframes animate-vendor-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@-webkit-keyframes animate-service-provider-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@keyframes animate-service-provider-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@-webkit-keyframes animate-delivery-personnel-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@keyframes animate-delivery-personnel-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@-webkit-keyframes animate-pharmacist-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@keyframes animate-pharmacist-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@-webkit-keyframes animate-driver-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@keyframes animate-driver-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@keyframes animate-delivery-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@-webkit-keyframes animate-tutor-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@keyframes animate-tutor-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@-webkit-keyframes animate-store-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
@keyframes animate-store-Bus-Ticket-Booking {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2b84f7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #085ece;
    fill: #2b84f7;
  }
}
.Bus-Ticket-Booking .latest-technologies svg {
  fill: #2b84f7 !important;
}

.real-estate-web-portal .inner-banner .banner-content h2 {
  color: #2768b7;
}
.real-estate-web-portal .inner-banner .banner-content h2 span {
  color: #2b8ae9;
}
.real-estate-web-portal .service-content .content-area p span {
  color: #2768b7;
}
.real-estate-web-portal .info-grid-hz .info-grid-item .icon svg {
  fill: url(#realEstateWebPortal);
}
.real-estate-web-portal .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #2768b7;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.real-estate-web-portal .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.real-estate-web-portal .section-heading p span {
  color: #2768b7;
}
.real-estate-web-portal .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#realEstateWebPortal);
}
.real-estate-web-portal .advanced-features .af-item .af-icon svg {
  fill: url(#realEstateWebPortal);
}
.real-estate-web-portal .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.real-estate-web-portal .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #2768b7 0%, #2b8ae9 58%);
}
.real-estate-web-portal .trend-choose .tc-item .tc-icon svg {
  fill: url(#realEstateWebPortal);
}
.real-estate-web-portal .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #2768b7 0%, #2b8ae9 58%);
}
.real-estate-web-portal .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.real-estate-web-portal .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(43, 138, 233, 0.25) 19%, rgba(39, 104, 183, 0.24) 100%);
}
.real-estate-web-portal .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #2768b7 0%, #2b8ae9 58%);
}
.real-estate-web-portal .trend-choose .tc-item .tc-content p strong {
  color: #2768b7;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #3c81d5;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #2768b7;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #2768b7;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #2768b7;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #2768b7;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #1e508d;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #1e508d;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #1e508d;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #1e508d;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #153863;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #153863;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #153863;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #153863;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #0c2039;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #0c2039;
}
.real-estate-web-portal .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #0c2039;
}
.real-estate-web-portal .additional-features {
  background: #2768b7 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.real-estate-web-portal .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(43, 138, 233, 0.27);
          box-shadow: 0 0 30px rgba(43, 138, 233, 0.27);
}
.real-estate-web-portal .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(43, 138, 233, 0.25) 19%, rgba(39, 104, 183, 0.24) 100%);
}
.real-estate-web-portal .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #2768b7;
}
.real-estate-web-portal .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #2768b7;
}
.real-estate-web-portal .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #2768b7 0%, #2b8ae9 58%);
}
.real-estate-web-portal .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.real-estate-web-portal .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #2768b7;
}
.real-estate-web-portal .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #b6d7f7 0%, #90b7e7 58%);
}
.real-estate-web-portal .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #87bdf3 0%, #669cde 58%);
}
.real-estate-web-portal .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #59a4ee 0%, #3c81d5 58%);
}
.real-estate-web-portal .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #2b8ae9 0%, #2768b7 58%);
}
.real-estate-web-portal .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #1571cc 0%, #1e508d 58%);
}
.real-estate-web-portal .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #10579e 0%, #153863 58%);
}
.real-estate-web-portal .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #0c3e6f 0%, #0c2039 58%);
}
.real-estate-web-portal .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #10579e 0%, #153863 58%);
}
.real-estate-web-portal .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #1571cc 0%, #1e508d 58%);
}
.real-estate-web-portal .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #b6d7f7 0%, #90b7e7 58%);
}
.real-estate-web-portal .trend-tabs .nav-item.active {
  color: #2768b7 !important;
}
.real-estate-web-portal .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-real-estate-web-portal 2s linear forwards;
          animation: animate-user-real-estate-web-portal 2s linear forwards;
}
.real-estate-web-portal .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-real-estate-web-portal 2s linear forwards;
          animation: animate-admin-real-estate-web-portal 2s linear forwards;
}
.real-estate-web-portal .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-real-estate-web-portal 2s linear forwards;
          animation: animate-restautrant-real-estate-web-portal 2s linear forwards;
}
.real-estate-web-portal .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-real-estate-web-portal 2s linear forwards;
          animation: animate-delivery-real-estate-web-portal 2s linear forwards;
}
.real-estate-web-portal .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-real-estate-web-portal 2s linear forwards;
          animation: animate-washer-real-estate-web-portal 2s linear forwards;
}
.real-estate-web-portal .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-real-estate-web-portal 2s linear forwards;
          animation: animate-bookie-real-estate-web-portal 2s linear forwards;
}
.real-estate-web-portal .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-real-estate-web-portal 2s linear forwards;
          animation: animate-vendor-real-estate-web-portal 2s linear forwards;
}
.real-estate-web-portal .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-real-estate-web-portal 2s linear forwards;
          animation: animate-service-provider-real-estate-web-portal 2s linear forwards;
}
.real-estate-web-portal .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-real-estate-web-portal 2s linear forwards;
          animation: animate-delivery-personnel-real-estate-web-portal 2s linear forwards;
}
.real-estate-web-portal .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-real-estate-web-portal 2s linear forwards;
          animation: animate-pharmacist-real-estate-web-portal 2s linear forwards;
}
.real-estate-web-portal .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-real-estate-web-portal 2s linear forwards;
          animation: animate-driver-real-estate-web-portal 2s linear forwards;
}
.real-estate-web-portal .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-real-estate-web-portal 2s linear forwards;
          animation: animate-delivery-real-estate-web-portal 2s linear forwards;
}
.real-estate-web-portal .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-real-estate-web-portal 2s linear forwards;
          animation: animate-tutor-real-estate-web-portal 2s linear forwards;
}
.real-estate-web-portal .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-real-estate-web-portal 2s linear forwards;
          animation: animate-store-real-estate-web-portal 2s linear forwards;
}
.real-estate-web-portal .iot-tabs .nav-item.active {
  color: #2768b7 !important;
  border-bottom-color: #2768b7 !important;
}
.real-estate-web-portal .iot-smart-solution .svg-icon svg {
  fill: url(#realEstateWebPortal);
}
.real-estate-web-portal .step-process svg {
  fill: url(#realEstateWebPortal) !important;
}
@-webkit-keyframes animate-user-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@keyframes animate-user-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@-webkit-keyframes animate-admin-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@keyframes animate-admin-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@-webkit-keyframes animate-restautrant-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@keyframes animate-restautrant-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@-webkit-keyframes animate-delivery-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@keyframes animate-delivery-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@-webkit-keyframes animate-washer-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@keyframes animate-washer-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@-webkit-keyframes animate-bookie-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@keyframes animate-bookie-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@-webkit-keyframes animate-vendor-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@keyframes animate-vendor-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@-webkit-keyframes animate-service-provider-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@keyframes animate-service-provider-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@-webkit-keyframes animate-delivery-personnel-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@keyframes animate-delivery-personnel-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@-webkit-keyframes animate-pharmacist-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@keyframes animate-pharmacist-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@-webkit-keyframes animate-driver-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@keyframes animate-driver-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@keyframes animate-delivery-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@-webkit-keyframes animate-tutor-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@keyframes animate-tutor-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@-webkit-keyframes animate-store-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
@keyframes animate-store-real-estate-web-portal {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2768b7;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1a4478;
    fill: #2768b7;
  }
}
.real-estate-web-portal .latest-technologies svg {
  fill: #2768b7 !important;
}

.music-streaming-app .inner-banner .banner-content h2 {
  color: #5653b5;
}
.music-streaming-app .inner-banner .banner-content h2 span {
  color: #8685ad;
}
.music-streaming-app .service-content .content-area p span {
  color: #5653b5;
}
.music-streaming-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#musicStreamingApp);
}
.music-streaming-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #5653b5;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.music-streaming-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.music-streaming-app .section-heading p span {
  color: #5653b5;
}
.music-streaming-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#musicStreamingApp);
}
.music-streaming-app .advanced-features .af-item .af-icon svg {
  fill: url(#musicStreamingApp);
}
.music-streaming-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.music-streaming-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #5653b5 0%, #8685ad 58%);
}
.music-streaming-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#musicStreamingApp);
}
.music-streaming-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #5653b5 0%, #8685ad 58%);
}
.music-streaming-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.music-streaming-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(134, 133, 173, 0.25) 19%, rgba(86, 83, 181, 0.24) 100%);
}
.music-streaming-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #5653b5 0%, #8685ad 58%);
}
.music-streaming-app .trend-choose .tc-item .tc-content p strong {
  color: #5653b5;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #7977c4;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #5653b5;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #5653b5;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #5653b5;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #5653b5;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #434095;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #434095;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #434095;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #434095;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #333171;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #333171;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #333171;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #333171;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #23214e;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #23214e;
}
.music-streaming-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #23214e;
}
.music-streaming-app .additional-features {
  background: #5653b5 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.music-streaming-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(134, 133, 173, 0.27);
          box-shadow: 0 0 30px rgba(134, 133, 173, 0.27);
}
.music-streaming-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(134, 133, 173, 0.25) 19%, rgba(86, 83, 181, 0.24) 100%);
}
.music-streaming-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #5653b5;
}
.music-streaming-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #5653b5;
}
.music-streaming-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #5653b5 0%, #8685ad 58%);
}
.music-streaming-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.music-streaming-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #5653b5;
}
.music-streaming-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #e1e1eb 0%, #bfbee3 58%);
}
.music-streaming-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #c3c2d6 0%, #9c9ad4 58%);
}
.music-streaming-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #a4a4c2 0%, #7977c4 58%);
}
.music-streaming-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #8685ad 0%, #5653b5 58%);
}
.music-streaming-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #686799 0%, #434095 58%);
}
.music-streaming-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #53527a 0%, #333171 58%);
}
.music-streaming-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #3e3e5c 0%, #23214e 58%);
}
.music-streaming-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #53527a 0%, #333171 58%);
}
.music-streaming-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #686799 0%, #434095 58%);
}
.music-streaming-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #e1e1eb 0%, #bfbee3 58%);
}
.music-streaming-app .trend-tabs .nav-item.active {
  color: #5653b5 !important;
}
.music-streaming-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-music-streaming-app 2s linear forwards;
          animation: animate-user-music-streaming-app 2s linear forwards;
}
.music-streaming-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-music-streaming-app 2s linear forwards;
          animation: animate-admin-music-streaming-app 2s linear forwards;
}
.music-streaming-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-music-streaming-app 2s linear forwards;
          animation: animate-restautrant-music-streaming-app 2s linear forwards;
}
.music-streaming-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-music-streaming-app 2s linear forwards;
          animation: animate-delivery-music-streaming-app 2s linear forwards;
}
.music-streaming-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-music-streaming-app 2s linear forwards;
          animation: animate-washer-music-streaming-app 2s linear forwards;
}
.music-streaming-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-music-streaming-app 2s linear forwards;
          animation: animate-bookie-music-streaming-app 2s linear forwards;
}
.music-streaming-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-music-streaming-app 2s linear forwards;
          animation: animate-vendor-music-streaming-app 2s linear forwards;
}
.music-streaming-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-music-streaming-app 2s linear forwards;
          animation: animate-service-provider-music-streaming-app 2s linear forwards;
}
.music-streaming-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-music-streaming-app 2s linear forwards;
          animation: animate-delivery-personnel-music-streaming-app 2s linear forwards;
}
.music-streaming-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-music-streaming-app 2s linear forwards;
          animation: animate-pharmacist-music-streaming-app 2s linear forwards;
}
.music-streaming-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-music-streaming-app 2s linear forwards;
          animation: animate-driver-music-streaming-app 2s linear forwards;
}
.music-streaming-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-music-streaming-app 2s linear forwards;
          animation: animate-delivery-music-streaming-app 2s linear forwards;
}
.music-streaming-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-music-streaming-app 2s linear forwards;
          animation: animate-tutor-music-streaming-app 2s linear forwards;
}
.music-streaming-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-music-streaming-app 2s linear forwards;
          animation: animate-store-music-streaming-app 2s linear forwards;
}
.music-streaming-app .iot-tabs .nav-item.active {
  color: #5653b5 !important;
  border-bottom-color: #5653b5 !important;
}
.music-streaming-app .iot-smart-solution .svg-icon svg {
  fill: url(#musicStreamingApp);
}
.music-streaming-app .step-process svg {
  fill: url(#musicStreamingApp) !important;
}
@-webkit-keyframes animate-user-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@keyframes animate-user-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@-webkit-keyframes animate-admin-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@keyframes animate-admin-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@-webkit-keyframes animate-restautrant-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@keyframes animate-restautrant-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@-webkit-keyframes animate-delivery-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@keyframes animate-delivery-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@-webkit-keyframes animate-washer-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@keyframes animate-washer-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@-webkit-keyframes animate-bookie-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@keyframes animate-bookie-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@-webkit-keyframes animate-vendor-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@keyframes animate-vendor-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@-webkit-keyframes animate-service-provider-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@keyframes animate-service-provider-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@-webkit-keyframes animate-delivery-personnel-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@keyframes animate-delivery-personnel-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@-webkit-keyframes animate-pharmacist-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@keyframes animate-pharmacist-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@-webkit-keyframes animate-driver-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@keyframes animate-driver-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@keyframes animate-delivery-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@-webkit-keyframes animate-tutor-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@keyframes animate-tutor-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@-webkit-keyframes animate-store-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
@keyframes animate-store-music-streaming-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5653b5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #3b3883;
    fill: #5653b5;
  }
}
.music-streaming-app .latest-technologies svg {
  fill: #5653b5 !important;
}

.investment-app .inner-banner .banner-content h2 {
  color: #393389;
}
.investment-app .inner-banner .banner-content h2 span {
  color: #5a54ab;
}
.investment-app .service-content .content-area p span {
  color: #393389;
}
.investment-app .info-grid-hz .info-grid-item .icon svg {
  fill: url(#InvestmentApp);
}
.investment-app .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #393389;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.investment-app .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.investment-app .section-heading p span {
  color: #393389;
}
.investment-app .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#InvestmentApp);
}
.investment-app .advanced-features .af-item .af-icon svg {
  fill: url(#InvestmentApp);
}
.investment-app .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.investment-app .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #393389 0%, #5a54ab 58%);
}
.investment-app .trend-choose .tc-item .tc-icon svg {
  fill: url(#InvestmentApp);
}
.investment-app .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #393389 0%, #5a54ab 58%);
}
.investment-app .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.investment-app .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(90, 84, 171, 0.25) 19%, rgba(57, 51, 137, 0.24) 100%);
}
.investment-app .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #393389 0%, #5a54ab 58%);
}
.investment-app .trend-choose .tc-item .tc-content p strong {
  color: #393389;
}
.investment-app .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #4841ae;
}
.investment-app .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #393389;
}
.investment-app .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #393389;
}
.investment-app .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #393389;
}
.investment-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #393389;
}
.investment-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #2a2564;
}
.investment-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #2a2564;
}
.investment-app .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #2a2564;
}
.investment-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #2a2564;
}
.investment-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #1a173f;
}
.investment-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #1a173f;
}
.investment-app .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #1a173f;
}
.investment-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #1a173f;
}
.investment-app .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #0b091a;
}
.investment-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #0b091a;
}
.investment-app .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #0b091a;
}
.investment-app .additional-features {
  background: #393389 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.investment-app .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(90, 84, 171, 0.27);
          box-shadow: 0 0 30px rgba(90, 84, 171, 0.27);
}
.investment-app .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(90, 84, 171, 0.25) 19%, rgba(57, 51, 137, 0.24) 100%);
}
.investment-app .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #393389;
}
.investment-app .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #393389;
}
.investment-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #393389 0%, #5a54ab 58%);
}
.investment-app .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.investment-app .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #393389;
}
.investment-app .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #bdbbdd 0%, #8984d1 58%);
}
.investment-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #9c98cd 0%, #665fc3 58%);
}
.investment-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #7b76bc 0%, #4841ae 58%);
}
.investment-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #5a54ab 0%, #393389 58%);
}
.investment-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #484389 0%, #2a2564 58%);
}
.investment-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #363267 0%, #1a173f 58%);
}
.investment-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #242244 0%, #0b091a 58%);
}
.investment-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #363267 0%, #1a173f 58%);
}
.investment-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #484389 0%, #2a2564 58%);
}
.investment-app .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #bdbbdd 0%, #8984d1 58%);
}
.investment-app .trend-tabs .nav-item.active {
  color: #393389 !important;
}
.investment-app .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-investment-app 2s linear forwards;
          animation: animate-user-investment-app 2s linear forwards;
}
.investment-app .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-investment-app 2s linear forwards;
          animation: animate-admin-investment-app 2s linear forwards;
}
.investment-app .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-investment-app 2s linear forwards;
          animation: animate-restautrant-investment-app 2s linear forwards;
}
.investment-app .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-investment-app 2s linear forwards;
          animation: animate-delivery-investment-app 2s linear forwards;
}
.investment-app .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-investment-app 2s linear forwards;
          animation: animate-washer-investment-app 2s linear forwards;
}
.investment-app .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-investment-app 2s linear forwards;
          animation: animate-bookie-investment-app 2s linear forwards;
}
.investment-app .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-investment-app 2s linear forwards;
          animation: animate-vendor-investment-app 2s linear forwards;
}
.investment-app .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-investment-app 2s linear forwards;
          animation: animate-service-provider-investment-app 2s linear forwards;
}
.investment-app .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-investment-app 2s linear forwards;
          animation: animate-delivery-personnel-investment-app 2s linear forwards;
}
.investment-app .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-investment-app 2s linear forwards;
          animation: animate-pharmacist-investment-app 2s linear forwards;
}
.investment-app .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-investment-app 2s linear forwards;
          animation: animate-driver-investment-app 2s linear forwards;
}
.investment-app .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-investment-app 2s linear forwards;
          animation: animate-delivery-investment-app 2s linear forwards;
}
.investment-app .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-investment-app 2s linear forwards;
          animation: animate-tutor-investment-app 2s linear forwards;
}
.investment-app .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-investment-app 2s linear forwards;
          animation: animate-store-investment-app 2s linear forwards;
}
.investment-app .iot-tabs .nav-item.active {
  color: #393389 !important;
  border-bottom-color: #393389 !important;
}
.investment-app .iot-smart-solution .svg-icon svg {
  fill: url(#InvestmentApp);
}
.investment-app .step-process svg {
  fill: url(#InvestmentApp) !important;
}
@-webkit-keyframes animate-user-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #221e51;
    fill: #393389;
  }
}
@keyframes animate-user-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #221e51;
    fill: #393389;
  }
}
@-webkit-keyframes animate-admin-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #221e51;
    fill: #393389;
  }
}
@keyframes animate-admin-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #221e51;
    fill: #393389;
  }
}
@-webkit-keyframes animate-restautrant-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #221e51;
    fill: #393389;
  }
}
@keyframes animate-restautrant-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #221e51;
    fill: #393389;
  }
}
@-webkit-keyframes animate-delivery-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #221e51;
    fill: #393389;
  }
}
@keyframes animate-delivery-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #221e51;
    fill: #393389;
  }
}
@-webkit-keyframes animate-washer-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #221e51;
    fill: #393389;
  }
}
@keyframes animate-washer-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #221e51;
    fill: #393389;
  }
}
@-webkit-keyframes animate-bookie-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #221e51;
    fill: #393389;
  }
}
@keyframes animate-bookie-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #221e51;
    fill: #393389;
  }
}
@-webkit-keyframes animate-vendor-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #221e51;
    fill: #393389;
  }
}
@keyframes animate-vendor-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #221e51;
    fill: #393389;
  }
}
@-webkit-keyframes animate-service-provider-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #221e51;
    fill: #393389;
  }
}
@keyframes animate-service-provider-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #221e51;
    fill: #393389;
  }
}
@-webkit-keyframes animate-delivery-personnel-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #221e51;
    fill: #393389;
  }
}
@keyframes animate-delivery-personnel-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #221e51;
    fill: #393389;
  }
}
@-webkit-keyframes animate-pharmacist-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #221e51;
    fill: #393389;
  }
}
@keyframes animate-pharmacist-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #221e51;
    fill: #393389;
  }
}
@-webkit-keyframes animate-driver-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #221e51;
    fill: #393389;
  }
}
@keyframes animate-driver-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #221e51;
    fill: #393389;
  }
}
@keyframes animate-delivery-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #221e51;
    fill: #393389;
  }
}
@-webkit-keyframes animate-tutor-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #221e51;
    fill: #393389;
  }
}
@keyframes animate-tutor-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #221e51;
    fill: #393389;
  }
}
@-webkit-keyframes animate-store-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #221e51;
    fill: #393389;
  }
}
@keyframes animate-store-investment-app {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #393389;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #221e51;
    fill: #393389;
  }
}
.investment-app .latest-technologies svg {
  fill: #393389 !important;
}

.tik-Tok-Clone .inner-banner .banner-content h2 {
  color: #ff154f;
}
.tik-Tok-Clone .inner-banner .banner-content h2 span {
  color: #f7567e;
}
.tik-Tok-Clone .service-content .content-area p span {
  color: #ff154f;
}
.tik-Tok-Clone .info-grid-hz .info-grid-item .icon svg {
  fill: url(#TikTokClone);
}
.tik-Tok-Clone .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #ff154f;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.tik-Tok-Clone .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.tik-Tok-Clone .section-heading p span {
  color: #ff154f;
}
.tik-Tok-Clone .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#TikTokClone);
}
.tik-Tok-Clone .advanced-features .af-item .af-icon svg {
  fill: url(#TikTokClone);
}
.tik-Tok-Clone .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.tik-Tok-Clone .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #ff154f 0%, #f7567e 58%);
}
.tik-Tok-Clone .trend-choose .tc-item .tc-icon svg {
  fill: url(#TikTokClone);
}
.tik-Tok-Clone .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #ff154f 0%, #f7567e 58%);
}
.tik-Tok-Clone .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.tik-Tok-Clone .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(247, 86, 126, 0.25) 19%, rgba(255, 21, 79, 0.24) 100%);
}
.tik-Tok-Clone .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #ff154f 0%, #f7567e 58%);
}
.tik-Tok-Clone .trend-choose .tc-item .tc-content p strong {
  color: #ff154f;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #ff4875;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #ff154f;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #ff154f;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #ff154f;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #ff154f;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #e10038;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #e10038;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #e10038;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #e10038;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #ae002b;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #ae002b;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #ae002b;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #ae002b;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #7b001e;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #7b001e;
}
.tik-Tok-Clone .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #7b001e;
}
.tik-Tok-Clone .additional-features {
  background: #ff154f url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.tik-Tok-Clone .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(247, 86, 126, 0.27);
          box-shadow: 0 0 30px rgba(247, 86, 126, 0.27);
}
.tik-Tok-Clone .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(247, 86, 126, 0.25) 19%, rgba(255, 21, 79, 0.24) 100%);
}
.tik-Tok-Clone .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #ff154f;
}
.tik-Tok-Clone .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #ff154f;
}
.tik-Tok-Clone .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #ff154f 0%, #f7567e 58%);
}
.tik-Tok-Clone .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.tik-Tok-Clone .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #ff154f;
}
.tik-Tok-Clone .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #fee8ee 0%, #ffaec2 58%);
}
.tik-Tok-Clone .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #fcb7c8 0%, #ff7b9c 58%);
}
.tik-Tok-Clone .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #f987a3 0%, #ff4875 58%);
}
.tik-Tok-Clone .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #f7567e 0%, #ff154f 58%);
}
.tik-Tok-Clone .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #f52559 0%, #e10038 58%);
}
.tik-Tok-Clone .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #dd0a3f 0%, #ae002b 58%);
}
.tik-Tok-Clone .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #ac0831 0%, #7b001e 58%);
}
.tik-Tok-Clone .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #dd0a3f 0%, #ae002b 58%);
}
.tik-Tok-Clone .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #f52559 0%, #e10038 58%);
}
.tik-Tok-Clone .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #fee8ee 0%, #ffaec2 58%);
}
.tik-Tok-Clone .trend-tabs .nav-item.active {
  color: #ff154f !important;
}
.tik-Tok-Clone .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-tik-Tok-Clone 2s linear forwards;
          animation: animate-user-tik-Tok-Clone 2s linear forwards;
}
.tik-Tok-Clone .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-tik-Tok-Clone 2s linear forwards;
          animation: animate-admin-tik-Tok-Clone 2s linear forwards;
}
.tik-Tok-Clone .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-tik-Tok-Clone 2s linear forwards;
          animation: animate-restautrant-tik-Tok-Clone 2s linear forwards;
}
.tik-Tok-Clone .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-tik-Tok-Clone 2s linear forwards;
          animation: animate-delivery-tik-Tok-Clone 2s linear forwards;
}
.tik-Tok-Clone .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-tik-Tok-Clone 2s linear forwards;
          animation: animate-washer-tik-Tok-Clone 2s linear forwards;
}
.tik-Tok-Clone .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-tik-Tok-Clone 2s linear forwards;
          animation: animate-bookie-tik-Tok-Clone 2s linear forwards;
}
.tik-Tok-Clone .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-tik-Tok-Clone 2s linear forwards;
          animation: animate-vendor-tik-Tok-Clone 2s linear forwards;
}
.tik-Tok-Clone .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-tik-Tok-Clone 2s linear forwards;
          animation: animate-service-provider-tik-Tok-Clone 2s linear forwards;
}
.tik-Tok-Clone .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-tik-Tok-Clone 2s linear forwards;
          animation: animate-delivery-personnel-tik-Tok-Clone 2s linear forwards;
}
.tik-Tok-Clone .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-tik-Tok-Clone 2s linear forwards;
          animation: animate-pharmacist-tik-Tok-Clone 2s linear forwards;
}
.tik-Tok-Clone .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-tik-Tok-Clone 2s linear forwards;
          animation: animate-driver-tik-Tok-Clone 2s linear forwards;
}
.tik-Tok-Clone .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-tik-Tok-Clone 2s linear forwards;
          animation: animate-delivery-tik-Tok-Clone 2s linear forwards;
}
.tik-Tok-Clone .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-tik-Tok-Clone 2s linear forwards;
          animation: animate-tutor-tik-Tok-Clone 2s linear forwards;
}
.tik-Tok-Clone .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-tik-Tok-Clone 2s linear forwards;
          animation: animate-store-tik-Tok-Clone 2s linear forwards;
}
.tik-Tok-Clone .iot-tabs .nav-item.active {
  color: #ff154f !important;
  border-bottom-color: #ff154f !important;
}
.tik-Tok-Clone .iot-smart-solution .svg-icon svg {
  fill: url(#TikTokClone);
}
.tik-Tok-Clone .step-process svg {
  fill: url(#TikTokClone) !important;
}
@-webkit-keyframes animate-user-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@keyframes animate-user-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@-webkit-keyframes animate-admin-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@keyframes animate-admin-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@-webkit-keyframes animate-restautrant-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@keyframes animate-restautrant-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@-webkit-keyframes animate-delivery-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@keyframes animate-delivery-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@-webkit-keyframes animate-washer-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@keyframes animate-washer-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@-webkit-keyframes animate-bookie-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@keyframes animate-bookie-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@-webkit-keyframes animate-vendor-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@keyframes animate-vendor-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@-webkit-keyframes animate-service-provider-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@keyframes animate-service-provider-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@-webkit-keyframes animate-delivery-personnel-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@keyframes animate-delivery-personnel-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@-webkit-keyframes animate-pharmacist-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@keyframes animate-pharmacist-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@-webkit-keyframes animate-driver-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@keyframes animate-driver-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@keyframes animate-delivery-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@-webkit-keyframes animate-tutor-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@keyframes animate-tutor-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@-webkit-keyframes animate-store-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #c80031;
    fill: #ff154f;
  }
}
@keyframes animate-store-tik-Tok-Clone {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #ff154f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #c80031;
    fill: #ff154f;
  }
}
.tik-Tok-Clone .latest-technologies svg {
  fill: #ff154f !important;
}

.fintechApp-page .inner-banner .banner-content h2 {
  color: #4537a0;
}
.fintechApp-page .inner-banner .banner-content h2 span {
  color: #5d53a1;
}
.fintechApp-page .service-content .content-area p span {
  color: #4537a0;
}
.fintechApp-page .info-grid-hz .info-grid-item .icon svg {
  fill: url(#FintechApptheam);
}
.fintechApp-page .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #4537a0;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.fintechApp-page .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.fintechApp-page .section-heading p span {
  color: #4537a0;
}
.fintechApp-page .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#FintechApptheam);
}
.fintechApp-page .advanced-features .af-item .af-icon svg {
  fill: url(#FintechApptheam);
}
.fintechApp-page .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.fintechApp-page .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #4537a0 0%, #5d53a1 58%);
}
.fintechApp-page .trend-choose .tc-item .tc-icon svg {
  fill: url(#FintechApptheam);
}
.fintechApp-page .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #4537a0 0%, #5d53a1 58%);
}
.fintechApp-page .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.fintechApp-page .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(93, 83, 161, 0.25) 19%, rgba(69, 55, 160, 0.24) 100%);
}
.fintechApp-page .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #4537a0 0%, #5d53a1 58%);
}
.fintechApp-page .trend-choose .tc-item .tc-content p strong {
  color: #4537a0;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #5949c1;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #4537a0;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #4537a0;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #4537a0;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #4537a0;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #352a7a;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #352a7a;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #352a7a;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #352a7a;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #241d54;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #241d54;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #241d54;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #241d54;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #14102e;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #14102e;
}
.fintechApp-page .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #14102e;
}
.fintechApp-page .additional-features {
  background: #4537a0 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.fintechApp-page .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(93, 83, 161, 0.27);
          box-shadow: 0 0 30px rgba(93, 83, 161, 0.27);
}
.fintechApp-page .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(93, 83, 161, 0.25) 19%, rgba(69, 55, 160, 0.24) 100%);
}
.fintechApp-page .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #4537a0;
}
.fintechApp-page .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #4537a0;
}
.fintechApp-page .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #4537a0 0%, #5d53a1 58%);
}
.fintechApp-page .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.fintechApp-page .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #4537a0;
}
.fintechApp-page .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #b9b4d9 0%, #9f95db 58%);
}
.fintechApp-page .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #9a93c7 0%, #7c6fce 58%);
}
.fintechApp-page .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #7a71b6 0%, #5949c1 58%);
}
.fintechApp-page .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #5d53a1 0%, #4537a0 58%);
}
.fintechApp-page .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #4a427f 0%, #352a7a 58%);
}
.fintechApp-page .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #36305e 0%, #241d54 58%);
}
.fintechApp-page .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #231f3c 0%, #14102e 58%);
}
.fintechApp-page .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #36305e 0%, #241d54 58%);
}
.fintechApp-page .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #4a427f 0%, #352a7a 58%);
}
.fintechApp-page .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #b9b4d9 0%, #9f95db 58%);
}
.fintechApp-page .trend-tabs .nav-item.active {
  color: #4537a0 !important;
}
.fintechApp-page .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-fintechApp-page 2s linear forwards;
          animation: animate-user-fintechApp-page 2s linear forwards;
}
.fintechApp-page .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-fintechApp-page 2s linear forwards;
          animation: animate-admin-fintechApp-page 2s linear forwards;
}
.fintechApp-page .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-fintechApp-page 2s linear forwards;
          animation: animate-restautrant-fintechApp-page 2s linear forwards;
}
.fintechApp-page .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-fintechApp-page 2s linear forwards;
          animation: animate-delivery-fintechApp-page 2s linear forwards;
}
.fintechApp-page .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-fintechApp-page 2s linear forwards;
          animation: animate-washer-fintechApp-page 2s linear forwards;
}
.fintechApp-page .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-fintechApp-page 2s linear forwards;
          animation: animate-bookie-fintechApp-page 2s linear forwards;
}
.fintechApp-page .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-fintechApp-page 2s linear forwards;
          animation: animate-vendor-fintechApp-page 2s linear forwards;
}
.fintechApp-page .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-fintechApp-page 2s linear forwards;
          animation: animate-service-provider-fintechApp-page 2s linear forwards;
}
.fintechApp-page .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-fintechApp-page 2s linear forwards;
          animation: animate-delivery-personnel-fintechApp-page 2s linear forwards;
}
.fintechApp-page .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-fintechApp-page 2s linear forwards;
          animation: animate-pharmacist-fintechApp-page 2s linear forwards;
}
.fintechApp-page .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-fintechApp-page 2s linear forwards;
          animation: animate-driver-fintechApp-page 2s linear forwards;
}
.fintechApp-page .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-fintechApp-page 2s linear forwards;
          animation: animate-delivery-fintechApp-page 2s linear forwards;
}
.fintechApp-page .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-fintechApp-page 2s linear forwards;
          animation: animate-tutor-fintechApp-page 2s linear forwards;
}
.fintechApp-page .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-fintechApp-page 2s linear forwards;
          animation: animate-store-fintechApp-page 2s linear forwards;
}
.fintechApp-page .iot-tabs .nav-item.active {
  color: #4537a0 !important;
  border-bottom-color: #4537a0 !important;
}
.fintechApp-page .iot-smart-solution .svg-icon svg {
  fill: url(#FintechApptheam);
}
.fintechApp-page .step-process svg {
  fill: url(#FintechApptheam) !important;
}
@-webkit-keyframes animate-user-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@keyframes animate-user-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@-webkit-keyframes animate-admin-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@keyframes animate-admin-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@-webkit-keyframes animate-restautrant-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@keyframes animate-restautrant-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@-webkit-keyframes animate-delivery-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@keyframes animate-delivery-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@-webkit-keyframes animate-washer-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@keyframes animate-washer-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@-webkit-keyframes animate-bookie-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@keyframes animate-bookie-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@-webkit-keyframes animate-vendor-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@keyframes animate-vendor-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@-webkit-keyframes animate-service-provider-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@keyframes animate-service-provider-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@-webkit-keyframes animate-delivery-personnel-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@keyframes animate-delivery-personnel-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@-webkit-keyframes animate-pharmacist-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@keyframes animate-pharmacist-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@-webkit-keyframes animate-driver-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@keyframes animate-driver-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@keyframes animate-delivery-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@-webkit-keyframes animate-tutor-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@keyframes animate-tutor-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@-webkit-keyframes animate-store-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
@keyframes animate-store-fintechApp-page {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #4537a0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #2c2367;
    fill: #4537a0;
  }
}
.fintechApp-page .latest-technologies svg {
  fill: #4537a0 !important;
}

.eScooter .inner-banner .banner-content h2 {
  color: #e1bb08;
}
.eScooter .inner-banner .banner-content h2 span {
  color: #fad730;
}
.eScooter .service-content .content-area p span {
  color: #e1bb08;
}
.eScooter .info-grid-hz .info-grid-item .icon svg {
  fill: url(#eScooter);
}
.eScooter .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #e1bb08;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.eScooter .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.eScooter .section-heading p span {
  color: #e1bb08;
}
.eScooter .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#eScooter);
}
.eScooter .advanced-features .af-item .af-icon svg {
  fill: url(#eScooter);
}
.eScooter .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.eScooter .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #e1bb08 0%, #fad730 58%);
}
.eScooter .trend-choose .tc-item .tc-icon svg {
  fill: url(#eScooter);
}
.eScooter .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #e1bb08 0%, #fad730 58%);
}
.eScooter .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.eScooter .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(250, 215, 48, 0.25) 19%, rgba(225, 187, 8, 0.24) 100%);
}
.eScooter .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #e1bb08 0%, #fad730 58%);
}
.eScooter .trend-choose .tc-item .tc-content p strong {
  color: #e1bb08;
}
.eScooter .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #f7d225;
}
.eScooter .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #e1bb08;
}
.eScooter .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #e1bb08;
}
.eScooter .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #e1bb08;
}
.eScooter .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #e1bb08;
}
.eScooter .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #b09206;
}
.eScooter .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #b09206;
}
.eScooter .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #b09206;
}
.eScooter .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #b09206;
}
.eScooter .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #7f6904;
}
.eScooter .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #7f6904;
}
.eScooter .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #7f6904;
}
.eScooter .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #7f6904;
}
.eScooter .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #4d4003;
}
.eScooter .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #4d4003;
}
.eScooter .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #4d4003;
}
.eScooter .additional-features {
  background: #e1bb08 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.eScooter .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(250, 215, 48, 0.27);
          box-shadow: 0 0 30px rgba(250, 215, 48, 0.27);
}
.eScooter .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(250, 215, 48, 0.25) 19%, rgba(225, 187, 8, 0.24) 100%);
}
.eScooter .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #e1bb08;
}
.eScooter .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #e1bb08;
}
.eScooter .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #e1bb08 0%, #fad730 58%);
}
.eScooter .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.eScooter .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #e1bb08;
}
.eScooter .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #fef4c5 0%, #fbe787 58%);
}
.eScooter .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #fcea94 0%, #f9dc56 58%);
}
.eScooter .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #fbe162 0%, #f7d225 58%);
}
.eScooter .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #fad730 0%, #e1bb08 58%);
}
.eScooter .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #f1c806 0%, #b09206 58%);
}
.eScooter .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #bf9f05 0%, #7f6904 58%);
}
.eScooter .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #8e7603 0%, #4d4003 58%);
}
.eScooter .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #bf9f05 0%, #7f6904 58%);
}
.eScooter .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #f1c806 0%, #b09206 58%);
}
.eScooter .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #fef4c5 0%, #fbe787 58%);
}
.eScooter .trend-tabs .nav-item.active {
  color: #e1bb08 !important;
}
.eScooter .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-eScooter 2s linear forwards;
          animation: animate-user-eScooter 2s linear forwards;
}
.eScooter .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-eScooter 2s linear forwards;
          animation: animate-admin-eScooter 2s linear forwards;
}
.eScooter .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-eScooter 2s linear forwards;
          animation: animate-restautrant-eScooter 2s linear forwards;
}
.eScooter .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-eScooter 2s linear forwards;
          animation: animate-delivery-eScooter 2s linear forwards;
}
.eScooter .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-eScooter 2s linear forwards;
          animation: animate-washer-eScooter 2s linear forwards;
}
.eScooter .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-eScooter 2s linear forwards;
          animation: animate-bookie-eScooter 2s linear forwards;
}
.eScooter .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-eScooter 2s linear forwards;
          animation: animate-vendor-eScooter 2s linear forwards;
}
.eScooter .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-eScooter 2s linear forwards;
          animation: animate-service-provider-eScooter 2s linear forwards;
}
.eScooter .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-eScooter 2s linear forwards;
          animation: animate-delivery-personnel-eScooter 2s linear forwards;
}
.eScooter .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-eScooter 2s linear forwards;
          animation: animate-pharmacist-eScooter 2s linear forwards;
}
.eScooter .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-eScooter 2s linear forwards;
          animation: animate-driver-eScooter 2s linear forwards;
}
.eScooter .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-eScooter 2s linear forwards;
          animation: animate-delivery-eScooter 2s linear forwards;
}
.eScooter .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-eScooter 2s linear forwards;
          animation: animate-tutor-eScooter 2s linear forwards;
}
.eScooter .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-eScooter 2s linear forwards;
          animation: animate-store-eScooter 2s linear forwards;
}
.eScooter .iot-tabs .nav-item.active {
  color: #e1bb08 !important;
  border-bottom-color: #e1bb08 !important;
}
.eScooter .iot-smart-solution .svg-icon svg {
  fill: url(#eScooter);
}
.eScooter .step-process svg {
  fill: url(#eScooter) !important;
}
@-webkit-keyframes animate-user-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@keyframes animate-user-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@-webkit-keyframes animate-admin-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@keyframes animate-admin-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@-webkit-keyframes animate-restautrant-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@keyframes animate-restautrant-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@-webkit-keyframes animate-delivery-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@keyframes animate-delivery-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@-webkit-keyframes animate-washer-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@keyframes animate-washer-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@-webkit-keyframes animate-bookie-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@keyframes animate-bookie-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@-webkit-keyframes animate-vendor-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@keyframes animate-vendor-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@-webkit-keyframes animate-service-provider-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@keyframes animate-service-provider-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@-webkit-keyframes animate-delivery-personnel-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@keyframes animate-delivery-personnel-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@-webkit-keyframes animate-pharmacist-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@keyframes animate-pharmacist-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@-webkit-keyframes animate-driver-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@keyframes animate-driver-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@keyframes animate-delivery-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@-webkit-keyframes animate-tutor-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@keyframes animate-tutor-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@-webkit-keyframes animate-store-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
@keyframes animate-store-eScooter {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #e1bb08;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #977e05;
    fill: #e1bb08;
  }
}
.eScooter .latest-technologies svg {
  fill: #e1bb08 !important;
}

.politicalCam .inner-banner .banner-content h2 {
  color: #263b70;
}
.politicalCam .inner-banner .banner-content h2 span {
  color: #091c4e;
}
.politicalCam .service-content .content-area p span {
  color: #263b70;
}
.politicalCam .info-grid-hz .info-grid-item .icon svg {
  fill: url(#politicalCam);
}
.politicalCam .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #263b70;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.politicalCam .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.politicalCam .section-heading p span {
  color: #263b70;
}
.politicalCam .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#politicalCam);
}
.politicalCam .advanced-features .af-item .af-icon svg {
  fill: url(#politicalCam);
}
.politicalCam .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.politicalCam .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #263b70 0%, #091c4e 58%);
}
.politicalCam .trend-choose .tc-item .tc-icon svg {
  fill: url(#politicalCam);
}
.politicalCam .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #263b70 0%, #091c4e 58%);
}
.politicalCam .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.politicalCam .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(9, 28, 78, 0.25) 19%, rgba(38, 59, 112, 0.24) 100%);
}
.politicalCam .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #263b70 0%, #091c4e 58%);
}
.politicalCam .trend-choose .tc-item .tc-content p strong {
  color: #263b70;
}
.politicalCam .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #334f96;
}
.politicalCam .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #263b70;
}
.politicalCam .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #263b70;
}
.politicalCam .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #263b70;
}
.politicalCam .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #263b70;
}
.politicalCam .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #19274a;
}
.politicalCam .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #19274a;
}
.politicalCam .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #19274a;
}
.politicalCam .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #19274a;
}
.politicalCam .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #0c1324;
}
.politicalCam .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #0c1324;
}
.politicalCam .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #0c1324;
}
.politicalCam .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #0c1324;
}
.politicalCam .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: black;
}
.politicalCam .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: black;
}
.politicalCam .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: black;
}
.politicalCam .additional-features {
  background: #263b70 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.politicalCam .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(9, 28, 78, 0.27);
          box-shadow: 0 0 30px rgba(9, 28, 78, 0.27);
}
.politicalCam .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(9, 28, 78, 0.25) 19%, rgba(38, 59, 112, 0.24) 100%);
}
.politicalCam .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #263b70;
}
.politicalCam .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #263b70;
}
.politicalCam .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #263b70 0%, #091c4e 58%);
}
.politicalCam .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.politicalCam .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #263b70;
}
.politicalCam .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #194dd7 0%, #6481cb 58%);
}
.politicalCam .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #143da9 0%, #4063bc 58%);
}
.politicalCam .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #0e2c7c 0%, #334f96 58%);
}
.politicalCam .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #091c4e 0%, #263b70 58%);
}
.politicalCam .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #040c20 0%, #19274a 58%);
}
.politicalCam .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, black 0%, #0c1324 58%);
}
.politicalCam .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, black 0%, black 58%);
}
.politicalCam .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, black 0%, #0c1324 58%);
}
.politicalCam .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #040c20 0%, #19274a 58%);
}
.politicalCam .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #194dd7 0%, #6481cb 58%);
}
.politicalCam .trend-tabs .nav-item.active {
  color: #263b70 !important;
}
.politicalCam .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-politicalCam 2s linear forwards;
          animation: animate-user-politicalCam 2s linear forwards;
}
.politicalCam .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-politicalCam 2s linear forwards;
          animation: animate-admin-politicalCam 2s linear forwards;
}
.politicalCam .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-politicalCam 2s linear forwards;
          animation: animate-restautrant-politicalCam 2s linear forwards;
}
.politicalCam .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-politicalCam 2s linear forwards;
          animation: animate-delivery-politicalCam 2s linear forwards;
}
.politicalCam .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-politicalCam 2s linear forwards;
          animation: animate-washer-politicalCam 2s linear forwards;
}
.politicalCam .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-politicalCam 2s linear forwards;
          animation: animate-bookie-politicalCam 2s linear forwards;
}
.politicalCam .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-politicalCam 2s linear forwards;
          animation: animate-vendor-politicalCam 2s linear forwards;
}
.politicalCam .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-politicalCam 2s linear forwards;
          animation: animate-service-provider-politicalCam 2s linear forwards;
}
.politicalCam .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-politicalCam 2s linear forwards;
          animation: animate-delivery-personnel-politicalCam 2s linear forwards;
}
.politicalCam .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-politicalCam 2s linear forwards;
          animation: animate-pharmacist-politicalCam 2s linear forwards;
}
.politicalCam .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-politicalCam 2s linear forwards;
          animation: animate-driver-politicalCam 2s linear forwards;
}
.politicalCam .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-politicalCam 2s linear forwards;
          animation: animate-delivery-politicalCam 2s linear forwards;
}
.politicalCam .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-politicalCam 2s linear forwards;
          animation: animate-tutor-politicalCam 2s linear forwards;
}
.politicalCam .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-politicalCam 2s linear forwards;
          animation: animate-store-politicalCam 2s linear forwards;
}
.politicalCam .iot-tabs .nav-item.active {
  color: #263b70 !important;
  border-bottom-color: #263b70 !important;
}
.politicalCam .iot-smart-solution .svg-icon svg {
  fill: url(#politicalCam);
}
.politicalCam .step-process svg {
  fill: url(#politicalCam) !important;
}
@-webkit-keyframes animate-user-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-user-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-admin-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-admin-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-restautrant-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-restautrant-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-delivery-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-delivery-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-washer-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-washer-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-bookie-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-bookie-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-vendor-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-vendor-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-service-provider-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-service-provider-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-delivery-personnel-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-delivery-personnel-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-pharmacist-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-pharmacist-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-driver-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-driver-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-delivery-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-tutor-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-tutor-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-store-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-store-politicalCam {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #131d37;
    fill: #263b70;
  }
}
.politicalCam .latest-technologies svg {
  fill: #263b70 !important;
}

.OnlineNews .inner-banner .banner-content h2 {
  color: #263b70;
}
.OnlineNews .inner-banner .banner-content h2 span {
  color: #091c4e;
}
.OnlineNews .service-content .content-area p span {
  color: #263b70;
}
.OnlineNews .info-grid-hz .info-grid-item .icon svg {
  fill: url(#OnlineNews);
}
.OnlineNews .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #263b70;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.OnlineNews .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.OnlineNews .section-heading p span {
  color: #263b70;
}
.OnlineNews .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#OnlineNews);
}
.OnlineNews .advanced-features .af-item .af-icon svg {
  fill: url(#OnlineNews);
}
.OnlineNews .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.OnlineNews .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #263b70 0%, #091c4e 58%);
}
.OnlineNews .trend-choose .tc-item .tc-icon svg {
  fill: url(#OnlineNews);
}
.OnlineNews .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #263b70 0%, #091c4e 58%);
}
.OnlineNews .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.OnlineNews .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(9, 28, 78, 0.25) 19%, rgba(38, 59, 112, 0.24) 100%);
}
.OnlineNews .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #263b70 0%, #091c4e 58%);
}
.OnlineNews .trend-choose .tc-item .tc-content p strong {
  color: #263b70;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #334f96;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #263b70;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #263b70;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #263b70;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #263b70;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #19274a;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #19274a;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #19274a;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #19274a;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #0c1324;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #0c1324;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #0c1324;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #0c1324;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: black;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: black;
}
.OnlineNews .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: black;
}
.OnlineNews .additional-features {
  background: #263b70 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.OnlineNews .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(9, 28, 78, 0.27);
          box-shadow: 0 0 30px rgba(9, 28, 78, 0.27);
}
.OnlineNews .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(9, 28, 78, 0.25) 19%, rgba(38, 59, 112, 0.24) 100%);
}
.OnlineNews .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #263b70;
}
.OnlineNews .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #263b70;
}
.OnlineNews .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #263b70 0%, #091c4e 58%);
}
.OnlineNews .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.OnlineNews .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #263b70;
}
.OnlineNews .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #194dd7 0%, #6481cb 58%);
}
.OnlineNews .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #143da9 0%, #4063bc 58%);
}
.OnlineNews .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #0e2c7c 0%, #334f96 58%);
}
.OnlineNews .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #091c4e 0%, #263b70 58%);
}
.OnlineNews .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #040c20 0%, #19274a 58%);
}
.OnlineNews .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, black 0%, #0c1324 58%);
}
.OnlineNews .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, black 0%, black 58%);
}
.OnlineNews .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, black 0%, #0c1324 58%);
}
.OnlineNews .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #040c20 0%, #19274a 58%);
}
.OnlineNews .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #194dd7 0%, #6481cb 58%);
}
.OnlineNews .trend-tabs .nav-item.active {
  color: #263b70 !important;
}
.OnlineNews .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-OnlineNews 2s linear forwards;
          animation: animate-user-OnlineNews 2s linear forwards;
}
.OnlineNews .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-OnlineNews 2s linear forwards;
          animation: animate-admin-OnlineNews 2s linear forwards;
}
.OnlineNews .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-OnlineNews 2s linear forwards;
          animation: animate-restautrant-OnlineNews 2s linear forwards;
}
.OnlineNews .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-OnlineNews 2s linear forwards;
          animation: animate-delivery-OnlineNews 2s linear forwards;
}
.OnlineNews .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-OnlineNews 2s linear forwards;
          animation: animate-washer-OnlineNews 2s linear forwards;
}
.OnlineNews .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-OnlineNews 2s linear forwards;
          animation: animate-bookie-OnlineNews 2s linear forwards;
}
.OnlineNews .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-OnlineNews 2s linear forwards;
          animation: animate-vendor-OnlineNews 2s linear forwards;
}
.OnlineNews .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-OnlineNews 2s linear forwards;
          animation: animate-service-provider-OnlineNews 2s linear forwards;
}
.OnlineNews .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-OnlineNews 2s linear forwards;
          animation: animate-delivery-personnel-OnlineNews 2s linear forwards;
}
.OnlineNews .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-OnlineNews 2s linear forwards;
          animation: animate-pharmacist-OnlineNews 2s linear forwards;
}
.OnlineNews .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-OnlineNews 2s linear forwards;
          animation: animate-driver-OnlineNews 2s linear forwards;
}
.OnlineNews .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-OnlineNews 2s linear forwards;
          animation: animate-delivery-OnlineNews 2s linear forwards;
}
.OnlineNews .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-OnlineNews 2s linear forwards;
          animation: animate-tutor-OnlineNews 2s linear forwards;
}
.OnlineNews .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-OnlineNews 2s linear forwards;
          animation: animate-store-OnlineNews 2s linear forwards;
}
.OnlineNews .iot-tabs .nav-item.active {
  color: #263b70 !important;
  border-bottom-color: #263b70 !important;
}
.OnlineNews .iot-smart-solution .svg-icon svg {
  fill: url(#OnlineNews);
}
.OnlineNews .step-process svg {
  fill: url(#OnlineNews) !important;
}
@-webkit-keyframes animate-user-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-user-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-admin-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-admin-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-restautrant-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-restautrant-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-delivery-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-delivery-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-washer-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-washer-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-bookie-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-bookie-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-vendor-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-vendor-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-service-provider-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-service-provider-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-delivery-personnel-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-delivery-personnel-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-pharmacist-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-pharmacist-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-driver-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-driver-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-delivery-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-tutor-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-tutor-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #131d37;
    fill: #263b70;
  }
}
@-webkit-keyframes animate-store-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #131d37;
    fill: #263b70;
  }
}
@keyframes animate-store-OnlineNews {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #263b70;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #131d37;
    fill: #263b70;
  }
}
.OnlineNews .latest-technologies svg {
  fill: #263b70 !important;
}

.Meditation .inner-banner .banner-content h2 {
  color: #85b37b;
}
.Meditation .inner-banner .banner-content h2 span {
  color: #669b5a;
}
.Meditation .service-content .content-area p span {
  color: #85b37b;
}
.Meditation .info-grid-hz .info-grid-item .icon svg {
  fill: url(#Meditation);
}
.Meditation .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #85b37b;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.Meditation .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.Meditation .section-heading p span {
  color: #85b37b;
}
.Meditation .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#Meditation);
}
.Meditation .advanced-features .af-item .af-icon svg {
  fill: url(#Meditation);
}
.Meditation .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.Meditation .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #85b37b 0%, #669b5a 58%);
}
.Meditation .trend-choose .tc-item .tc-icon svg {
  fill: url(#Meditation);
}
.Meditation .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #85b37b 0%, #669b5a 58%);
}
.Meditation .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.Meditation .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(102, 155, 90, 0.25) 19%, rgba(133, 179, 123, 0.24) 100%);
}
.Meditation .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #85b37b 0%, #669b5a 58%);
}
.Meditation .trend-choose .tc-item .tc-content p strong {
  color: #85b37b;
}
.Meditation .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #a3c69b;
}
.Meditation .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #85b37b;
}
.Meditation .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #85b37b;
}
.Meditation .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #85b37b;
}
.Meditation .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #85b37b;
}
.Meditation .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #689f5c;
}
.Meditation .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #689f5c;
}
.Meditation .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #689f5c;
}
.Meditation .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #689f5c;
}
.Meditation .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #537f49;
}
.Meditation .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #537f49;
}
.Meditation .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #537f49;
}
.Meditation .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #537f49;
}
.Meditation .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #3e5f36;
}
.Meditation .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #3e5f36;
}
.Meditation .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #3e5f36;
}
.Meditation .additional-features {
  background: #85b37b url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.Meditation .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(102, 155, 90, 0.27);
          box-shadow: 0 0 30px rgba(102, 155, 90, 0.27);
}
.Meditation .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(102, 155, 90, 0.25) 19%, rgba(133, 179, 123, 0.24) 100%);
}
.Meditation .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #85b37b;
}
.Meditation .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #85b37b;
}
.Meditation .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #85b37b 0%, #669b5a 58%);
}
.Meditation .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.Meditation .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #85b37b;
}
.Meditation .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #bed6b8 0%, #dfebdc 58%);
}
.Meditation .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #a0c398 0%, #c1d8bc 58%);
}
.Meditation .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #82b078 0%, #a3c69b 58%);
}
.Meditation .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #669b5a 0%, #85b37b 58%);
}
.Meditation .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #517b47 0%, #689f5c 58%);
}
.Meditation .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #3c5a35 0%, #537f49 58%);
}
.Meditation .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #263a22 0%, #3e5f36 58%);
}
.Meditation .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #3c5a35 0%, #537f49 58%);
}
.Meditation .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #517b47 0%, #689f5c 58%);
}
.Meditation .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #bed6b8 0%, #dfebdc 58%);
}
.Meditation .trend-tabs .nav-item.active {
  color: #85b37b !important;
}
.Meditation .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-Meditation 2s linear forwards;
          animation: animate-user-Meditation 2s linear forwards;
}
.Meditation .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-Meditation 2s linear forwards;
          animation: animate-admin-Meditation 2s linear forwards;
}
.Meditation .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-Meditation 2s linear forwards;
          animation: animate-restautrant-Meditation 2s linear forwards;
}
.Meditation .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-Meditation 2s linear forwards;
          animation: animate-delivery-Meditation 2s linear forwards;
}
.Meditation .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-Meditation 2s linear forwards;
          animation: animate-washer-Meditation 2s linear forwards;
}
.Meditation .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-Meditation 2s linear forwards;
          animation: animate-bookie-Meditation 2s linear forwards;
}
.Meditation .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-Meditation 2s linear forwards;
          animation: animate-vendor-Meditation 2s linear forwards;
}
.Meditation .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-Meditation 2s linear forwards;
          animation: animate-service-provider-Meditation 2s linear forwards;
}
.Meditation .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-Meditation 2s linear forwards;
          animation: animate-delivery-personnel-Meditation 2s linear forwards;
}
.Meditation .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-Meditation 2s linear forwards;
          animation: animate-pharmacist-Meditation 2s linear forwards;
}
.Meditation .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-Meditation 2s linear forwards;
          animation: animate-driver-Meditation 2s linear forwards;
}
.Meditation .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-Meditation 2s linear forwards;
          animation: animate-delivery-Meditation 2s linear forwards;
}
.Meditation .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-Meditation 2s linear forwards;
          animation: animate-tutor-Meditation 2s linear forwards;
}
.Meditation .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-Meditation 2s linear forwards;
          animation: animate-store-Meditation 2s linear forwards;
}
.Meditation .iot-tabs .nav-item.active {
  color: #85b37b !important;
  border-bottom-color: #85b37b !important;
}
.Meditation .iot-smart-solution .svg-icon svg {
  fill: url(#Meditation);
}
.Meditation .step-process svg {
  fill: url(#Meditation) !important;
}
@-webkit-keyframes animate-user-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@keyframes animate-user-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@-webkit-keyframes animate-admin-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@keyframes animate-admin-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@-webkit-keyframes animate-restautrant-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@keyframes animate-restautrant-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@-webkit-keyframes animate-delivery-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@keyframes animate-delivery-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@-webkit-keyframes animate-washer-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@keyframes animate-washer-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@-webkit-keyframes animate-bookie-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@keyframes animate-bookie-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@-webkit-keyframes animate-vendor-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@keyframes animate-vendor-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@-webkit-keyframes animate-service-provider-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@keyframes animate-service-provider-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@-webkit-keyframes animate-delivery-personnel-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@keyframes animate-delivery-personnel-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@-webkit-keyframes animate-pharmacist-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@keyframes animate-pharmacist-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@-webkit-keyframes animate-driver-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@keyframes animate-driver-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@keyframes animate-delivery-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@-webkit-keyframes animate-tutor-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@keyframes animate-tutor-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@-webkit-keyframes animate-store-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
@keyframes animate-store-Meditation {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #85b37b;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #5d8f52;
    fill: #85b37b;
  }
}
.Meditation .latest-technologies svg {
  fill: #85b37b !important;
}

.LoanLendingApp .inner-banner .banner-content h2 {
  color: #024ec0;
}
.LoanLendingApp .inner-banner .banner-content h2 span {
  color: #024ec0;
}
.LoanLendingApp .service-content .content-area p span {
  color: #024ec0;
}
.LoanLendingApp .info-grid-hz .info-grid-item .icon svg {
  fill: url(#LoanLendingApp);
}
.LoanLendingApp .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #024ec0;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.LoanLendingApp .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.LoanLendingApp .section-heading p span {
  color: #024ec0;
}
.LoanLendingApp .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#LoanLendingApp);
}
.LoanLendingApp .advanced-features .af-item .af-icon svg {
  fill: url(#LoanLendingApp);
}
.LoanLendingApp .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.LoanLendingApp .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #024ec0 0%, #024ec0 58%);
}
.LoanLendingApp .trend-choose .tc-item .tc-icon svg {
  fill: url(#LoanLendingApp);
}
.LoanLendingApp .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #024ec0 0%, #024ec0 58%);
}
.LoanLendingApp .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.LoanLendingApp .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(2, 78, 192, 0.25) 19%, rgba(2, 78, 192, 0.24) 100%);
}
.LoanLendingApp .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #024ec0 0%, #024ec0 58%);
}
.LoanLendingApp .trend-choose .tc-item .tc-content p strong {
  color: #024ec0;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #0363f2;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #024ec0;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #024ec0;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #024ec0;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #024ec0;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #01398e;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #01398e;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #01398e;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #01398e;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #01255b;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #01255b;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #01255b;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #01255b;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #001029;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #001029;
}
.LoanLendingApp .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #001029;
}
.LoanLendingApp .additional-features {
  background: #024ec0 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.LoanLendingApp .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(2, 78, 192, 0.27);
          box-shadow: 0 0 30px rgba(2, 78, 192, 0.27);
}
.LoanLendingApp .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(2, 78, 192, 0.25) 19%, rgba(2, 78, 192, 0.24) 100%);
}
.LoanLendingApp .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #024ec0;
}
.LoanLendingApp .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #024ec0;
}
.LoanLendingApp .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #024ec0 0%, #024ec0 58%);
}
.LoanLendingApp .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.LoanLendingApp .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #024ec0;
}
.LoanLendingApp .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #5e9efd 0%, #5e9efd 58%);
}
.LoanLendingApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #2b7ffd 0%, #2b7ffd 58%);
}
.LoanLendingApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #0363f2 0%, #0363f2 58%);
}
.LoanLendingApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #024ec0 0%, #024ec0 58%);
}
.LoanLendingApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #01398e 0%, #01398e 58%);
}
.LoanLendingApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #01255b 0%, #01255b 58%);
}
.LoanLendingApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #001029 0%, #001029 58%);
}
.LoanLendingApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #01255b 0%, #01255b 58%);
}
.LoanLendingApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #01398e 0%, #01398e 58%);
}
.LoanLendingApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #5e9efd 0%, #5e9efd 58%);
}
.LoanLendingApp .trend-tabs .nav-item.active {
  color: #024ec0 !important;
}
.LoanLendingApp .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-LoanLendingApp 2s linear forwards;
          animation: animate-user-LoanLendingApp 2s linear forwards;
}
.LoanLendingApp .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-LoanLendingApp 2s linear forwards;
          animation: animate-admin-LoanLendingApp 2s linear forwards;
}
.LoanLendingApp .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-LoanLendingApp 2s linear forwards;
          animation: animate-restautrant-LoanLendingApp 2s linear forwards;
}
.LoanLendingApp .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-LoanLendingApp 2s linear forwards;
          animation: animate-delivery-LoanLendingApp 2s linear forwards;
}
.LoanLendingApp .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-LoanLendingApp 2s linear forwards;
          animation: animate-washer-LoanLendingApp 2s linear forwards;
}
.LoanLendingApp .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-LoanLendingApp 2s linear forwards;
          animation: animate-bookie-LoanLendingApp 2s linear forwards;
}
.LoanLendingApp .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-LoanLendingApp 2s linear forwards;
          animation: animate-vendor-LoanLendingApp 2s linear forwards;
}
.LoanLendingApp .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-LoanLendingApp 2s linear forwards;
          animation: animate-service-provider-LoanLendingApp 2s linear forwards;
}
.LoanLendingApp .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-LoanLendingApp 2s linear forwards;
          animation: animate-delivery-personnel-LoanLendingApp 2s linear forwards;
}
.LoanLendingApp .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-LoanLendingApp 2s linear forwards;
          animation: animate-pharmacist-LoanLendingApp 2s linear forwards;
}
.LoanLendingApp .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-LoanLendingApp 2s linear forwards;
          animation: animate-driver-LoanLendingApp 2s linear forwards;
}
.LoanLendingApp .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-LoanLendingApp 2s linear forwards;
          animation: animate-delivery-LoanLendingApp 2s linear forwards;
}
.LoanLendingApp .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-LoanLendingApp 2s linear forwards;
          animation: animate-tutor-LoanLendingApp 2s linear forwards;
}
.LoanLendingApp .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-LoanLendingApp 2s linear forwards;
          animation: animate-store-LoanLendingApp 2s linear forwards;
}
.LoanLendingApp .iot-tabs .nav-item.active {
  color: #024ec0 !important;
  border-bottom-color: #024ec0 !important;
}
.LoanLendingApp .iot-smart-solution .svg-icon svg {
  fill: url(#LoanLendingApp);
}
.LoanLendingApp .step-process svg {
  fill: url(#LoanLendingApp) !important;
}
@-webkit-keyframes animate-user-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-user-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-admin-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-admin-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-restautrant-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-restautrant-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-delivery-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-delivery-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-washer-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-washer-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-bookie-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-bookie-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-vendor-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-vendor-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-service-provider-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-service-provider-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-delivery-personnel-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-delivery-personnel-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-pharmacist-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-pharmacist-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-driver-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-driver-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-delivery-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-tutor-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-tutor-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-store-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-store-LoanLendingApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #012f74;
    fill: #024ec0;
  }
}
.LoanLendingApp .latest-technologies svg {
  fill: #024ec0 !important;
}

.AutomaionApp .inner-banner .banner-content h2 {
  color: #2b7ad3;
}
.AutomaionApp .inner-banner .banner-content h2 span {
  color: #53a1ef;
}
.AutomaionApp .service-content .content-area p span {
  color: #2b7ad3;
}
.AutomaionApp .info-grid-hz .info-grid-item .icon svg {
  fill: url(#AutomaionApp);
}
.AutomaionApp .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #2b7ad3;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.AutomaionApp .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.AutomaionApp .section-heading p span {
  color: #2b7ad3;
}
.AutomaionApp .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#AutomaionApp);
}
.AutomaionApp .advanced-features .af-item .af-icon svg {
  fill: url(#AutomaionApp);
}
.AutomaionApp .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.AutomaionApp .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #2b7ad3 0%, #53a1ef 58%);
}
.AutomaionApp .trend-choose .tc-item .tc-icon svg {
  fill: url(#AutomaionApp);
}
.AutomaionApp .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #2b7ad3 0%, #53a1ef 58%);
}
.AutomaionApp .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.AutomaionApp .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(83, 161, 239, 0.25) 19%, rgba(43, 122, 211, 0.24) 100%);
}
.AutomaionApp .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #2b7ad3 0%, #53a1ef 58%);
}
.AutomaionApp .trend-choose .tc-item .tc-content p strong {
  color: #2b7ad3;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #5594dc;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #2b7ad3;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #2b7ad3;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #2b7ad3;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #2b7ad3;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #2262a9;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #2262a9;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #2262a9;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #2262a9;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #1a497e;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #1a497e;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #1a497e;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #1a497e;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #113154;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #113154;
}
.AutomaionApp .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #113154;
}
.AutomaionApp .additional-features {
  background: #2b7ad3 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.AutomaionApp .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(83, 161, 239, 0.27);
          box-shadow: 0 0 30px rgba(83, 161, 239, 0.27);
}
.AutomaionApp .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(83, 161, 239, 0.25) 19%, rgba(43, 122, 211, 0.24) 100%);
}
.AutomaionApp .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #2b7ad3;
}
.AutomaionApp .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #2b7ad3;
}
.AutomaionApp .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #2b7ad3 0%, #53a1ef 58%);
}
.AutomaionApp .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.AutomaionApp .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #2b7ad3;
}
.AutomaionApp .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #dfeefc 0%, #a9c9ee 58%);
}
.AutomaionApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #b0d4f8 0%, #7fafe5 58%);
}
.AutomaionApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #82bbf3 0%, #5594dc 58%);
}
.AutomaionApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #53a1ef 0%, #2b7ad3 58%);
}
.AutomaionApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #2488eb 0%, #2262a9 58%);
}
.AutomaionApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #136ec9 0%, #1a497e 58%);
}
.AutomaionApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #0e559b 0%, #113154 58%);
}
.AutomaionApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #136ec9 0%, #1a497e 58%);
}
.AutomaionApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #2488eb 0%, #2262a9 58%);
}
.AutomaionApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #dfeefc 0%, #a9c9ee 58%);
}
.AutomaionApp .trend-tabs .nav-item.active {
  color: #2b7ad3 !important;
}
.AutomaionApp .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-AutomaionApp 2s linear forwards;
          animation: animate-user-AutomaionApp 2s linear forwards;
}
.AutomaionApp .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-AutomaionApp 2s linear forwards;
          animation: animate-admin-AutomaionApp 2s linear forwards;
}
.AutomaionApp .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-AutomaionApp 2s linear forwards;
          animation: animate-restautrant-AutomaionApp 2s linear forwards;
}
.AutomaionApp .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-AutomaionApp 2s linear forwards;
          animation: animate-delivery-AutomaionApp 2s linear forwards;
}
.AutomaionApp .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-AutomaionApp 2s linear forwards;
          animation: animate-washer-AutomaionApp 2s linear forwards;
}
.AutomaionApp .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-AutomaionApp 2s linear forwards;
          animation: animate-bookie-AutomaionApp 2s linear forwards;
}
.AutomaionApp .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-AutomaionApp 2s linear forwards;
          animation: animate-vendor-AutomaionApp 2s linear forwards;
}
.AutomaionApp .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-AutomaionApp 2s linear forwards;
          animation: animate-service-provider-AutomaionApp 2s linear forwards;
}
.AutomaionApp .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-AutomaionApp 2s linear forwards;
          animation: animate-delivery-personnel-AutomaionApp 2s linear forwards;
}
.AutomaionApp .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-AutomaionApp 2s linear forwards;
          animation: animate-pharmacist-AutomaionApp 2s linear forwards;
}
.AutomaionApp .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-AutomaionApp 2s linear forwards;
          animation: animate-driver-AutomaionApp 2s linear forwards;
}
.AutomaionApp .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-AutomaionApp 2s linear forwards;
          animation: animate-delivery-AutomaionApp 2s linear forwards;
}
.AutomaionApp .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-AutomaionApp 2s linear forwards;
          animation: animate-tutor-AutomaionApp 2s linear forwards;
}
.AutomaionApp .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-AutomaionApp 2s linear forwards;
          animation: animate-store-AutomaionApp 2s linear forwards;
}
.AutomaionApp .iot-tabs .nav-item.active {
  color: #2b7ad3 !important;
  border-bottom-color: #2b7ad3 !important;
}
.AutomaionApp .iot-smart-solution .svg-icon svg {
  fill: url(#AutomaionApp);
}
.AutomaionApp .step-process svg {
  fill: url(#AutomaionApp) !important;
}
@-webkit-keyframes animate-user-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@keyframes animate-user-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@-webkit-keyframes animate-admin-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@keyframes animate-admin-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@-webkit-keyframes animate-restautrant-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@keyframes animate-restautrant-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@-webkit-keyframes animate-delivery-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@keyframes animate-delivery-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@-webkit-keyframes animate-washer-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@keyframes animate-washer-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@-webkit-keyframes animate-bookie-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@keyframes animate-bookie-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@-webkit-keyframes animate-vendor-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@keyframes animate-vendor-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@-webkit-keyframes animate-service-provider-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@keyframes animate-service-provider-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@-webkit-keyframes animate-delivery-personnel-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@keyframes animate-delivery-personnel-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@-webkit-keyframes animate-pharmacist-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@keyframes animate-pharmacist-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@-webkit-keyframes animate-driver-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@keyframes animate-driver-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@keyframes animate-delivery-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@-webkit-keyframes animate-tutor-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@keyframes animate-tutor-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@-webkit-keyframes animate-store-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
@keyframes animate-store-AutomaionApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #2b7ad3;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1e5593;
    fill: #2b7ad3;
  }
}
.AutomaionApp .latest-technologies svg {
  fill: #2b7ad3 !important;
}

.ChurchMobileApp .inner-banner .banner-content h2 {
  color: #1d958a;
}
.ChurchMobileApp .inner-banner .banner-content h2 span {
  color: #008076;
}
.ChurchMobileApp .service-content .content-area p span {
  color: #1d958a;
}
.ChurchMobileApp .info-grid-hz .info-grid-item .icon svg {
  fill: url(#ChurchMobileApp);
}
.ChurchMobileApp .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #1d958a;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.ChurchMobileApp .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.ChurchMobileApp .section-heading p span {
  color: #1d958a;
}
.ChurchMobileApp .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#ChurchMobileApp);
}
.ChurchMobileApp .advanced-features .af-item .af-icon svg {
  fill: url(#ChurchMobileApp);
}
.ChurchMobileApp .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.ChurchMobileApp .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #1d958a 0%, #008076 58%);
}
.ChurchMobileApp .trend-choose .tc-item .tc-icon svg {
  fill: url(#ChurchMobileApp);
}
.ChurchMobileApp .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #1d958a 0%, #008076 58%);
}
.ChurchMobileApp .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.ChurchMobileApp .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(0, 128, 118, 0.25) 19%, rgba(29, 149, 138, 0.24) 100%);
}
.ChurchMobileApp .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #1d958a 0%, #008076 58%);
}
.ChurchMobileApp .trend-choose .tc-item .tc-content p strong {
  color: #1d958a;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #25c0b2;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #1d958a;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #1d958a;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #1d958a;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #1d958a;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #156a62;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #156a62;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #156a62;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #156a62;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #0c403b;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #0c403b;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #0c403b;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #0c403b;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #041513;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #041513;
}
.ChurchMobileApp .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #041513;
}
.ChurchMobileApp .additional-features {
  background: #1d958a url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.ChurchMobileApp .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(0, 128, 118, 0.27);
          box-shadow: 0 0 30px rgba(0, 128, 118, 0.27);
}
.ChurchMobileApp .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(0, 128, 118, 0.25) 19%, rgba(29, 149, 138, 0.24) 100%);
}
.ChurchMobileApp .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #1d958a;
}
.ChurchMobileApp .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #1d958a;
}
.ChurchMobileApp .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #1d958a 0%, #008076 58%);
}
.ChurchMobileApp .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.ChurchMobileApp .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #1d958a;
}
.ChurchMobileApp .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #1affed 0%, #69e2d7 58%);
}
.ChurchMobileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #00e6d4 0%, #3edacb 58%);
}
.ChurchMobileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #00b3a5 0%, #25c0b2 58%);
}
.ChurchMobileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #008076 0%, #1d958a 58%);
}
.ChurchMobileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #004d47 0%, #156a62 58%);
}
.ChurchMobileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #001a18 0%, #0c403b 58%);
}
.ChurchMobileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, black 0%, #041513 58%);
}
.ChurchMobileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #001a18 0%, #0c403b 58%);
}
.ChurchMobileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #004d47 0%, #156a62 58%);
}
.ChurchMobileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #1affed 0%, #69e2d7 58%);
}
.ChurchMobileApp .trend-tabs .nav-item.active {
  color: #1d958a !important;
}
.ChurchMobileApp .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-ChurchMobileApp 2s linear forwards;
          animation: animate-user-ChurchMobileApp 2s linear forwards;
}
.ChurchMobileApp .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-ChurchMobileApp 2s linear forwards;
          animation: animate-admin-ChurchMobileApp 2s linear forwards;
}
.ChurchMobileApp .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-ChurchMobileApp 2s linear forwards;
          animation: animate-restautrant-ChurchMobileApp 2s linear forwards;
}
.ChurchMobileApp .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-ChurchMobileApp 2s linear forwards;
          animation: animate-delivery-ChurchMobileApp 2s linear forwards;
}
.ChurchMobileApp .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-ChurchMobileApp 2s linear forwards;
          animation: animate-washer-ChurchMobileApp 2s linear forwards;
}
.ChurchMobileApp .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-ChurchMobileApp 2s linear forwards;
          animation: animate-bookie-ChurchMobileApp 2s linear forwards;
}
.ChurchMobileApp .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-ChurchMobileApp 2s linear forwards;
          animation: animate-vendor-ChurchMobileApp 2s linear forwards;
}
.ChurchMobileApp .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-ChurchMobileApp 2s linear forwards;
          animation: animate-service-provider-ChurchMobileApp 2s linear forwards;
}
.ChurchMobileApp .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-ChurchMobileApp 2s linear forwards;
          animation: animate-delivery-personnel-ChurchMobileApp 2s linear forwards;
}
.ChurchMobileApp .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-ChurchMobileApp 2s linear forwards;
          animation: animate-pharmacist-ChurchMobileApp 2s linear forwards;
}
.ChurchMobileApp .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-ChurchMobileApp 2s linear forwards;
          animation: animate-driver-ChurchMobileApp 2s linear forwards;
}
.ChurchMobileApp .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-ChurchMobileApp 2s linear forwards;
          animation: animate-delivery-ChurchMobileApp 2s linear forwards;
}
.ChurchMobileApp .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-ChurchMobileApp 2s linear forwards;
          animation: animate-tutor-ChurchMobileApp 2s linear forwards;
}
.ChurchMobileApp .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-ChurchMobileApp 2s linear forwards;
          animation: animate-store-ChurchMobileApp 2s linear forwards;
}
.ChurchMobileApp .iot-tabs .nav-item.active {
  color: #1d958a !important;
  border-bottom-color: #1d958a !important;
}
.ChurchMobileApp .iot-smart-solution .svg-icon svg {
  fill: url(#ChurchMobileApp);
}
.ChurchMobileApp .step-process svg {
  fill: url(#ChurchMobileApp) !important;
}
@-webkit-keyframes animate-user-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@keyframes animate-user-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@-webkit-keyframes animate-admin-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@keyframes animate-admin-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@-webkit-keyframes animate-restautrant-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@keyframes animate-restautrant-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@-webkit-keyframes animate-delivery-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@keyframes animate-delivery-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@-webkit-keyframes animate-washer-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@keyframes animate-washer-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@-webkit-keyframes animate-bookie-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@keyframes animate-bookie-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@-webkit-keyframes animate-vendor-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@keyframes animate-vendor-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@-webkit-keyframes animate-service-provider-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@keyframes animate-service-provider-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@-webkit-keyframes animate-delivery-personnel-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@keyframes animate-delivery-personnel-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@-webkit-keyframes animate-pharmacist-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@keyframes animate-pharmacist-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@-webkit-keyframes animate-driver-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@keyframes animate-driver-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@keyframes animate-delivery-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@-webkit-keyframes animate-tutor-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@keyframes animate-tutor-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@-webkit-keyframes animate-store-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #11554f;
    fill: #1d958a;
  }
}
@keyframes animate-store-ChurchMobileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #1d958a;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #11554f;
    fill: #1d958a;
  }
}
.ChurchMobileApp .latest-technologies svg {
  fill: #1d958a !important;
}

.hotDealandFlash .inner-banner .banner-content h2 {
  color: #fd0100;
}
.hotDealandFlash .inner-banner .banner-content h2 span {
  color: #d71313;
}
.hotDealandFlash .service-content .content-area p span {
  color: #fd0100;
}
.hotDealandFlash .info-grid-hz .info-grid-item .icon svg {
  fill: url(#hotDealandFlash);
}
.hotDealandFlash .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #fd0100;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.hotDealandFlash .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.hotDealandFlash .section-heading p span {
  color: #fd0100;
}
.hotDealandFlash .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#hotDealandFlash);
}
.hotDealandFlash .advanced-features .af-item .af-icon svg {
  fill: url(#hotDealandFlash);
}
.hotDealandFlash .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.hotDealandFlash .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #fd0100 0%, #d71313 58%);
}
.hotDealandFlash .trend-choose .tc-item .tc-icon svg {
  fill: url(#hotDealandFlash);
}
.hotDealandFlash .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #fd0100 0%, #d71313 58%);
}
.hotDealandFlash .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.hotDealandFlash .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(215, 19, 19, 0.25) 19%, rgba(253, 1, 0, 0.24) 100%);
}
.hotDealandFlash .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #fd0100 0%, #d71313 58%);
}
.hotDealandFlash .trend-choose .tc-item .tc-content p strong {
  color: #fd0100;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #ff3231;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #fd0100;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #fd0100;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #fd0100;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #fd0100;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #ca0100;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #ca0100;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #ca0100;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #ca0100;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #970100;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #970100;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #970100;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #970100;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #640000;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #640000;
}
.hotDealandFlash .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #640000;
}
.hotDealandFlash .additional-features {
  background: #fd0100 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.hotDealandFlash .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(215, 19, 19, 0.27);
          box-shadow: 0 0 30px rgba(215, 19, 19, 0.27);
}
.hotDealandFlash .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(215, 19, 19, 0.25) 19%, rgba(253, 1, 0, 0.24) 100%);
}
.hotDealandFlash .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #fd0100;
}
.hotDealandFlash .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #fd0100;
}
.hotDealandFlash .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #fd0100 0%, #d71313 58%);
}
.hotDealandFlash .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.hotDealandFlash .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #fd0100;
}
.hotDealandFlash .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #f58e8e 0%, #ff9797 58%);
}
.hotDealandFlash .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #f15f5f 0%, #ff6564 58%);
}
.hotDealandFlash .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #ed3030 0%, #ff3231 58%);
}
.hotDealandFlash .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #d71313 0%, #fd0100 58%);
}
.hotDealandFlash .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #a80f0f 0%, #ca0100 58%);
}
.hotDealandFlash .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #790b0b 0%, #970100 58%);
}
.hotDealandFlash .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #4a0707 0%, #640000 58%);
}
.hotDealandFlash .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #790b0b 0%, #970100 58%);
}
.hotDealandFlash .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #a80f0f 0%, #ca0100 58%);
}
.hotDealandFlash .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #f58e8e 0%, #ff9797 58%);
}
.hotDealandFlash .trend-tabs .nav-item.active {
  color: #fd0100 !important;
}
.hotDealandFlash .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-hotDealandFlash 2s linear forwards;
          animation: animate-user-hotDealandFlash 2s linear forwards;
}
.hotDealandFlash .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-hotDealandFlash 2s linear forwards;
          animation: animate-admin-hotDealandFlash 2s linear forwards;
}
.hotDealandFlash .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-hotDealandFlash 2s linear forwards;
          animation: animate-restautrant-hotDealandFlash 2s linear forwards;
}
.hotDealandFlash .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-hotDealandFlash 2s linear forwards;
          animation: animate-delivery-hotDealandFlash 2s linear forwards;
}
.hotDealandFlash .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-hotDealandFlash 2s linear forwards;
          animation: animate-washer-hotDealandFlash 2s linear forwards;
}
.hotDealandFlash .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-hotDealandFlash 2s linear forwards;
          animation: animate-bookie-hotDealandFlash 2s linear forwards;
}
.hotDealandFlash .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-hotDealandFlash 2s linear forwards;
          animation: animate-vendor-hotDealandFlash 2s linear forwards;
}
.hotDealandFlash .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-hotDealandFlash 2s linear forwards;
          animation: animate-service-provider-hotDealandFlash 2s linear forwards;
}
.hotDealandFlash .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-hotDealandFlash 2s linear forwards;
          animation: animate-delivery-personnel-hotDealandFlash 2s linear forwards;
}
.hotDealandFlash .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-hotDealandFlash 2s linear forwards;
          animation: animate-pharmacist-hotDealandFlash 2s linear forwards;
}
.hotDealandFlash .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-hotDealandFlash 2s linear forwards;
          animation: animate-driver-hotDealandFlash 2s linear forwards;
}
.hotDealandFlash .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-hotDealandFlash 2s linear forwards;
          animation: animate-delivery-hotDealandFlash 2s linear forwards;
}
.hotDealandFlash .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-hotDealandFlash 2s linear forwards;
          animation: animate-tutor-hotDealandFlash 2s linear forwards;
}
.hotDealandFlash .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-hotDealandFlash 2s linear forwards;
          animation: animate-store-hotDealandFlash 2s linear forwards;
}
.hotDealandFlash .iot-tabs .nav-item.active {
  color: #fd0100 !important;
  border-bottom-color: #fd0100 !important;
}
.hotDealandFlash .iot-smart-solution .svg-icon svg {
  fill: url(#hotDealandFlash);
}
.hotDealandFlash .step-process svg {
  fill: url(#hotDealandFlash) !important;
}
@-webkit-keyframes animate-user-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@keyframes animate-user-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@-webkit-keyframes animate-admin-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@keyframes animate-admin-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@-webkit-keyframes animate-restautrant-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@keyframes animate-restautrant-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@-webkit-keyframes animate-delivery-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@keyframes animate-delivery-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@-webkit-keyframes animate-washer-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@keyframes animate-washer-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@-webkit-keyframes animate-bookie-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@keyframes animate-bookie-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@-webkit-keyframes animate-vendor-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@keyframes animate-vendor-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@-webkit-keyframes animate-service-provider-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@keyframes animate-service-provider-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@-webkit-keyframes animate-delivery-personnel-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@keyframes animate-delivery-personnel-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@-webkit-keyframes animate-pharmacist-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@keyframes animate-pharmacist-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@-webkit-keyframes animate-driver-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@keyframes animate-driver-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@keyframes animate-delivery-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@-webkit-keyframes animate-tutor-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@keyframes animate-tutor-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@-webkit-keyframes animate-store-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #b10100;
    fill: #fd0100;
  }
}
@keyframes animate-store-hotDealandFlash {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #fd0100;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #b10100;
    fill: #fd0100;
  }
}
.hotDealandFlash .latest-technologies svg {
  fill: #fd0100 !important;
}

.ArbasedInterior .inner-banner .banner-content h2 {
  color: #e92f00;
}
.ArbasedInterior .inner-banner .banner-content h2 span {
  color: #f56946;
}
.ArbasedInterior .service-content .content-area p span {
  color: #e92f00;
}
.ArbasedInterior .info-grid-hz .info-grid-item .icon svg {
  fill: url(#ArbasedInterior);
}
.ArbasedInterior .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #e92f00;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.ArbasedInterior .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.ArbasedInterior .section-heading p span {
  color: #e92f00;
}
.ArbasedInterior .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#ArbasedInterior);
}
.ArbasedInterior .advanced-features .af-item .af-icon svg {
  fill: url(#ArbasedInterior);
}
.ArbasedInterior .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.ArbasedInterior .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #e92f00 0%, #f56946 58%);
}
.ArbasedInterior .trend-choose .tc-item .tc-icon svg {
  fill: url(#ArbasedInterior);
}
.ArbasedInterior .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #e92f00 0%, #f56946 58%);
}
.ArbasedInterior .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.ArbasedInterior .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(245, 105, 70, 0.25) 19%, rgba(233, 47, 0, 0.24) 100%);
}
.ArbasedInterior .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #e92f00 0%, #f56946 58%);
}
.ArbasedInterior .trend-choose .tc-item .tc-content p strong {
  color: #e92f00;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #ff4b1d;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #e92f00;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #e92f00;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #e92f00;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #e92f00;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #b62500;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #b62500;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #b62500;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #b62500;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #831a00;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #831a00;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #831a00;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #831a00;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #501000;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #501000;
}
.ArbasedInterior .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #501000;
}
.ArbasedInterior .additional-features {
  background: #e92f00 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.ArbasedInterior .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(245, 105, 70, 0.27);
          box-shadow: 0 0 30px rgba(245, 105, 70, 0.27);
}
.ArbasedInterior .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(245, 105, 70, 0.25) 19%, rgba(233, 47, 0, 0.24) 100%);
}
.ArbasedInterior .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #e92f00;
}
.ArbasedInterior .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #e92f00;
}
.ArbasedInterior .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #e92f00 0%, #f56946 58%);
}
.ArbasedInterior .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.ArbasedInterior .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #e92f00;
}
.ArbasedInterior .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #fddfd7 0%, #ff9c83 58%);
}
.ArbasedInterior .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #fab7a7 0%, #ff7350 58%);
}
.ArbasedInterior .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #f89076 0%, #ff4b1d 58%);
}
.ArbasedInterior .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #f56946 0%, #e92f00 58%);
}
.ArbasedInterior .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #f24216 0%, #b62500 58%);
}
.ArbasedInterior .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #ca310b 0%, #831a00 58%);
}
.ArbasedInterior .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #9a2508 0%, #501000 58%);
}
.ArbasedInterior .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #ca310b 0%, #831a00 58%);
}
.ArbasedInterior .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #f24216 0%, #b62500 58%);
}
.ArbasedInterior .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #fddfd7 0%, #ff9c83 58%);
}
.ArbasedInterior .trend-tabs .nav-item.active {
  color: #e92f00 !important;
}
.ArbasedInterior .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-ArbasedInterior 2s linear forwards;
          animation: animate-user-ArbasedInterior 2s linear forwards;
}
.ArbasedInterior .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-ArbasedInterior 2s linear forwards;
          animation: animate-admin-ArbasedInterior 2s linear forwards;
}
.ArbasedInterior .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-ArbasedInterior 2s linear forwards;
          animation: animate-restautrant-ArbasedInterior 2s linear forwards;
}
.ArbasedInterior .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-ArbasedInterior 2s linear forwards;
          animation: animate-delivery-ArbasedInterior 2s linear forwards;
}
.ArbasedInterior .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-ArbasedInterior 2s linear forwards;
          animation: animate-washer-ArbasedInterior 2s linear forwards;
}
.ArbasedInterior .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-ArbasedInterior 2s linear forwards;
          animation: animate-bookie-ArbasedInterior 2s linear forwards;
}
.ArbasedInterior .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-ArbasedInterior 2s linear forwards;
          animation: animate-vendor-ArbasedInterior 2s linear forwards;
}
.ArbasedInterior .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-ArbasedInterior 2s linear forwards;
          animation: animate-service-provider-ArbasedInterior 2s linear forwards;
}
.ArbasedInterior .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-ArbasedInterior 2s linear forwards;
          animation: animate-delivery-personnel-ArbasedInterior 2s linear forwards;
}
.ArbasedInterior .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-ArbasedInterior 2s linear forwards;
          animation: animate-pharmacist-ArbasedInterior 2s linear forwards;
}
.ArbasedInterior .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-ArbasedInterior 2s linear forwards;
          animation: animate-driver-ArbasedInterior 2s linear forwards;
}
.ArbasedInterior .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-ArbasedInterior 2s linear forwards;
          animation: animate-delivery-ArbasedInterior 2s linear forwards;
}
.ArbasedInterior .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-ArbasedInterior 2s linear forwards;
          animation: animate-tutor-ArbasedInterior 2s linear forwards;
}
.ArbasedInterior .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-ArbasedInterior 2s linear forwards;
          animation: animate-store-ArbasedInterior 2s linear forwards;
}
.ArbasedInterior .iot-tabs .nav-item.active {
  color: #e92f00 !important;
  border-bottom-color: #e92f00 !important;
}
.ArbasedInterior .iot-smart-solution .svg-icon svg {
  fill: url(#ArbasedInterior);
}
.ArbasedInterior .step-process svg {
  fill: url(#ArbasedInterior) !important;
}
@-webkit-keyframes animate-user-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@keyframes animate-user-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@-webkit-keyframes animate-admin-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@keyframes animate-admin-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@-webkit-keyframes animate-restautrant-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@keyframes animate-restautrant-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@-webkit-keyframes animate-delivery-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@keyframes animate-delivery-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@-webkit-keyframes animate-washer-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@keyframes animate-washer-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@-webkit-keyframes animate-bookie-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@keyframes animate-bookie-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@-webkit-keyframes animate-vendor-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@keyframes animate-vendor-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@-webkit-keyframes animate-service-provider-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@keyframes animate-service-provider-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@-webkit-keyframes animate-delivery-personnel-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@keyframes animate-delivery-personnel-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@-webkit-keyframes animate-pharmacist-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@keyframes animate-pharmacist-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@-webkit-keyframes animate-driver-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@keyframes animate-driver-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@keyframes animate-delivery-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@-webkit-keyframes animate-tutor-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@keyframes animate-tutor-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@-webkit-keyframes animate-store-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
@keyframes animate-store-ArbasedInterior {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #e92f00;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #9d2000;
    fill: #e92f00;
  }
}
.ArbasedInterior .latest-technologies svg {
  fill: #e92f00 !important;
}

.agritechMObileApp .inner-banner .banner-content h2 {
  color: #5e955f;
}
.agritechMObileApp .inner-banner .banner-content h2 span {
  color: #019804;
}
.agritechMObileApp .service-content .content-area p span {
  color: #5e955f;
}
.agritechMObileApp .info-grid-hz .info-grid-item .icon svg {
  fill: url(#agritechMObileApp);
}
.agritechMObileApp .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #5e955f;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.agritechMObileApp .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.agritechMObileApp .section-heading p span {
  color: #5e955f;
}
.agritechMObileApp .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#agritechMObileApp);
}
.agritechMObileApp .advanced-features .af-item .af-icon svg {
  fill: url(#agritechMObileApp);
}
.agritechMObileApp .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.agritechMObileApp .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #5e955f 0%, #019804 58%);
}
.agritechMObileApp .trend-choose .tc-item .tc-icon svg {
  fill: url(#agritechMObileApp);
}
.agritechMObileApp .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #5e955f 0%, #019804 58%);
}
.agritechMObileApp .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.agritechMObileApp .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(1, 152, 4, 0.25) 19%, rgba(94, 149, 95, 0.24) 100%);
}
.agritechMObileApp .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #5e955f 0%, #019804 58%);
}
.agritechMObileApp .trend-choose .tc-item .tc-content p strong {
  color: #5e955f;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #7bab7b;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #5e955f;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #5e955f;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #5e955f;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #5e955f;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #4a764b;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #4a764b;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #4a764b;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #4a764b;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #375637;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #375637;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #375637;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #375637;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #233723;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #233723;
}
.agritechMObileApp .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #233723;
}
.agritechMObileApp .additional-features {
  background: #5e955f url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.agritechMObileApp .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(1, 152, 4, 0.27);
          box-shadow: 0 0 30px rgba(1, 152, 4, 0.27);
}
.agritechMObileApp .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(1, 152, 4, 0.25) 19%, rgba(94, 149, 95, 0.24) 100%);
}
.agritechMObileApp .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #5e955f;
}
.agritechMObileApp .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #5e955f;
}
.agritechMObileApp .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #5e955f 0%, #019804 58%);
}
.agritechMObileApp .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.agritechMObileApp .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #5e955f;
}
.agritechMObileApp .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #34fe38 0%, #b9d3ba 58%);
}
.agritechMObileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #02fd07 0%, #9abf9b 58%);
}
.agritechMObileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #01cb05 0%, #7bab7b 58%);
}
.agritechMObileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #019804 0%, #5e955f 58%);
}
.agritechMObileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #016503 0%, #4a764b 58%);
}
.agritechMObileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #003301 0%, #375637 58%);
}
.agritechMObileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, black 0%, #233723 58%);
}
.agritechMObileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #003301 0%, #375637 58%);
}
.agritechMObileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #016503 0%, #4a764b 58%);
}
.agritechMObileApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #34fe38 0%, #b9d3ba 58%);
}
.agritechMObileApp .trend-tabs .nav-item.active {
  color: #5e955f !important;
}
.agritechMObileApp .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-agritechMObileApp 2s linear forwards;
          animation: animate-user-agritechMObileApp 2s linear forwards;
}
.agritechMObileApp .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-agritechMObileApp 2s linear forwards;
          animation: animate-admin-agritechMObileApp 2s linear forwards;
}
.agritechMObileApp .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-agritechMObileApp 2s linear forwards;
          animation: animate-restautrant-agritechMObileApp 2s linear forwards;
}
.agritechMObileApp .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-agritechMObileApp 2s linear forwards;
          animation: animate-delivery-agritechMObileApp 2s linear forwards;
}
.agritechMObileApp .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-agritechMObileApp 2s linear forwards;
          animation: animate-washer-agritechMObileApp 2s linear forwards;
}
.agritechMObileApp .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-agritechMObileApp 2s linear forwards;
          animation: animate-bookie-agritechMObileApp 2s linear forwards;
}
.agritechMObileApp .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-agritechMObileApp 2s linear forwards;
          animation: animate-vendor-agritechMObileApp 2s linear forwards;
}
.agritechMObileApp .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-agritechMObileApp 2s linear forwards;
          animation: animate-service-provider-agritechMObileApp 2s linear forwards;
}
.agritechMObileApp .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-agritechMObileApp 2s linear forwards;
          animation: animate-delivery-personnel-agritechMObileApp 2s linear forwards;
}
.agritechMObileApp .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-agritechMObileApp 2s linear forwards;
          animation: animate-pharmacist-agritechMObileApp 2s linear forwards;
}
.agritechMObileApp .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-agritechMObileApp 2s linear forwards;
          animation: animate-driver-agritechMObileApp 2s linear forwards;
}
.agritechMObileApp .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-agritechMObileApp 2s linear forwards;
          animation: animate-delivery-agritechMObileApp 2s linear forwards;
}
.agritechMObileApp .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-agritechMObileApp 2s linear forwards;
          animation: animate-tutor-agritechMObileApp 2s linear forwards;
}
.agritechMObileApp .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-agritechMObileApp 2s linear forwards;
          animation: animate-store-agritechMObileApp 2s linear forwards;
}
.agritechMObileApp .iot-tabs .nav-item.active {
  color: #5e955f !important;
  border-bottom-color: #5e955f !important;
}
.agritechMObileApp .iot-smart-solution .svg-icon svg {
  fill: url(#agritechMObileApp);
}
.agritechMObileApp .step-process svg {
  fill: url(#agritechMObileApp) !important;
}
@-webkit-keyframes animate-user-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-user-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-admin-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-admin-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-restautrant-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-restautrant-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-delivery-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-delivery-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-washer-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-washer-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-bookie-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-bookie-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-vendor-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-vendor-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-service-provider-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-service-provider-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-delivery-personnel-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-delivery-personnel-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-pharmacist-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-pharmacist-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-driver-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-driver-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-delivery-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-tutor-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-tutor-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-store-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-store-agritechMObileApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #406641;
    fill: #5e955f;
  }
}
.agritechMObileApp .latest-technologies svg {
  fill: #5e955f !important;
}

.starBucks .inner-banner .banner-content h2 {
  color: #5e955f;
}
.starBucks .inner-banner .banner-content h2 span {
  color: #019804;
}
.starBucks .service-content .content-area p span {
  color: #5e955f;
}
.starBucks .info-grid-hz .info-grid-item .icon svg {
  fill: url(#starBucks);
}
.starBucks .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #5e955f;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.starBucks .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.starBucks .section-heading p span {
  color: #5e955f;
}
.starBucks .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#starBucks);
}
.starBucks .advanced-features .af-item .af-icon svg {
  fill: url(#starBucks);
}
.starBucks .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.starBucks .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #5e955f 0%, #019804 58%);
}
.starBucks .trend-choose .tc-item .tc-icon svg {
  fill: url(#starBucks);
}
.starBucks .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #5e955f 0%, #019804 58%);
}
.starBucks .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.starBucks .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(1, 152, 4, 0.25) 19%, rgba(94, 149, 95, 0.24) 100%);
}
.starBucks .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #5e955f 0%, #019804 58%);
}
.starBucks .trend-choose .tc-item .tc-content p strong {
  color: #5e955f;
}
.starBucks .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #7bab7b;
}
.starBucks .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #5e955f;
}
.starBucks .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #5e955f;
}
.starBucks .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #5e955f;
}
.starBucks .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #5e955f;
}
.starBucks .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #4a764b;
}
.starBucks .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #4a764b;
}
.starBucks .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #4a764b;
}
.starBucks .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #4a764b;
}
.starBucks .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #375637;
}
.starBucks .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #375637;
}
.starBucks .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #375637;
}
.starBucks .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #375637;
}
.starBucks .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #233723;
}
.starBucks .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #233723;
}
.starBucks .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #233723;
}
.starBucks .additional-features {
  background: #5e955f url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.starBucks .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(1, 152, 4, 0.27);
          box-shadow: 0 0 30px rgba(1, 152, 4, 0.27);
}
.starBucks .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(1, 152, 4, 0.25) 19%, rgba(94, 149, 95, 0.24) 100%);
}
.starBucks .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #5e955f;
}
.starBucks .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #5e955f;
}
.starBucks .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #5e955f 0%, #019804 58%);
}
.starBucks .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.starBucks .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #5e955f;
}
.starBucks .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #34fe38 0%, #b9d3ba 58%);
}
.starBucks .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #02fd07 0%, #9abf9b 58%);
}
.starBucks .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #01cb05 0%, #7bab7b 58%);
}
.starBucks .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #019804 0%, #5e955f 58%);
}
.starBucks .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #016503 0%, #4a764b 58%);
}
.starBucks .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #003301 0%, #375637 58%);
}
.starBucks .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, black 0%, #233723 58%);
}
.starBucks .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #003301 0%, #375637 58%);
}
.starBucks .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #016503 0%, #4a764b 58%);
}
.starBucks .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #34fe38 0%, #b9d3ba 58%);
}
.starBucks .trend-tabs .nav-item.active {
  color: #5e955f !important;
}
.starBucks .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-starBucks 2s linear forwards;
          animation: animate-user-starBucks 2s linear forwards;
}
.starBucks .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-starBucks 2s linear forwards;
          animation: animate-admin-starBucks 2s linear forwards;
}
.starBucks .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-starBucks 2s linear forwards;
          animation: animate-restautrant-starBucks 2s linear forwards;
}
.starBucks .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-starBucks 2s linear forwards;
          animation: animate-delivery-starBucks 2s linear forwards;
}
.starBucks .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-starBucks 2s linear forwards;
          animation: animate-washer-starBucks 2s linear forwards;
}
.starBucks .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-starBucks 2s linear forwards;
          animation: animate-bookie-starBucks 2s linear forwards;
}
.starBucks .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-starBucks 2s linear forwards;
          animation: animate-vendor-starBucks 2s linear forwards;
}
.starBucks .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-starBucks 2s linear forwards;
          animation: animate-service-provider-starBucks 2s linear forwards;
}
.starBucks .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-starBucks 2s linear forwards;
          animation: animate-delivery-personnel-starBucks 2s linear forwards;
}
.starBucks .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-starBucks 2s linear forwards;
          animation: animate-pharmacist-starBucks 2s linear forwards;
}
.starBucks .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-starBucks 2s linear forwards;
          animation: animate-driver-starBucks 2s linear forwards;
}
.starBucks .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-starBucks 2s linear forwards;
          animation: animate-delivery-starBucks 2s linear forwards;
}
.starBucks .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-starBucks 2s linear forwards;
          animation: animate-tutor-starBucks 2s linear forwards;
}
.starBucks .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-starBucks 2s linear forwards;
          animation: animate-store-starBucks 2s linear forwards;
}
.starBucks .iot-tabs .nav-item.active {
  color: #5e955f !important;
  border-bottom-color: #5e955f !important;
}
.starBucks .iot-smart-solution .svg-icon svg {
  fill: url(#starBucks);
}
.starBucks .step-process svg {
  fill: url(#starBucks) !important;
}
@-webkit-keyframes animate-user-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-user-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-admin-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-admin-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-restautrant-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-restautrant-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-delivery-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-delivery-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-washer-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-washer-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-bookie-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-bookie-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-vendor-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-vendor-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-service-provider-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-service-provider-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-delivery-personnel-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-delivery-personnel-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-pharmacist-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-pharmacist-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-driver-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-driver-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-delivery-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-tutor-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-tutor-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #406641;
    fill: #5e955f;
  }
}
@-webkit-keyframes animate-store-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #406641;
    fill: #5e955f;
  }
}
@keyframes animate-store-starBucks {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5e955f;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #406641;
    fill: #5e955f;
  }
}
.starBucks .latest-technologies svg {
  fill: #5e955f !important;
}

.batteyMangement .inner-banner .banner-content h2 {
  color: #444448;
}
.batteyMangement .inner-banner .banner-content h2 span {
  color: #24242e;
}
.batteyMangement .service-content .content-area p span {
  color: #444448;
}
.batteyMangement .info-grid-hz .info-grid-item .icon svg {
  fill: url(#batteyMangement);
}
.batteyMangement .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #444448;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.batteyMangement .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.batteyMangement .section-heading p span {
  color: #444448;
}
.batteyMangement .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#batteyMangement);
}
.batteyMangement .advanced-features .af-item .af-icon svg {
  fill: url(#batteyMangement);
}
.batteyMangement .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.batteyMangement .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #444448 0%, #24242e 58%);
}
.batteyMangement .trend-choose .tc-item .tc-icon svg {
  fill: url(#batteyMangement);
}
.batteyMangement .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #444448 0%, #24242e 58%);
}
.batteyMangement .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.batteyMangement .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(36, 36, 46, 0.25) 19%, rgba(68, 68, 72, 0.24) 100%);
}
.batteyMangement .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #444448 0%, #24242e 58%);
}
.batteyMangement .trend-choose .tc-item .tc-content p strong {
  color: #444448;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #5d5d62;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #444448;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #444448;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #444448;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #444448;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #2b2b2e;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #2b2b2e;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #2b2b2e;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #2b2b2e;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #121214;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #121214;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #121214;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #121214;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: black;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: black;
}
.batteyMangement .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: black;
}
.batteyMangement .additional-features {
  background: #444448 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.batteyMangement .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(36, 36, 46, 0.27);
          box-shadow: 0 0 30px rgba(36, 36, 46, 0.27);
}
.batteyMangement .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(36, 36, 46, 0.25) 19%, rgba(68, 68, 72, 0.24) 100%);
}
.batteyMangement .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #444448;
}
.batteyMangement .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #444448;
}
.batteyMangement .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #444448 0%, #24242e 58%);
}
.batteyMangement .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.batteyMangement .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #444448;
}
.batteyMangement .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #676784 0%, #8f8f96 58%);
}
.batteyMangement .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #515167 0%, #76767c 58%);
}
.batteyMangement .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #3a3a4b 0%, #5d5d62 58%);
}
.batteyMangement .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #24242e 0%, #444448 58%);
}
.batteyMangement .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #0e0e11 0%, #2b2b2e 58%);
}
.batteyMangement .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, black 0%, #121214 58%);
}
.batteyMangement .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, black 0%, black 58%);
}
.batteyMangement .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, black 0%, #121214 58%);
}
.batteyMangement .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #0e0e11 0%, #2b2b2e 58%);
}
.batteyMangement .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #676784 0%, #8f8f96 58%);
}
.batteyMangement .trend-tabs .nav-item.active {
  color: #444448 !important;
}
.batteyMangement .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-batteyMangement 2s linear forwards;
          animation: animate-user-batteyMangement 2s linear forwards;
}
.batteyMangement .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-batteyMangement 2s linear forwards;
          animation: animate-admin-batteyMangement 2s linear forwards;
}
.batteyMangement .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-batteyMangement 2s linear forwards;
          animation: animate-restautrant-batteyMangement 2s linear forwards;
}
.batteyMangement .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-batteyMangement 2s linear forwards;
          animation: animate-delivery-batteyMangement 2s linear forwards;
}
.batteyMangement .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-batteyMangement 2s linear forwards;
          animation: animate-washer-batteyMangement 2s linear forwards;
}
.batteyMangement .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-batteyMangement 2s linear forwards;
          animation: animate-bookie-batteyMangement 2s linear forwards;
}
.batteyMangement .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-batteyMangement 2s linear forwards;
          animation: animate-vendor-batteyMangement 2s linear forwards;
}
.batteyMangement .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-batteyMangement 2s linear forwards;
          animation: animate-service-provider-batteyMangement 2s linear forwards;
}
.batteyMangement .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-batteyMangement 2s linear forwards;
          animation: animate-delivery-personnel-batteyMangement 2s linear forwards;
}
.batteyMangement .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-batteyMangement 2s linear forwards;
          animation: animate-pharmacist-batteyMangement 2s linear forwards;
}
.batteyMangement .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-batteyMangement 2s linear forwards;
          animation: animate-driver-batteyMangement 2s linear forwards;
}
.batteyMangement .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-batteyMangement 2s linear forwards;
          animation: animate-delivery-batteyMangement 2s linear forwards;
}
.batteyMangement .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-batteyMangement 2s linear forwards;
          animation: animate-tutor-batteyMangement 2s linear forwards;
}
.batteyMangement .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-batteyMangement 2s linear forwards;
          animation: animate-store-batteyMangement 2s linear forwards;
}
.batteyMangement .iot-tabs .nav-item.active {
  color: #444448 !important;
  border-bottom-color: #444448 !important;
}
.batteyMangement .iot-smart-solution .svg-icon svg {
  fill: url(#batteyMangement);
}
.batteyMangement .step-process svg {
  fill: url(#batteyMangement) !important;
}
@-webkit-keyframes animate-user-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@keyframes animate-user-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@-webkit-keyframes animate-admin-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@keyframes animate-admin-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@-webkit-keyframes animate-restautrant-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@keyframes animate-restautrant-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@-webkit-keyframes animate-delivery-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@keyframes animate-delivery-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@-webkit-keyframes animate-washer-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@keyframes animate-washer-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@-webkit-keyframes animate-bookie-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@keyframes animate-bookie-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@-webkit-keyframes animate-vendor-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@keyframes animate-vendor-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@-webkit-keyframes animate-service-provider-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@keyframes animate-service-provider-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@-webkit-keyframes animate-delivery-personnel-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@keyframes animate-delivery-personnel-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@-webkit-keyframes animate-pharmacist-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@keyframes animate-pharmacist-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@-webkit-keyframes animate-driver-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@keyframes animate-driver-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@keyframes animate-delivery-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@-webkit-keyframes animate-tutor-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@keyframes animate-tutor-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@-webkit-keyframes animate-store-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1f1f21;
    fill: #444448;
  }
}
@keyframes animate-store-batteyMangement {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #444448;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #1f1f21;
    fill: #444448;
  }
}
.batteyMangement .latest-technologies svg {
  fill: #444448 !important;
}

.ehrEmrSystem .inner-banner .banner-content h2 {
  color: #575ce5;
}
.ehrEmrSystem .inner-banner .banner-content h2 span {
  color: #797dea;
}
.ehrEmrSystem .service-content .content-area p span {
  color: #575ce5;
}
.ehrEmrSystem .info-grid-hz .info-grid-item .icon svg {
  fill: url(#ehrEmrSystem);
}
.ehrEmrSystem .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #575ce5;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.ehrEmrSystem .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.ehrEmrSystem .section-heading p span {
  color: #575ce5;
}
.ehrEmrSystem .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#ehrEmrSystem);
}
.ehrEmrSystem .advanced-features .af-item .af-icon svg {
  fill: url(#ehrEmrSystem);
}
.ehrEmrSystem .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.ehrEmrSystem .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #575ce5 0%, #797dea 58%);
}
.ehrEmrSystem .trend-choose .tc-item .tc-icon svg {
  fill: url(#ehrEmrSystem);
}
.ehrEmrSystem .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #575ce5 0%, #797dea 58%);
}
.ehrEmrSystem .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.ehrEmrSystem .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(121, 125, 234, 0.25) 19%, rgba(87, 92, 229, 0.24) 100%);
}
.ehrEmrSystem .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #575ce5 0%, #797dea 58%);
}
.ehrEmrSystem .trend-choose .tc-item .tc-content p strong {
  color: #575ce5;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #8387ec;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #575ce5;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #575ce5;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #575ce5;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #575ce5;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #2b31de;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #2b31de;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #2b31de;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #2b31de;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #1d22b9;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #1d22b9;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #1d22b9;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #1d22b9;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #161a8d;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #161a8d;
}
.ehrEmrSystem .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #161a8d;
}
.ehrEmrSystem .additional-features {
  background: #575ce5 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.ehrEmrSystem .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(121, 125, 234, 0.27);
          box-shadow: 0 0 30px rgba(121, 125, 234, 0.27);
}
.ehrEmrSystem .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(121, 125, 234, 0.25) 19%, rgba(87, 92, 229, 0.24) 100%);
}
.ehrEmrSystem .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #575ce5;
}
.ehrEmrSystem .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #575ce5;
}
.ehrEmrSystem .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #575ce5 0%, #797dea 58%);
}
.ehrEmrSystem .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.ehrEmrSystem .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #575ce5;
}
.ehrEmrSystem .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #fdfdff 0%, #dbddfa 58%);
}
.ehrEmrSystem .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #d1d3f8 0%, #afb2f3 58%);
}
.ehrEmrSystem .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #a5a8f1 0%, #8387ec 58%);
}
.ehrEmrSystem .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #797dea 0%, #575ce5 58%);
}
.ehrEmrSystem .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #4d52e3 0%, #2b31de 58%);
}
.ehrEmrSystem .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #2229db 0%, #1d22b9 58%);
}
.ehrEmrSystem .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #1b21af 0%, #161a8d 58%);
}
.ehrEmrSystem .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #2229db 0%, #1d22b9 58%);
}
.ehrEmrSystem .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #4d52e3 0%, #2b31de 58%);
}
.ehrEmrSystem .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #fdfdff 0%, #dbddfa 58%);
}
.ehrEmrSystem .trend-tabs .nav-item.active {
  color: #575ce5 !important;
}
.ehrEmrSystem .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-ehrEmrSystem 2s linear forwards;
          animation: animate-user-ehrEmrSystem 2s linear forwards;
}
.ehrEmrSystem .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-ehrEmrSystem 2s linear forwards;
          animation: animate-admin-ehrEmrSystem 2s linear forwards;
}
.ehrEmrSystem .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-ehrEmrSystem 2s linear forwards;
          animation: animate-restautrant-ehrEmrSystem 2s linear forwards;
}
.ehrEmrSystem .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-ehrEmrSystem 2s linear forwards;
          animation: animate-delivery-ehrEmrSystem 2s linear forwards;
}
.ehrEmrSystem .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-ehrEmrSystem 2s linear forwards;
          animation: animate-washer-ehrEmrSystem 2s linear forwards;
}
.ehrEmrSystem .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-ehrEmrSystem 2s linear forwards;
          animation: animate-bookie-ehrEmrSystem 2s linear forwards;
}
.ehrEmrSystem .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-ehrEmrSystem 2s linear forwards;
          animation: animate-vendor-ehrEmrSystem 2s linear forwards;
}
.ehrEmrSystem .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-ehrEmrSystem 2s linear forwards;
          animation: animate-service-provider-ehrEmrSystem 2s linear forwards;
}
.ehrEmrSystem .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-ehrEmrSystem 2s linear forwards;
          animation: animate-delivery-personnel-ehrEmrSystem 2s linear forwards;
}
.ehrEmrSystem .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-ehrEmrSystem 2s linear forwards;
          animation: animate-pharmacist-ehrEmrSystem 2s linear forwards;
}
.ehrEmrSystem .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-ehrEmrSystem 2s linear forwards;
          animation: animate-driver-ehrEmrSystem 2s linear forwards;
}
.ehrEmrSystem .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-ehrEmrSystem 2s linear forwards;
          animation: animate-delivery-ehrEmrSystem 2s linear forwards;
}
.ehrEmrSystem .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-ehrEmrSystem 2s linear forwards;
          animation: animate-tutor-ehrEmrSystem 2s linear forwards;
}
.ehrEmrSystem .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-ehrEmrSystem 2s linear forwards;
          animation: animate-store-ehrEmrSystem 2s linear forwards;
}
.ehrEmrSystem .iot-tabs .nav-item.active {
  color: #575ce5 !important;
  border-bottom-color: #575ce5 !important;
}
.ehrEmrSystem .iot-smart-solution .svg-icon svg {
  fill: url(#ehrEmrSystem);
}
.ehrEmrSystem .step-process svg {
  fill: url(#ehrEmrSystem) !important;
}
@-webkit-keyframes animate-user-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@keyframes animate-user-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@-webkit-keyframes animate-admin-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@keyframes animate-admin-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@-webkit-keyframes animate-restautrant-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@keyframes animate-restautrant-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@-webkit-keyframes animate-delivery-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@keyframes animate-delivery-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@-webkit-keyframes animate-washer-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@keyframes animate-washer-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@-webkit-keyframes animate-bookie-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@keyframes animate-bookie-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@-webkit-keyframes animate-vendor-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@keyframes animate-vendor-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@-webkit-keyframes animate-service-provider-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@keyframes animate-service-provider-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@-webkit-keyframes animate-delivery-personnel-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@keyframes animate-delivery-personnel-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@-webkit-keyframes animate-pharmacist-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@keyframes animate-pharmacist-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@-webkit-keyframes animate-driver-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@keyframes animate-driver-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@keyframes animate-delivery-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@-webkit-keyframes animate-tutor-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@keyframes animate-tutor-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@-webkit-keyframes animate-store-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
@keyframes animate-store-ehrEmrSystem {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #575ce5;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #2026cf;
    fill: #575ce5;
  }
}
.ehrEmrSystem .latest-technologies svg {
  fill: #575ce5 !important;
}

.Hotel_Management .inner-banner .banner-content h2 {
  color: #4fa3f1;
}
.Hotel_Management .inner-banner .banner-content h2 span {
  color: #2094ff;
}
.Hotel_Management .service-content .content-area p span {
  color: #4fa3f1;
}
.Hotel_Management .info-grid-hz .info-grid-item .icon svg {
  fill: url(#Hotel_Management);
}
.Hotel_Management .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #4fa3f1;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.Hotel_Management .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.Hotel_Management .section-heading p span {
  color: #4fa3f1;
}
.Hotel_Management .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#Hotel_Management);
}
.Hotel_Management .advanced-features .af-item .af-icon svg {
  fill: url(#Hotel_Management);
}
.Hotel_Management .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.Hotel_Management .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #4fa3f1 0%, #2094ff 58%);
}
.Hotel_Management .trend-choose .tc-item .tc-icon svg {
  fill: url(#Hotel_Management);
}
.Hotel_Management .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #4fa3f1 0%, #2094ff 58%);
}
.Hotel_Management .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.Hotel_Management .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(32, 148, 255, 0.25) 19%, rgba(79, 163, 241, 0.24) 100%);
}
.Hotel_Management .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #4fa3f1 0%, #2094ff 58%);
}
.Hotel_Management .trend-choose .tc-item .tc-content p strong {
  color: #4fa3f1;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #7ebcf5;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #4fa3f1;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #4fa3f1;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #4fa3f1;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #4fa3f1;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #208aed;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #208aed;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #208aed;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #208aed;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #1070ca;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #1070ca;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #1070ca;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #1070ca;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #0c569b;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #0c569b;
}
.Hotel_Management .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #0c569b;
}
.Hotel_Management .additional-features {
  background: #4fa3f1 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.Hotel_Management .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(32, 148, 255, 0.27);
          box-shadow: 0 0 30px rgba(32, 148, 255, 0.27);
}
.Hotel_Management .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(32, 148, 255, 0.25) 19%, rgba(79, 163, 241, 0.24) 100%);
}
.Hotel_Management .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #4fa3f1;
}
.Hotel_Management .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #4fa3f1;
}
.Hotel_Management .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #4fa3f1 0%, #2094ff 58%);
}
.Hotel_Management .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.Hotel_Management .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #4fa3f1;
}
.Hotel_Management .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #b9ddff 0%, #ddedfc 58%);
}
.Hotel_Management .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #86c5ff 0%, #add4f9 58%);
}
.Hotel_Management .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #53acff 0%, #7ebcf5 58%);
}
.Hotel_Management .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #2094ff 0%, #4fa3f1 58%);
}
.Hotel_Management .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #007bec 0%, #208aed 58%);
}
.Hotel_Management .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #0060b9 0%, #1070ca 58%);
}
.Hotel_Management .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #004686 0%, #0c569b 58%);
}
.Hotel_Management .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #0060b9 0%, #1070ca 58%);
}
.Hotel_Management .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #007bec 0%, #208aed 58%);
}
.Hotel_Management .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #b9ddff 0%, #ddedfc 58%);
}
.Hotel_Management .trend-tabs .nav-item.active {
  color: #4fa3f1 !important;
}
.Hotel_Management .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-Hotel_Management 2s linear forwards;
          animation: animate-user-Hotel_Management 2s linear forwards;
}
.Hotel_Management .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-Hotel_Management 2s linear forwards;
          animation: animate-admin-Hotel_Management 2s linear forwards;
}
.Hotel_Management .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-Hotel_Management 2s linear forwards;
          animation: animate-restautrant-Hotel_Management 2s linear forwards;
}
.Hotel_Management .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-Hotel_Management 2s linear forwards;
          animation: animate-delivery-Hotel_Management 2s linear forwards;
}
.Hotel_Management .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-Hotel_Management 2s linear forwards;
          animation: animate-washer-Hotel_Management 2s linear forwards;
}
.Hotel_Management .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-Hotel_Management 2s linear forwards;
          animation: animate-bookie-Hotel_Management 2s linear forwards;
}
.Hotel_Management .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-Hotel_Management 2s linear forwards;
          animation: animate-vendor-Hotel_Management 2s linear forwards;
}
.Hotel_Management .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-Hotel_Management 2s linear forwards;
          animation: animate-service-provider-Hotel_Management 2s linear forwards;
}
.Hotel_Management .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-Hotel_Management 2s linear forwards;
          animation: animate-delivery-personnel-Hotel_Management 2s linear forwards;
}
.Hotel_Management .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-Hotel_Management 2s linear forwards;
          animation: animate-pharmacist-Hotel_Management 2s linear forwards;
}
.Hotel_Management .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-Hotel_Management 2s linear forwards;
          animation: animate-driver-Hotel_Management 2s linear forwards;
}
.Hotel_Management .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-Hotel_Management 2s linear forwards;
          animation: animate-delivery-Hotel_Management 2s linear forwards;
}
.Hotel_Management .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-Hotel_Management 2s linear forwards;
          animation: animate-tutor-Hotel_Management 2s linear forwards;
}
.Hotel_Management .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-Hotel_Management 2s linear forwards;
          animation: animate-store-Hotel_Management 2s linear forwards;
}
.Hotel_Management .iot-tabs .nav-item.active {
  color: #4fa3f1 !important;
  border-bottom-color: #4fa3f1 !important;
}
.Hotel_Management .iot-smart-solution .svg-icon svg {
  fill: url(#Hotel_Management);
}
.Hotel_Management .step-process svg {
  fill: url(#Hotel_Management) !important;
}
@-webkit-keyframes animate-user-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@keyframes animate-user-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@-webkit-keyframes animate-admin-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@keyframes animate-admin-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@-webkit-keyframes animate-restautrant-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@keyframes animate-restautrant-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@-webkit-keyframes animate-delivery-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@keyframes animate-delivery-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@-webkit-keyframes animate-washer-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@keyframes animate-washer-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@-webkit-keyframes animate-bookie-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@keyframes animate-bookie-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@-webkit-keyframes animate-vendor-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@keyframes animate-vendor-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@-webkit-keyframes animate-service-provider-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@keyframes animate-service-provider-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@-webkit-keyframes animate-delivery-personnel-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@keyframes animate-delivery-personnel-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@-webkit-keyframes animate-pharmacist-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@keyframes animate-pharmacist-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@-webkit-keyframes animate-driver-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@keyframes animate-driver-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@keyframes animate-delivery-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@-webkit-keyframes animate-tutor-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@keyframes animate-tutor-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@-webkit-keyframes animate-store-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
@keyframes animate-store-Hotel_Management {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #4fa3f1;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #127ee2;
    fill: #4fa3f1;
  }
}
.Hotel_Management .latest-technologies svg {
  fill: #4fa3f1 !important;
}

.phoneTrackingAppDevelopment .inner-banner .banner-content h2 {
  color: #024ec0;
}
.phoneTrackingAppDevelopment .inner-banner .banner-content h2 span {
  color: #024ec0;
}
.phoneTrackingAppDevelopment .service-content .content-area p span {
  color: #024ec0;
}
.phoneTrackingAppDevelopment .info-grid-hz .info-grid-item .icon svg {
  fill: url(#phoneTrackingAppDevelopment);
}
.phoneTrackingAppDevelopment .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #024ec0;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.phoneTrackingAppDevelopment .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.phoneTrackingAppDevelopment .section-heading p span {
  color: #024ec0;
}
.phoneTrackingAppDevelopment .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#phoneTrackingAppDevelopment);
}
.phoneTrackingAppDevelopment .advanced-features .af-item .af-icon svg {
  fill: url(#phoneTrackingAppDevelopment);
}
.phoneTrackingAppDevelopment .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.phoneTrackingAppDevelopment .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #024ec0 0%, #024ec0 58%);
}
.phoneTrackingAppDevelopment .trend-choose .tc-item .tc-icon svg {
  fill: url(#phoneTrackingAppDevelopment);
}
.phoneTrackingAppDevelopment .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #024ec0 0%, #024ec0 58%);
}
.phoneTrackingAppDevelopment .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.phoneTrackingAppDevelopment .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(2, 78, 192, 0.25) 19%, rgba(2, 78, 192, 0.24) 100%);
}
.phoneTrackingAppDevelopment .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #024ec0 0%, #024ec0 58%);
}
.phoneTrackingAppDevelopment .trend-choose .tc-item .tc-content p strong {
  color: #024ec0;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #0363f2;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #024ec0;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #024ec0;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #024ec0;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #024ec0;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #01398e;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #01398e;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #01398e;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #01398e;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #01255b;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #01255b;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #01255b;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #01255b;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #001029;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #001029;
}
.phoneTrackingAppDevelopment .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #001029;
}
.phoneTrackingAppDevelopment .additional-features {
  background: #024ec0 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.phoneTrackingAppDevelopment .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(2, 78, 192, 0.27);
          box-shadow: 0 0 30px rgba(2, 78, 192, 0.27);
}
.phoneTrackingAppDevelopment .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(2, 78, 192, 0.25) 19%, rgba(2, 78, 192, 0.24) 100%);
}
.phoneTrackingAppDevelopment .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #024ec0;
}
.phoneTrackingAppDevelopment .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #024ec0;
}
.phoneTrackingAppDevelopment .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #024ec0 0%, #024ec0 58%);
}
.phoneTrackingAppDevelopment .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.phoneTrackingAppDevelopment .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #024ec0;
}
.phoneTrackingAppDevelopment .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #5e9efd 0%, #5e9efd 58%);
}
.phoneTrackingAppDevelopment .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #2b7ffd 0%, #2b7ffd 58%);
}
.phoneTrackingAppDevelopment .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #0363f2 0%, #0363f2 58%);
}
.phoneTrackingAppDevelopment .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #024ec0 0%, #024ec0 58%);
}
.phoneTrackingAppDevelopment .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #01398e 0%, #01398e 58%);
}
.phoneTrackingAppDevelopment .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #01255b 0%, #01255b 58%);
}
.phoneTrackingAppDevelopment .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #001029 0%, #001029 58%);
}
.phoneTrackingAppDevelopment .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #01255b 0%, #01255b 58%);
}
.phoneTrackingAppDevelopment .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #01398e 0%, #01398e 58%);
}
.phoneTrackingAppDevelopment .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #5e9efd 0%, #5e9efd 58%);
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active {
  color: #024ec0 !important;
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-phoneTrackingAppDevelopment 2s linear forwards;
          animation: animate-user-phoneTrackingAppDevelopment 2s linear forwards;
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-phoneTrackingAppDevelopment 2s linear forwards;
          animation: animate-admin-phoneTrackingAppDevelopment 2s linear forwards;
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-phoneTrackingAppDevelopment 2s linear forwards;
          animation: animate-restautrant-phoneTrackingAppDevelopment 2s linear forwards;
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-phoneTrackingAppDevelopment 2s linear forwards;
          animation: animate-delivery-phoneTrackingAppDevelopment 2s linear forwards;
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-phoneTrackingAppDevelopment 2s linear forwards;
          animation: animate-washer-phoneTrackingAppDevelopment 2s linear forwards;
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-phoneTrackingAppDevelopment 2s linear forwards;
          animation: animate-bookie-phoneTrackingAppDevelopment 2s linear forwards;
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-phoneTrackingAppDevelopment 2s linear forwards;
          animation: animate-vendor-phoneTrackingAppDevelopment 2s linear forwards;
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-phoneTrackingAppDevelopment 2s linear forwards;
          animation: animate-service-provider-phoneTrackingAppDevelopment 2s linear forwards;
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-phoneTrackingAppDevelopment 2s linear forwards;
          animation: animate-delivery-personnel-phoneTrackingAppDevelopment 2s linear forwards;
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-phoneTrackingAppDevelopment 2s linear forwards;
          animation: animate-pharmacist-phoneTrackingAppDevelopment 2s linear forwards;
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-phoneTrackingAppDevelopment 2s linear forwards;
          animation: animate-driver-phoneTrackingAppDevelopment 2s linear forwards;
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-phoneTrackingAppDevelopment 2s linear forwards;
          animation: animate-delivery-phoneTrackingAppDevelopment 2s linear forwards;
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-phoneTrackingAppDevelopment 2s linear forwards;
          animation: animate-tutor-phoneTrackingAppDevelopment 2s linear forwards;
}
.phoneTrackingAppDevelopment .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-phoneTrackingAppDevelopment 2s linear forwards;
          animation: animate-store-phoneTrackingAppDevelopment 2s linear forwards;
}
.phoneTrackingAppDevelopment .iot-tabs .nav-item.active {
  color: #024ec0 !important;
  border-bottom-color: #024ec0 !important;
}
.phoneTrackingAppDevelopment .iot-smart-solution .svg-icon svg {
  fill: url(#phoneTrackingAppDevelopment);
}
.phoneTrackingAppDevelopment .step-process svg {
  fill: url(#phoneTrackingAppDevelopment) !important;
}
@-webkit-keyframes animate-user-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-user-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-admin-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-admin-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-restautrant-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-restautrant-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-delivery-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-delivery-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-washer-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-washer-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-bookie-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-bookie-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-vendor-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-vendor-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-service-provider-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-service-provider-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-delivery-personnel-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-delivery-personnel-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-pharmacist-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-pharmacist-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-driver-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-driver-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-delivery-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-tutor-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-tutor-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@-webkit-keyframes animate-store-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #012f74;
    fill: #024ec0;
  }
}
@keyframes animate-store-phoneTrackingAppDevelopment {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #024ec0;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #012f74;
    fill: #024ec0;
  }
}
.phoneTrackingAppDevelopment .latest-technologies svg {
  fill: #024ec0 !important;
}

.HearinAidApp .inner-banner .banner-content h2 {
  color: #5e7bfb;
}
.HearinAidApp .inner-banner .banner-content h2 span {
  color: #7487db;
}
.HearinAidApp .service-content .content-area p span {
  color: #5e7bfb;
}
.HearinAidApp .info-grid-hz .info-grid-item .icon svg {
  fill: url(#HearinAidApp);
}
.HearinAidApp .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #5e7bfb;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.HearinAidApp .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.HearinAidApp .section-heading p span {
  color: #5e7bfb;
}
.HearinAidApp .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#HearinAidApp);
}
.HearinAidApp .advanced-features .af-item .af-icon svg {
  fill: url(#HearinAidApp);
}
.HearinAidApp .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.HearinAidApp .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #5e7bfb 0%, #7487db 58%);
}
.HearinAidApp .trend-choose .tc-item .tc-icon svg {
  fill: url(#HearinAidApp);
}
.HearinAidApp .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #5e7bfb 0%, #7487db 58%);
}
.HearinAidApp .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.HearinAidApp .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(116, 135, 219, 0.25) 19%, rgba(94, 123, 251, 0.24) 100%);
}
.HearinAidApp .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #5e7bfb 0%, #7487db 58%);
}
.HearinAidApp .trend-choose .tc-item .tc-content p strong {
  color: #5e7bfb;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #90a4fc;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #5e7bfb;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #5e7bfb;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #5e7bfb;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #5e7bfb;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #2c52fa;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #2c52fa;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #2c52fa;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #2c52fa;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #0631ed;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #0631ed;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #0631ed;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #0631ed;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #0526bb;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #0526bb;
}
.HearinAidApp .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #0526bb;
}
.HearinAidApp .additional-features {
  background: #5e7bfb url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.HearinAidApp .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(116, 135, 219, 0.27);
          box-shadow: 0 0 30px rgba(116, 135, 219, 0.27);
}
.HearinAidApp .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(116, 135, 219, 0.25) 19%, rgba(94, 123, 251, 0.24) 100%);
}
.HearinAidApp .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #5e7bfb;
}
.HearinAidApp .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #5e7bfb;
}
.HearinAidApp .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #5e7bfb 0%, #7487db 58%);
}
.HearinAidApp .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.HearinAidApp .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #5e7bfb;
}
.HearinAidApp .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #eef0fa 0%, #f3f5ff 58%);
}
.HearinAidApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #c5cdf0 0%, #c2cdfd 58%);
}
.HearinAidApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #9daae5 0%, #90a4fc 58%);
}
.HearinAidApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #7487db 0%, #5e7bfb 58%);
}
.HearinAidApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #4b64d1 0%, #2c52fa 58%);
}
.HearinAidApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #3049b9 0%, #0631ed 58%);
}
.HearinAidApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #253991 0%, #0526bb 58%);
}
.HearinAidApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #3049b9 0%, #0631ed 58%);
}
.HearinAidApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #4b64d1 0%, #2c52fa 58%);
}
.HearinAidApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #eef0fa 0%, #f3f5ff 58%);
}
.HearinAidApp .trend-tabs .nav-item.active {
  color: #5e7bfb !important;
}
.HearinAidApp .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-HearinAidApp 2s linear forwards;
          animation: animate-user-HearinAidApp 2s linear forwards;
}
.HearinAidApp .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-HearinAidApp 2s linear forwards;
          animation: animate-admin-HearinAidApp 2s linear forwards;
}
.HearinAidApp .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-HearinAidApp 2s linear forwards;
          animation: animate-restautrant-HearinAidApp 2s linear forwards;
}
.HearinAidApp .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-HearinAidApp 2s linear forwards;
          animation: animate-delivery-HearinAidApp 2s linear forwards;
}
.HearinAidApp .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-HearinAidApp 2s linear forwards;
          animation: animate-washer-HearinAidApp 2s linear forwards;
}
.HearinAidApp .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-HearinAidApp 2s linear forwards;
          animation: animate-bookie-HearinAidApp 2s linear forwards;
}
.HearinAidApp .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-HearinAidApp 2s linear forwards;
          animation: animate-vendor-HearinAidApp 2s linear forwards;
}
.HearinAidApp .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-HearinAidApp 2s linear forwards;
          animation: animate-service-provider-HearinAidApp 2s linear forwards;
}
.HearinAidApp .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-HearinAidApp 2s linear forwards;
          animation: animate-delivery-personnel-HearinAidApp 2s linear forwards;
}
.HearinAidApp .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-HearinAidApp 2s linear forwards;
          animation: animate-pharmacist-HearinAidApp 2s linear forwards;
}
.HearinAidApp .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-HearinAidApp 2s linear forwards;
          animation: animate-driver-HearinAidApp 2s linear forwards;
}
.HearinAidApp .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-HearinAidApp 2s linear forwards;
          animation: animate-delivery-HearinAidApp 2s linear forwards;
}
.HearinAidApp .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-HearinAidApp 2s linear forwards;
          animation: animate-tutor-HearinAidApp 2s linear forwards;
}
.HearinAidApp .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-HearinAidApp 2s linear forwards;
          animation: animate-store-HearinAidApp 2s linear forwards;
}
.HearinAidApp .iot-tabs .nav-item.active {
  color: #5e7bfb !important;
  border-bottom-color: #5e7bfb !important;
}
.HearinAidApp .iot-smart-solution .svg-icon svg {
  fill: url(#HearinAidApp);
}
.HearinAidApp .step-process svg {
  fill: url(#HearinAidApp) !important;
}
@-webkit-keyframes animate-user-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@keyframes animate-user-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@-webkit-keyframes animate-admin-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@keyframes animate-admin-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@-webkit-keyframes animate-restautrant-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@keyframes animate-restautrant-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@-webkit-keyframes animate-delivery-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@keyframes animate-delivery-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@-webkit-keyframes animate-washer-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@keyframes animate-washer-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@-webkit-keyframes animate-bookie-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@keyframes animate-bookie-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@-webkit-keyframes animate-vendor-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@keyframes animate-vendor-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@-webkit-keyframes animate-service-provider-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@keyframes animate-service-provider-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@-webkit-keyframes animate-delivery-personnel-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@keyframes animate-delivery-personnel-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@-webkit-keyframes animate-pharmacist-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@keyframes animate-pharmacist-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@-webkit-keyframes animate-driver-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@keyframes animate-driver-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@keyframes animate-delivery-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@-webkit-keyframes animate-tutor-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@keyframes animate-tutor-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@-webkit-keyframes animate-store-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
@keyframes animate-store-HearinAidApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #5e7bfb;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #133ef9;
    fill: #5e7bfb;
  }
}
.HearinAidApp .latest-technologies svg {
  fill: #5e7bfb !important;
}

.womenSafety .inner-banner .banner-content h2 {
  color: #e56362;
}
.womenSafety .inner-banner .banner-content h2 span {
  color: #fa8785;
}
.womenSafety .service-content .content-area p span {
  color: #e56362;
}
.womenSafety .info-grid-hz .info-grid-item .icon svg {
  fill: url(#womenSafety);
}
.womenSafety .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #e56362;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.womenSafety .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.womenSafety .section-heading p span {
  color: #e56362;
}
.womenSafety .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#womenSafety);
}
.womenSafety .advanced-features .af-item .af-icon svg {
  fill: url(#womenSafety);
}
.womenSafety .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.womenSafety .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #e56362 0%, #fa8785 58%);
}
.womenSafety .trend-choose .tc-item .tc-icon svg {
  fill: url(#womenSafety);
}
.womenSafety .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #e56362 0%, #fa8785 58%);
}
.womenSafety .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.womenSafety .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(250, 135, 133, 0.25) 19%, rgba(229, 99, 98, 0.24) 100%);
}
.womenSafety .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #e56362 0%, #fa8785 58%);
}
.womenSafety .trend-choose .tc-item .tc-content p strong {
  color: #e56362;
}
.womenSafety .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #ec8e8e;
}
.womenSafety .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #e56362;
}
.womenSafety .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #e56362;
}
.womenSafety .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #e56362;
}
.womenSafety .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #e56362;
}
.womenSafety .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #de3836;
}
.womenSafety .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #de3836;
}
.womenSafety .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #de3836;
}
.womenSafety .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #de3836;
}
.womenSafety .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #c12120;
}
.womenSafety .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #c12120;
}
.womenSafety .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #c12120;
}
.womenSafety .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #c12120;
}
.womenSafety .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #951a19;
}
.womenSafety .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #951a19;
}
.womenSafety .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #951a19;
}
.womenSafety .additional-features {
  background: #e56362 url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.womenSafety .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(250, 135, 133, 0.27);
          box-shadow: 0 0 30px rgba(250, 135, 133, 0.27);
}
.womenSafety .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(250, 135, 133, 0.25) 19%, rgba(229, 99, 98, 0.24) 100%);
}
.womenSafety .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #e56362;
}
.womenSafety .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #e56362;
}
.womenSafety .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #e56362 0%, #fa8785 58%);
}
.womenSafety .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.womenSafety .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #e56362;
}
.womenSafety .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, white 0%, #fbe5e5 58%);
}
.womenSafety .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #fee7e7 0%, #f3baba 58%);
}
.womenSafety .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #fcb7b6 0%, #ec8e8e 58%);
}
.womenSafety .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #fa8785 0%, #e56362 58%);
}
.womenSafety .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #f85754 0%, #de3836 58%);
}
.womenSafety .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #f62723 0%, #c12120 58%);
}
.womenSafety .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #dd0d09 0%, #951a19 58%);
}
.womenSafety .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #f62723 0%, #c12120 58%);
}
.womenSafety .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #f85754 0%, #de3836 58%);
}
.womenSafety .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, white 0%, #fbe5e5 58%);
}
.womenSafety .trend-tabs .nav-item.active {
  color: #e56362 !important;
}
.womenSafety .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-womenSafety 2s linear forwards;
          animation: animate-user-womenSafety 2s linear forwards;
}
.womenSafety .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-womenSafety 2s linear forwards;
          animation: animate-admin-womenSafety 2s linear forwards;
}
.womenSafety .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-womenSafety 2s linear forwards;
          animation: animate-restautrant-womenSafety 2s linear forwards;
}
.womenSafety .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-womenSafety 2s linear forwards;
          animation: animate-delivery-womenSafety 2s linear forwards;
}
.womenSafety .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-womenSafety 2s linear forwards;
          animation: animate-washer-womenSafety 2s linear forwards;
}
.womenSafety .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-womenSafety 2s linear forwards;
          animation: animate-bookie-womenSafety 2s linear forwards;
}
.womenSafety .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-womenSafety 2s linear forwards;
          animation: animate-vendor-womenSafety 2s linear forwards;
}
.womenSafety .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-womenSafety 2s linear forwards;
          animation: animate-service-provider-womenSafety 2s linear forwards;
}
.womenSafety .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-womenSafety 2s linear forwards;
          animation: animate-delivery-personnel-womenSafety 2s linear forwards;
}
.womenSafety .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-womenSafety 2s linear forwards;
          animation: animate-pharmacist-womenSafety 2s linear forwards;
}
.womenSafety .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-womenSafety 2s linear forwards;
          animation: animate-driver-womenSafety 2s linear forwards;
}
.womenSafety .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-womenSafety 2s linear forwards;
          animation: animate-delivery-womenSafety 2s linear forwards;
}
.womenSafety .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-womenSafety 2s linear forwards;
          animation: animate-tutor-womenSafety 2s linear forwards;
}
.womenSafety .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-womenSafety 2s linear forwards;
          animation: animate-store-womenSafety 2s linear forwards;
}
.womenSafety .iot-tabs .nav-item.active {
  color: #e56362 !important;
  border-bottom-color: #e56362 !important;
}
.womenSafety .iot-smart-solution .svg-icon svg {
  fill: url(#womenSafety);
}
.womenSafety .step-process svg {
  fill: url(#womenSafety) !important;
}
@-webkit-keyframes animate-user-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #d72524;
    fill: #e56362;
  }
}
@keyframes animate-user-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #d72524;
    fill: #e56362;
  }
}
@-webkit-keyframes animate-admin-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #d72524;
    fill: #e56362;
  }
}
@keyframes animate-admin-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #d72524;
    fill: #e56362;
  }
}
@-webkit-keyframes animate-restautrant-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #d72524;
    fill: #e56362;
  }
}
@keyframes animate-restautrant-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #d72524;
    fill: #e56362;
  }
}
@-webkit-keyframes animate-delivery-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #d72524;
    fill: #e56362;
  }
}
@keyframes animate-delivery-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #d72524;
    fill: #e56362;
  }
}
@-webkit-keyframes animate-washer-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #d72524;
    fill: #e56362;
  }
}
@keyframes animate-washer-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #d72524;
    fill: #e56362;
  }
}
@-webkit-keyframes animate-bookie-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #d72524;
    fill: #e56362;
  }
}
@keyframes animate-bookie-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #d72524;
    fill: #e56362;
  }
}
@-webkit-keyframes animate-vendor-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #d72524;
    fill: #e56362;
  }
}
@keyframes animate-vendor-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #d72524;
    fill: #e56362;
  }
}
@-webkit-keyframes animate-service-provider-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #d72524;
    fill: #e56362;
  }
}
@keyframes animate-service-provider-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #d72524;
    fill: #e56362;
  }
}
@-webkit-keyframes animate-delivery-personnel-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #d72524;
    fill: #e56362;
  }
}
@keyframes animate-delivery-personnel-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #d72524;
    fill: #e56362;
  }
}
@-webkit-keyframes animate-pharmacist-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #d72524;
    fill: #e56362;
  }
}
@keyframes animate-pharmacist-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #d72524;
    fill: #e56362;
  }
}
@-webkit-keyframes animate-driver-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #d72524;
    fill: #e56362;
  }
}
@keyframes animate-driver-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #d72524;
    fill: #e56362;
  }
}
@keyframes animate-delivery-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #d72524;
    fill: #e56362;
  }
}
@-webkit-keyframes animate-tutor-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #d72524;
    fill: #e56362;
  }
}
@keyframes animate-tutor-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #d72524;
    fill: #e56362;
  }
}
@-webkit-keyframes animate-store-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #d72524;
    fill: #e56362;
  }
}
@keyframes animate-store-womenSafety {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #e56362;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #d72524;
    fill: #e56362;
  }
}
.womenSafety .latest-technologies svg {
  fill: #e56362 !important;
}

.FoodWasteManagementApp .inner-banner .banner-content h2 {
  color: #3b959c;
}
.FoodWasteManagementApp .inner-banner .banner-content h2 span {
  color: #50a9b0;
}
.FoodWasteManagementApp .service-content .content-area p span {
  color: #3b959c;
}
.FoodWasteManagementApp .info-grid-hz .info-grid-item .icon svg {
  fill: url(#FoodWasteManagementApp);
}
.FoodWasteManagementApp .info-grid-hz .info-grid-item:hover svg {
  fill: none;
  stroke: #3b959c;
  stroke-width: 1.5px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash 2s linear forwards;
          animation: dash 2s linear forwards;
}
.FoodWasteManagementApp .info-grid-hz .info-grid-item .title {
  color: #212121;
}
.FoodWasteManagementApp .section-heading p span {
  color: #3b959c;
}
.FoodWasteManagementApp .app-panels .tab-content .tab-pane .tap-item .tap-icon svg {
  fill: url(#FoodWasteManagementApp);
}
.FoodWasteManagementApp .advanced-features .af-item .af-icon svg {
  fill: url(#FoodWasteManagementApp);
}
.FoodWasteManagementApp .advanced-features .af-item:hover .af-icon svg {
  fill: #ffffff;
}
.FoodWasteManagementApp .advanced-features .af-item:hover .af-icon {
  background: linear-gradient(135deg, #3b959c 0%, #50a9b0 58%);
}
.FoodWasteManagementApp .trend-choose .tc-item .tc-icon svg {
  fill: url(#FoodWasteManagementApp);
}
.FoodWasteManagementApp .trend-choose .tc-item:hover .tc-icon:before {
  background: linear-gradient(135deg, #3b959c 0%, #50a9b0 58%);
}
.FoodWasteManagementApp .trend-choose .tc-item:hover .tc-icon svg {
  fill: #ffffff;
}
.FoodWasteManagementApp .trend-choose .tc-item .tc-icon:before {
  background: linear-gradient(250deg, rgba(80, 169, 176, 0.25) 19%, rgba(59, 149, 156, 0.24) 100%);
}
.FoodWasteManagementApp .trend-choose .tc-item:after {
  background: linear-gradient(135deg, #3b959c 0%, #50a9b0 58%);
}
.FoodWasteManagementApp .trend-choose .tc-item .tc-content p strong {
  color: #3b959c;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item .pplane:before {
  border-bottom: 69px solid #4eb4bc;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item .pplane:after {
  border-top: 69px solid #3b959c;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item .trp-content h5 {
  color: #3b959c;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item .trp-icon svg {
  fill: #3b959c;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:before {
  border-bottom-color: #3b959c;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .pplane:after {
  border-top-color: #2d7277;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-content h5 {
  color: #2d7277;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item:nth-of-type(2) .trp-icon svg {
  fill: #2d7277;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:before {
  border-bottom-color: #2d7277;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .pplane:after {
  border-top-color: #1f4e52;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-content h5 {
  color: #1f4e52;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item:nth-of-type(3) .trp-icon svg {
  fill: #1f4e52;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:before {
  border-bottom-color: #1f4e52;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item:last-of-type .pplane:after {
  border-top-color: #112b2d;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item:last-of-type .trp-content h5 {
  color: #112b2d;
}
.FoodWasteManagementApp .trendProcess .trp-wrapper .trp-item:last-of-type .trp-icon svg {
  fill: #112b2d;
}
.FoodWasteManagementApp .additional-features {
  background: #3b959c url(../images/additional-features-bg.png) top center no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
.FoodWasteManagementApp .additional-features .additional-features-carousel .additional-item {
  -webkit-box-shadow: 0 0 30px rgba(80, 169, 176, 0.27);
          box-shadow: 0 0 30px rgba(80, 169, 176, 0.27);
}
.FoodWasteManagementApp .additional-features .additional-features-carousel .additional-item .addition-icon:before {
  background: linear-gradient(250deg, rgba(80, 169, 176, 0.25) 19%, rgba(59, 149, 156, 0.24) 100%);
}
.FoodWasteManagementApp .additional-features .additional-features-carousel .additional-item .addition-icon svg {
  fill: #3b959c;
}
.FoodWasteManagementApp .additional-features .additional-features-carousel .additional-item .additional-content ul li:before {
  background: #3b959c;
}
.FoodWasteManagementApp .additional-features .additional-features-carousel .additional-item:hover .addition-icon:before {
  background: linear-gradient(135deg, #3b959c 0%, #50a9b0 58%);
}
.FoodWasteManagementApp .additional-features .additional-features-carousel .additional-item:hover .addition-icon svg {
  fill: #ffffff;
}
.FoodWasteManagementApp .work-steps .work-steps-wrapper .ws-item .ws-content h5:after {
  background: #3b959c;
}
.FoodWasteManagementApp .work-steps .work-steps-wrapper .ws-item:first-of-type:before {
  background: linear-gradient(135deg, #b9dde0 0%, #98d3d8 58%);
}
.FoodWasteManagementApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(2):before {
  background: linear-gradient(135deg, #96ccd0 0%, #73c4ca 58%);
}
.FoodWasteManagementApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(3):before {
  background: linear-gradient(135deg, #73bac0 0%, #4eb4bc 58%);
}
.FoodWasteManagementApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(4):before {
  background: linear-gradient(135deg, #50a9b0 0%, #3b959c 58%);
}
.FoodWasteManagementApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(5):before {
  background: linear-gradient(135deg, #40888d 0%, #2d7277 58%);
}
.FoodWasteManagementApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(6):before {
  background: linear-gradient(135deg, #30666a 0%, #1f4e52 58%);
}
.FoodWasteManagementApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(7):before {
  background: linear-gradient(135deg, #204447 0%, #112b2d 58%);
}
.FoodWasteManagementApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(8):before {
  background: linear-gradient(135deg, #30666a 0%, #1f4e52 58%);
}
.FoodWasteManagementApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(9):before {
  background: linear-gradient(135deg, #40888d 0%, #2d7277 58%);
}
.FoodWasteManagementApp .work-steps .work-steps-wrapper .ws-item:nth-of-type(10):before {
  background: linear-gradient(135deg, #b9dde0 0%, #98d3d8 58%);
}
.FoodWasteManagementApp .trend-tabs .nav-item.active {
  color: #3b959c !important;
}
.FoodWasteManagementApp .trend-tabs .nav-item.active .tab-icon.user svg {
  -webkit-animation: animate-user-FoodWasteManagementApp 2s linear forwards;
          animation: animate-user-FoodWasteManagementApp 2s linear forwards;
}
.FoodWasteManagementApp .trend-tabs .nav-item.active .tab-icon.admin svg {
  -webkit-animation: animate-admin-FoodWasteManagementApp 2s linear forwards;
          animation: animate-admin-FoodWasteManagementApp 2s linear forwards;
}
.FoodWasteManagementApp .trend-tabs .nav-item.active .tab-icon.restautrant svg {
  -webkit-animation: animate-restautrant-FoodWasteManagementApp 2s linear forwards;
          animation: animate-restautrant-FoodWasteManagementApp 2s linear forwards;
}
.FoodWasteManagementApp .trend-tabs .nav-item.active .tab-icon.delivery svg {
  -webkit-animation: animate-delivery-FoodWasteManagementApp 2s linear forwards;
          animation: animate-delivery-FoodWasteManagementApp 2s linear forwards;
}
.FoodWasteManagementApp .trend-tabs .nav-item.active .tab-icon.washer svg {
  -webkit-animation: animate-washer-FoodWasteManagementApp 2s linear forwards;
          animation: animate-washer-FoodWasteManagementApp 2s linear forwards;
}
.FoodWasteManagementApp .trend-tabs .nav-item.active .tab-icon.bookie svg {
  -webkit-animation: animate-bookie-FoodWasteManagementApp 2s linear forwards;
          animation: animate-bookie-FoodWasteManagementApp 2s linear forwards;
}
.FoodWasteManagementApp .trend-tabs .nav-item.active .tab-icon.vendor svg {
  -webkit-animation: animate-vendor-FoodWasteManagementApp 2s linear forwards;
          animation: animate-vendor-FoodWasteManagementApp 2s linear forwards;
}
.FoodWasteManagementApp .trend-tabs .nav-item.active .tab-icon.service-provider svg {
  -webkit-animation: animate-service-provider-FoodWasteManagementApp 2s linear forwards;
          animation: animate-service-provider-FoodWasteManagementApp 2s linear forwards;
}
.FoodWasteManagementApp .trend-tabs .nav-item.active .tab-icon.delivery-personnel svg {
  -webkit-animation: animate-delivery-personnel-FoodWasteManagementApp 2s linear forwards;
          animation: animate-delivery-personnel-FoodWasteManagementApp 2s linear forwards;
}
.FoodWasteManagementApp .trend-tabs .nav-item.active .tab-icon.pharmacist svg {
  -webkit-animation: animate-pharmacist-FoodWasteManagementApp 2s linear forwards;
          animation: animate-pharmacist-FoodWasteManagementApp 2s linear forwards;
}
.FoodWasteManagementApp .trend-tabs .nav-item.active .tab-icon.driver svg {
  -webkit-animation: animate-driver-FoodWasteManagementApp 2s linear forwards;
          animation: animate-driver-FoodWasteManagementApp 2s linear forwards;
}
.FoodWasteManagementApp .trend-tabs .nav-item.active .tab-icon.driver.delivery svg {
  -webkit-animation: animate-delivery-FoodWasteManagementApp 2s linear forwards;
          animation: animate-delivery-FoodWasteManagementApp 2s linear forwards;
}
.FoodWasteManagementApp .trend-tabs .nav-item.active .tab-icon.tutor svg {
  -webkit-animation: animate-tutor-FoodWasteManagementApp 2s linear forwards;
          animation: animate-tutor-FoodWasteManagementApp 2s linear forwards;
}
.FoodWasteManagementApp .trend-tabs .nav-item.active .tab-icon.store svg {
  -webkit-animation: animate-store-FoodWasteManagementApp 2s linear forwards;
          animation: animate-store-FoodWasteManagementApp 2s linear forwards;
}
.FoodWasteManagementApp .iot-tabs .nav-item.active {
  color: #3b959c !important;
  border-bottom-color: #3b959c !important;
}
.FoodWasteManagementApp .iot-smart-solution .svg-icon svg {
  fill: url(#FoodWasteManagementApp);
}
.FoodWasteManagementApp .step-process svg {
  fill: url(#FoodWasteManagementApp) !important;
}
@-webkit-keyframes animate-user-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #266064;
    fill: #3b959c;
  }
}
@keyframes animate-user-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 90;
  }
  80% {
    stroke-dashoffset: 180;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 180;
    stroke: #266064;
    fill: #3b959c;
  }
}
@-webkit-keyframes animate-admin-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #266064;
    fill: #3b959c;
  }
}
@keyframes animate-admin-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 40;
  }
  80% {
    stroke-dashoffset: 80;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 80;
    stroke: #266064;
    fill: #3b959c;
  }
}
@-webkit-keyframes animate-restautrant-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #266064;
    fill: #3b959c;
  }
}
@keyframes animate-restautrant-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 2780;
  }
  80% {
    stroke-dashoffset: 5560;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 5560;
    stroke: #266064;
    fill: #3b959c;
  }
}
@-webkit-keyframes animate-delivery-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #266064;
    fill: #3b959c;
  }
}
@keyframes animate-delivery-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1360;
  }
  80% {
    stroke-dashoffset: 2720;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2720;
    stroke: #266064;
    fill: #3b959c;
  }
}
@-webkit-keyframes animate-washer-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #266064;
    fill: #3b959c;
  }
}
@keyframes animate-washer-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1430;
  }
  80% {
    stroke-dashoffset: 2860;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 2860;
    stroke: #266064;
    fill: #3b959c;
  }
}
@-webkit-keyframes animate-bookie-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #266064;
    fill: #3b959c;
  }
}
@keyframes animate-bookie-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 196;
  }
  80% {
    stroke-dashoffset: 392;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 392;
    stroke: #266064;
    fill: #3b959c;
  }
}
@-webkit-keyframes animate-vendor-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #266064;
    fill: #3b959c;
  }
}
@keyframes animate-vendor-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 58;
  }
  80% {
    stroke-dashoffset: 116;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 116;
    stroke: #266064;
    fill: #3b959c;
  }
}
@-webkit-keyframes animate-service-provider-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #266064;
    fill: #3b959c;
  }
}
@keyframes animate-service-provider-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 280;
  }
  80% {
    stroke-dashoffset: 560;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 560;
    stroke: #266064;
    fill: #3b959c;
  }
}
@-webkit-keyframes animate-delivery-personnel-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #266064;
    fill: #3b959c;
  }
}
@keyframes animate-delivery-personnel-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 360;
  }
  80% {
    stroke-dashoffset: 720;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 720;
    stroke: #266064;
    fill: #3b959c;
  }
}
@-webkit-keyframes animate-pharmacist-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #266064;
    fill: #3b959c;
  }
}
@keyframes animate-pharmacist-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 560;
  }
  80% {
    stroke-dashoffset: 1120;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 1120;
    stroke: #266064;
    fill: #3b959c;
  }
}
@-webkit-keyframes animate-driver-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #266064;
    fill: #3b959c;
  }
}
@keyframes animate-driver-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 312;
  }
  80% {
    stroke-dashoffset: 624;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 624;
    stroke: #266064;
    fill: #3b959c;
  }
}
@keyframes animate-delivery-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 1580;
  }
  80% {
    stroke-dashoffset: 3160;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 3160;
    stroke: #266064;
    fill: #3b959c;
  }
}
@-webkit-keyframes animate-tutor-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #266064;
    fill: #3b959c;
  }
}
@keyframes animate-tutor-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #266064;
    fill: #3b959c;
  }
}
@-webkit-keyframes animate-store-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #266064;
    fill: #3b959c;
  }
}
@keyframes animate-store-FoodWasteManagementApp {
  0% {
    stroke-dashoffset: 0;
  }
  40% {
    stroke-dashoffset: 412;
  }
  80% {
    stroke-dashoffset: 824;
    stroke: #3b959c;
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 824;
    stroke: #266064;
    fill: #3b959c;
  }
}
.FoodWasteManagementApp .latest-technologies svg {
  fill: #3b959c !important;
}

.portfolio-wrapper {
  border-top: solid 1px #acb8c2;
}
.portfolio-wrapper .port-grid-row .port-grid {
  display: none;
  margin-bottom: 1.875rem;
}
.portfolio-wrapper .portfolio-item {
  background: #f5f4f4;
  padding: 1.875rem 0.9375rem;
  border-radius: 20px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  height: 100%;
}
.portfolio-wrapper .portfolio-item .project-logo {
  width: 80px;
  height: 80px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 0.9375rem;
  border-radius: 12px;
  background: #ffffff;
  padding: 0.3125rem;
}
.portfolio-wrapper .portfolio-item .project-logo img {
  max-width: 100%;
  max-height: 100%;
}
.portfolio-wrapper .portfolio-item .project-title {
  text-align: center;
  font-size: 1.625rem;
  font-weight: 700;
  color: #101010;
}
@media (max-width: 991px) {
  .portfolio-wrapper .portfolio-item .project-title {
    font-size: 1.375rem;
  }
}
@media (max-width: 767px) {
  .portfolio-wrapper .portfolio-item .project-title {
    font-size: 1.25rem;
  }
}
.portfolio-wrapper .portfolio-item .project-categories {
  text-align: center;
}
.portfolio-wrapper .portfolio-item .project-categories span {
  color: #024ec0;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
}
.portfolio-wrapper .portfolio-item .project-tags {
  text-align: center;
  margin-bottom: 0.9375rem;
}
.portfolio-wrapper .portfolio-item .project-tags span {
  display: inline-block;
  padding: 0.3125rem 0.625rem;
  border-radius: 30px;
  background: #ced4da;
  color: #212121;
  font-size: 0.9375rem;
  font-weight: 700;
  margin: 0.625rem 0.3125rem;
}
@media (max-width: 1199px) {
  .portfolio-wrapper .portfolio-item .project-tags span {
    font-size: 0.8rem;
  }
}
.portfolio-wrapper .portfolio-item > img {
  max-width: 100%;
  /*height: 240px;*/
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.portfolio-wrapper .portfolio-item:hover {
  background: #c9d1d8;
  -webkit-box-shadow: 0 0 40px rgba(2, 78, 192, 0.1);
          box-shadow: 0 0 40px rgba(2, 78, 192, 0.1);
  -webkit-transform: translateY(-5px) translateZ(40px);
          transform: translateY(-5px) translateZ(40px);
}
.portfolio-wrapper .portfolio-item:hover .project-title {
  color: #024ec0;
}
.portfolio-wrapper .portfolio-item:hover .project-tags span {
  background: #ffffff;
}
.portfolio-wrapper .darkbluebg {
  background: #015359 !important;
}

.resource-page-banner {
  background-image: url("../../../../Content/assets/images/pile-colorful-books-desktop.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 450px;
  position: relative;
  overflow-x: inherit;
  background-color: #e5e5e5 !important;
}
.resource-page-banner .layer {
  background-color: rgba(0, 0, 0, 0.47);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.resource-page-banner .section-heading {
  max-width: 750px;
  margin: 0 auto;
  padding-top: 150px;
}
.resource-page-banner .section-heading h3 {
  color: #ffffff;
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .resource-page-banner .section-heading h3 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .resource-page-banner .section-heading h3 {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .resource-page-banner .section-heading h3 {
    margin-top: 30px;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .resource-page-banner .section-heading h3 {
    font-size: 25px;
    line-height: 45px;
  }
}
@media (max-width: 420px) {
  .resource-page-banner .section-heading h3 {
    font-size: 18px;
    line-height: 35px;
  }
}
.resource-page-banner .section-heading p {
  font-size: 19px;
  line-height: 32px;
  font-weight: 400;
  color: #ffffff;
  max-width: initial;
}
.resource-page-banner .banner-graphic {
  /*height: 300px;*/
}
.resource-page-banner .banner-graphic img {
  max-width: 450px;
}
.resource-page-banner .whitepaper-banner {
  max-width: 430px;
  margin-top: 120px;
}
@media (max-width: 991px) {
  .resource-page-banner .whitepaper-banner {
    max-width: 390px;
  }
}
@media (max-width: 767px) {
  .resource-page-banner .whitepaper-banner {
    margin: 0 auto;
    max-width: 430px;
  }
}
.resource-page-banner .whitepaper-banner .form-top-text p {
  font-size: 19px;
  line-height: 32px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .resource-page-banner .whitepaper-banner .whitepaper-content {
    margin-top: 0;
  }
}
.resource-page-banner .whitepaper-banner .whitepaper-content .card {
  background: #ffffff;
}
.resource-page-banner .whitepaper-banner .whitepaper-content .card .card-body {
  padding: 1.875rem;
}
.resource-page-banner .whitepaper-banner .whitepaper-content .card .card-body h5 {
  color: inherit;
  font-weight: 500;
}
.resource-page-banner .whitepaper-banner .whitepaper-content .card .card-body p {
  color: #024ec0;
  font-weight: 600;
}
.resource-page-banner.resource-page-download {
  background: none;
  height: auto;
}
.resource-page-banner.resource-page-download .section-heading {
  max-width: 1000px;
  padding-top: 0;
}
.resource-page-banner.resource-page-download .section-heading h3 {
  /*color: $black;*/
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.resource-page-banner.resource-page-download .section-heading p {
  color: #000000;
}
.resource-page-banner.resource-page-download .whitepaper-book-cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}
.resource-page-banner.resource-page-download .whitepaper-book-cover img {
  width: 70%;
  /*float: right;*/
}
.resource-page-banner.resource-page-download .whitepaper-banner {
  margin-top: 0;
}
.resource-page-banner.resource-page-download .whitepaper-banner .input-group .input-group-prepend {
  top: 32px;
}
.resource-page-banner.ai-ml-services {
  background-color: #ffffff !important;
}
.resource-page-banner.ai-ml-services .deep-learning .banner-content .form-top-text p {
  color: #000000;
  margin-bottom: 10px;
  font-weight: 500;
}

.whitepaper-download div[class*=col-] {
  margin-bottom: 50px;
}
.whitepaper-download .whitepaper-download-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  position: relative;
  background: #f3f3f3;
  padding: 30px;
  width: 100%;
  height: 100%;
}
.whitepaper-download .whitepaper-download-content .whitepaper-download-bg {
  background: #eef2ff;
  width: calc(100% + 0px);
  height: calc(100% + 0px);
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: -1;
}
.whitepaper-download .whitepaper-download-content .whitepaper-book-cover {
  width: 50%;
}
.whitepaper-download .whitepaper-download-content .whitepaper-book-cover img {
  width: 70%;
  /*float: right;*/
  /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
}
.whitepaper-download .whitepaper-download-content .whitepaper-download-text {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /*padding: 30px 10px;*/
  /*.whitepaper-download-btn {
      margin-top: auto;
  }*/
}

.resource-book-inside .content-area p {
  margin: 25px auto;
}
.resource-book-inside .content-area p span {
  color: #024ec0;
}

.resource-ebook-content .resource-ebook-text h4 {
  font-size: 19px;
  font-weight: 600;
}
.resource-ebook-content .resource-ebook-text p {
  font-size: 16px;
}
.resource-ebook-content .resource-ebook-text p span {
  color: #024ec0;
}
.resource-ebook-content .resource-ebook-image img {
  width: 70%;
  /*float: right;*/
}

.resource-book-reasons {
  /*.service-sec-item{
      padding: 1.25rem;
      text-align: center;
  }*/
}
.resource-book-reasons .dss-content p {
  font-size: 16px;
  font-weight: 600;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.contact-page-banner {
  padding: 5rem 0 6.25rem;
  text-align: center;
  background: url(../images/contact-banner-bg.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
@media (max-width: 991px) {
  .contact-page-banner {
    background-attachment: unset;
  }
}
@media (max-width: 767px) {
  .contact-page-banner {
    padding: 3rem 0;
  }
}
.contact-page-banner .contact-page-title h3 {
  font-size: 3rem;
  font-weight: 700;
  color: #ffffff;
}
@media (max-width: 1199px) {
  .contact-page-banner .contact-page-title h3 {
    font-size: 1.875rem;
  }
}
@media (max-width: 991px) {
  .contact-page-banner .contact-page-title h3 {
    font-size: 1.625rem;
  }
}
@media (max-width: 767px) {
  .contact-page-banner .contact-page-title h3 {
    font-size: 1.375rem;
  }
}
.contact-page-banner .contact-page-title h5 {
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
}
@media (max-width: 1199px) {
  .contact-page-banner .contact-page-title h5 {
    font-size: 1.75rem;
  }
}
@media (max-width: 991px) {
  .contact-page-banner .contact-page-title h5 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .contact-page-banner .contact-page-title h5 {
    font-size: 1.25rem;
  }
}
.contact-page-banner .contact-page-title p {
  font-size: 1.125rem;
  color: #ffffff;
}
@media (max-width: 1199px) {
  .contact-page-banner .contact-page-title p {
    font-size: 1rem;
  }
}

.contact-content-area .contact-details {
  padding-right: 6.25rem;
}
@media (max-width: 1199px) {
  .contact-content-area .contact-details {
    padding-right: 0;
  }
}
.contact-content-area .contact-details .rating-info {
  text-align: center;
  margin-bottom: 1.875rem;
}
.contact-content-area .contact-details .rating-info img {
  margin-bottom: 1.25rem;
}
.contact-content-area .contact-details .rating-info p {
  font-size: 1.25rem;
  color: #212121;
}
@media (max-width: 1199px) {
  .contact-content-area .contact-details .rating-info p {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) {
  .contact-content-area .contact-details .rating-info p {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .contact-content-area .contact-details .rating-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .contact-content-area .contact-details .rating-info p {
    width: 300px;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .contact-content-area .contact-details .rating-info {
    margin-bottom: 0;
  }
}
@media (max-width: 599px) {
  .contact-content-area .contact-details .rating-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contact-content-area .contact-details .rating-info p {
    width: 100%;
    text-align: center;
  }
}
.contact-content-area .contact-details .contact-info .contact-item {
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
  margin-bottom: 1.25rem;
  width: 390px;
}
.contact-content-area .contact-details .contact-info .contact-item a {
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.25rem;
  border-radius: 0.5rem;
}
.contact-content-area .contact-details .contact-info .contact-item a i {
  font-size: 1.875rem;
  display: inline-block;
  margin-right: 1.25rem;
  color: #247cff;
}
.contact-content-area .contact-details .contact-info .contact-item a span {
  width: calc(100% - 50px);
  display: inline-block;
  vertical-align: middle;
}
.contact-content-area .contact-details .contact-info .contact-item a:hover {
  background: #247cff;
  color: #ffffff;
}
.contact-content-area .contact-details .contact-info .contact-item a:hover i {
  color: #ffffff;
}
@media (max-width: 991px) {
  .contact-content-area .contact-details .contact-info .contact-item a {
    padding: 0 0.625rem;
    border-radius: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .contact-content-area .contact-details .contact-info .contact-item a i {
    display: block;
    margin-right: 0;
  }
  .contact-content-area .contact-details .contact-info .contact-item a span {
    width: 100%;
    text-align: center;
  }
  .contact-content-area .contact-details .contact-info .contact-item a span .first-line {
    font-weight: 700;
  }
  .contact-content-area .contact-details .contact-info .contact-item a span br {
    display: none;
  }
  .contact-content-area .contact-details .contact-info .contact-item a:hover {
    background: transparent;
    color: #333333;
    opacity: 1;
  }
  .contact-content-area .contact-details .contact-info .contact-item a:hover i {
    color: #247cff;
  }
  .contact-content-area .contact-details .contact-info .contact-item a:hover span {
    color: #247cff;
  }
  .contact-content-area .contact-details .contact-info .contact-item a:hover span .first-line {
    color: #333333;
  }
}
@media (max-width: 991px) {
  .contact-content-area .contact-details .contact-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 1.875rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contact-content-area .contact-details .contact-info .contact-item {
    width: calc((100% - 330px) / 2);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .contact-content-area .contact-details .contact-info .contact-item:first-of-type {
    width: 320px;
  }
}
@media (max-width: 767px) {
  .contact-content-area .contact-details .contact-info .contact-item {
    width: calc(100% - 440px);
  }
  .contact-content-area .contact-details .contact-info .contact-item:first-of-type {
    width: 260px;
  }
  .contact-content-area .contact-details .contact-info .contact-item:last-of-type {
    width: 170px;
  }
}
@media (max-width: 599px) {
  .contact-content-area .contact-details .contact-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contact-content-area .contact-details .contact-info .contact-item {
    width: 100%;
  }
  .contact-content-area .contact-details .contact-info .contact-item:first-of-type {
    width: 100%;
  }
  .contact-content-area .contact-details .contact-info .contact-item:last-of-type {
    width: 100%;
  }
}
.contact-content-area .contact-form {
  border-radius: 20px;
  padding: 2.5rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.11);
}
.contact-content-area .contact-form h5 {
  color: #101010;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
}
@media (max-width: 1199px) {
  .contact-content-area .contact-form {
    padding: 1.25rem;
    border-radius: 10px;
  }
}
@media (max-width: 991px) {
  .contact-content-area .contact-form {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .contact-content-area .contact-form h5 {
    font-size: 1.375rem;
  }
}
.contact-content-area .contact-form .custom-input-file {
  position: relative;
}
.contact-content-area .contact-form .custom-input-file input {
  width: 180px;
  height: 30px;
  cursor: pointer;
  z-index: 1 !important;
}

.contact-address {
  border: 2px solid #247cff;
  text-align: center;
  padding: 15px;
  margin-top: 35px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #ffffff;
  border-radius: 10px;
}
.contact-address:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  color: #ffffff;
  background: #247cff;
}
.contact-address:hover a {
  color: #ffffff;
}
.contact-address .flags {
  width: 40px;
  margin: -35px auto 0;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #247cff;
}
.contact-address .flags img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact-address h2 {
  font-size: 21px;
  font-weight: 800;
  padding: 15px 0 10px;
}
.contact-address ul li {
  margin-bottom: 0px !important;
  text-align: center;
  padding: 0 !important;
}
.contact-address ul li:before {
  display: none;
}
.contact-address ul li a {
  word-break: break-all;
}
.contact-address address {
  font-size: 17px;
}

.shape-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0px 20px;
  padding-right: 110px;
}
@media (max-width: 1199px) {
  .shape-box {
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  .shape-box {
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .shape-box {
    padding-right: 0px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.shape-box .shape {
  width: 45px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .shape-box .shape {
    width: 19px;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    margin-left: 14px;
  }
}
.shape-box .shape .triangle {
  width: 0;
  height: 0;
  border-bottom: 30px solid #00378a;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
}
.shape-box .shape .triangle::before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 30px solid #247cff;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  position: relative;
  left: -8px;
  top: -18px;
}
.shape-box .shape .square {
  width: 25px;
  height: 25px;
  background: #00378a;
}
.shape-box .shape .square::before {
  content: "";
  width: 25px;
  height: 25px;
  background: #247cff;
  position: relative;
  left: 8px;
  top: 6px;
  display: block;
}
.shape-box .shape .cricle {
  width: 30px;
  height: 30px;
  background: #00378a;
  border-radius: 70px;
}
.shape-box .shape .cricle::before {
  content: "";
  width: 30px;
  height: 30px;
  background: #247cff;
  border-radius: 70px;
  position: relative;
  left: 8px;
  top: 6px;
  display: block;
}
.shape-box .shape .d-triangle {
  width: 0;
  height: 0;
  border-top: 28px solid #00378a;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
}
.shape-box .shape .d-triangle::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 28px solid #247cff;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  position: relative;
  left: -13px;
  top: -25px;
  z-index: -9;
  display: block;
}
.shape-box .text-area h2 {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  .shape-box .text-area h2 {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .image-area {
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 40%;
    height: 165px;
  }
}
@media (max-width: 599px) {
  .image-area {
    position: static;
    width: 100%;
    margin-bottom: 15px;
  }
}
.image-area .life-img {
  max-width: 288px;
}
@media (max-width: 1199px) {
  .image-area .life-img {
    max-width: 300px;
  }
}
@media (max-width: 991px) {
  .image-area .life-img {
    max-width: 230px;
  }
}
@media (max-width: 767px) {
  .image-area .life-img {
    max-width: 175px;
  }
}
@media (max-width: 599px) {
  .image-area .life-img {
    max-width: 40%;
    margin: auto;
  }
}

.gallery [data-layout=masnory] {
  gap: 1px;
}
.gallery h2 {
  font-size: 1.5125rem;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
  outline-offset: -15px;
}
@media (max-width: 991px) {
  .gallery h2 {
    font-size: 1.2rem;
    margin-bottom: 20px;
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .gallery h2 {
    font-size: 1rem;
  }
}
@media (max-width: 599px) {
  .gallery h2 {
    padding: 20px;
    font-size: 0.875rem;
  }
}
.gallery h2.out-and-adv {
  background: rgb(251, 232, 215);
  background: -webkit-gradient(linear, left top, right top, from(rgb(251, 232, 215)), to(rgb(254, 245, 236)));
  background: linear-gradient(90deg, rgb(251, 232, 215) 0%, rgb(254, 245, 236) 100%);
  outline: solid 2px #f8d8b2;
  color: #2d1602;
}
.gallery h2.fes-and-cel {
  background: rgb(221, 250, 248);
  background: -webkit-gradient(linear, left top, right top, from(rgb(221, 250, 248)), to(rgb(234, 250, 250)));
  background: linear-gradient(90deg, rgb(221, 250, 248) 0%, rgb(234, 250, 250) 100%);
  outline: solid 2px #00f9ff;
  color: #035e63;
}
.gallery h2.client-and-prese {
  background: rgb(251, 229, 250);
  background: -webkit-gradient(linear, left top, right top, from(rgb(251, 229, 250)), to(rgb(251, 234, 250)));
  background: linear-gradient(90deg, rgb(251, 229, 250) 0%, rgb(251, 234, 250) 100%);
  outline: solid 2px #fdc6ff;
  color: #740077;
}
.gallery h2.sport {
  background: rgb(250, 249, 228);
  background: -webkit-gradient(linear, left top, right top, from(rgb(250, 249, 228)), to(rgb(249, 250, 234)));
  background: linear-gradient(90deg, rgb(250, 249, 228) 0%, rgb(249, 250, 234) 100%);
  outline: solid 2px #eeeecc;
  color: #717101;
}
.gallery h2.musical-events {
  background: rgb(226, 226, 250);
  background: -webkit-gradient(linear, left top, right top, from(rgb(226, 226, 250)), to(rgb(235, 234, 250)));
  background: linear-gradient(90deg, rgb(226, 226, 250) 0%, rgb(235, 234, 250) 100%);
  outline: solid 2px #a4aaf7;
  color: #080d73;
}
.gallery h2.team-events {
  background: rgb(225, 251, 226);
  background: -webkit-gradient(linear, left top, right top, from(rgb(225, 251, 226)), to(rgb(234, 250, 237)));
  background: linear-gradient(90deg, rgb(225, 251, 226) 0%, rgb(234, 250, 237) 100%);
  outline: solid 2px #bdf5b6;
  color: #0d6109;
}
.gallery .tp-item .tp-logo img {
  width: 100%;
}
.gallery .grid-item {
  float: left;
  position: relative;
  margin: 0 0 13px 0;
  border: solid 1px #b5b5b5;
  overflow: hidden;
  width: 24%;
}
.gallery .grid-item img {
  width: 100%;
}

.image-container {
  position: relative;
}

.photo-container {
  float: left;
  position: relative;
  overflow: hidden;
}

.image-thumb {
  position: relative;
  background-color: #eee;
}

.brands {
  /*  .owl-nav{
      text-align: center;
        button{
           height: 40px;
          width: 40px;
           margin: 2px;
         border-radius: 4px;
           background: $primary_color !important;
           span{
            color: $white;
             font-size: 26px;
          }
       }
  }*/
}
@media (max-width: 599px) {
  .brands .box-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.brands .box-container .logo-box {
  text-align: center;
  border: 1px solid #c8c8c8;
  padding: 1.25rem 0px;
  margin-bottom: 0.9375rem;
}
@media (max-width: 599px) {
  .brands .box-container .logo-box {
    margin-bottom: 0px;
    width: 48%;
  }
}
.brands .box-container .logo-box:nth-child(2) {
  margin-bottom: 0px;
}
.brands .box-container .logo-box .logo-area {
  max-width: 430px;
  max-height: 230px;
}
.brands .box-container .logo-box .logo-area img {
  margin: auto;
  width: 45%;
}
@media (max-width: 599px) {
  .brands .box-container .logo-box .logo-area img {
    width: 59%;
  }
}
.brands .box-container .logo-box h2 {
  font-size: 1.125rem;
  display: none;
}

.justMassyView {
  font-size: 0;
  overflow: hidden;
}
.justMassyView img {
  width: auto;
  height: 15vw;
  opacity: 1;
  vertical-align: top;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.lazyLoad {
  margin: 1.25rem 0;
  text-align: center;
}

.loading-aimation {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  padding: 14px;
  width: 100%;
}

.spinner {
  color: rgb(229, 231, 235);
  height: 25px;
  width: 25px;
  fill: #1c64f2;
}

.animation-spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.hire-benefits-top {
  margin-top: 3rem;
}
.hire-benefits-top .benefit-gif img {
  max-width: 100%;
}
@media (max-width: 991px) {
  .hire-benefits-top {
    margin-top: 0;
  }
  .hire-benefits-top .col-lg-7 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .hire-benefits-top .col-lg-5 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .hire-benefits-top .benefit-gif {
    height: 380px;
  }
  .hire-benefits-top .benefit-gif img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
@media (max-width: 767px) {
  .hire-benefits-top .benefit-gif {
    height: auto;
  }
}
@media (max-width: 599px) {
  .hire-benefits-top .hire-benefit-item {
    text-align: center;
  }
}
.hire-benefits-top .hire-benefit-item .hb-icon svg {
  width: 60px;
  fill: none;
  stroke-width: 2;
  stroke: #024ec0;
}
.hire-benefits-top .hire-benefit-item .hb-icon svg .fillp {
  fill: #1a8aca;
}
.hire-benefits-top .hire-benefit-item .hb-content h4 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #101010;
}
.hire-benefits-top .hire-benefit-item .hb-content p {
  color: #484848;
}

.game-features .row {
  margin-bottom: 4.375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 599px) {
  .game-features .row {
    margin-bottom: 2.375rem;
  }
}
.game-features .row:last-of-type {
  margin-bottom: 0;
}
.game-features .gf-content {
  padding: 0 3.125rem;
}
@media (max-width: 991px) {
  .game-features .gf-content {
    padding: 0 1.125rem;
  }
}
@media (max-width: 767px) {
  .game-features .gf-content {
    padding: 0rem;
  }
}
@media (max-width: 599px) {
  .game-features .gf-content {
    text-align: center;
    margin-top: 20px;
  }
}
.game-features .gf-content h3 {
  font-size: 2rem;
  font-weight: 700;
  color: #024ec0;
}
@media (max-width: 1199px) {
  .game-features .gf-content h3 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .game-features .gf-content h3 {
    font-size: 1.2rem;
  }
}
.game-features .gf-graphic {
  padding: 0 3.125rem;
}
@media (max-width: 991px) {
  .game-features .gf-graphic {
    padding: 0 1.125rem;
  }
}
@media (max-width: 599px) {
  .game-features .gf-graphic {
    padding: 0rem;
  }
}
.game-features .gf-graphic img {
  width: 100%;
}

.wpf-features img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.wpf-features .wpf-feature-points h4 {
  font-size: 1.375rem;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .wpf-features .wpf-feature-points h4 {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .wpf-features .wpf-feature-points h4 {
    font-size: 1.125rem;
  }
}
.wpf-features .wpf-feature-points ul li {
  font-size: 1.25rem;
  color: #000000;
  margin-bottom: 0.625rem;
}
@media (max-width: 1199px) {
  .wpf-features .wpf-feature-points ul li {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .wpf-features .wpf-feature-points ul li {
    padding-left: 1.5625rem;
  }
}
.wpf-features .wpf-feature-points ul li:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #ecf4fd;
  position: absolute;
  top: 3px;
  left: 0;
}
.wpf-features .wpf-feature-points ul li:after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #247cff;
  border-bottom: solid 2px #247cff;
  position: absolute;
  top: 7px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.best-practice .wcfu-content {
  padding-left: 1.875rem;
}
@media (max-width: 991px) {
  .best-practice .wcfu-content {
    padding-left: 0rem;
  }
}
.best-practice .wcfu-content ul li {
  font-size: 1.25rem;
  color: #000000;
  margin-bottom: 0.625rem;
}
@media (max-width: 991px) {
  .best-practice .wcfu-content ul li {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .best-practice .wcfu-content ul li {
    font-size: 0.875rem;
  }
}
.best-practice .wcfu-content ul li:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #ecf4fd;
  position: absolute;
  top: 3px;
  left: 0;
}
@media (max-width: 767px) {
  .best-practice .wcfu-content ul li:before {
    left: -3px;
  }
}
.best-practice .wcfu-content ul li:after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #247cff;
  border-bottom: solid 2px #247cff;
  position: absolute;
  top: 7px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (max-width: 767px) {
  .best-practice .wcfu-content ul li:after {
    left: 4px;
  }
}

@media (max-width: 991px) {
  .megento-services .magento-logo {
    width: 40%;
    margin: auto;
    display: block;
    margin-bottom: 20px;
  }
}
@media (max-width: 599px) {
  .megento-services .magento-logo {
    margin-bottom: 15px;
    width: 82%;
  }
}

@media (max-width: 991px) {
  .hire-li-style .cols-3 li {
    width: 49.99% !important;
  }
}
@media (max-width: 599px) {
  .hire-li-style .cols-3 li {
    width: 100% !important;
  }
}

.hire-value-benefit .col-sm-4, .hire-value-benefit .col-sm-3, .hire-value-benefit .col-sm-6 {
  margin-bottom: 1.875rem;
}
.hire-value-benefit .additional-item {
  background: #ffffff;
  border-radius: 20px;
  padding: 2.5rem 1.875rem 1.875rem;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border: solid 1px #ced4da;
}
@media (max-width: 767px) {
  .hire-value-benefit .additional-item {
    padding: 1.5rem;
    text-align: center;
  }
}
.hire-value-benefit .additional-item .addition-icon {
  margin-bottom: 0.9375rem;
  width: 95px;
  height: 88px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hire-value-benefit .additional-item .addition-icon {
    margin: 0 auto 15px;
  }
}
.hire-value-benefit .additional-item .addition-icon:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 100%;
  height: 77px;
  background: linear-gradient(250deg, rgba(36, 124, 255, 0.3) 19%, rgba(2, 78, 192, 0.3) 100%);
  border-radius: 60px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
  z-index: -1;
}
.hire-value-benefit .additional-item .addition-icon svg {
  fill: #024ec0;
  width: 60px;
}
.hire-value-benefit .additional-item .addition-icon svg path {
  fill: url(#MyGradient);
}
.hire-value-benefit .additional-item .additional-content h5 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #212121;
}
@media (max-width: 991px) {
  .hire-value-benefit .additional-item .additional-content h5 {
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .hire-value-benefit .additional-item .additional-content h5 {
    font-size: 1rem;
  }
}
.hire-value-benefit .additional-item .additional-content p, .hire-value-benefit .additional-item .additional-content ul {
  margin-bottom: 0;
}
.hire-value-benefit .additional-item .additional-content p, .hire-value-benefit .additional-item .additional-content li {
  color: #5a6c7b;
}
.hire-value-benefit .additional-item .additional-content ul li {
  padding-left: 1.875rem;
}
.hire-value-benefit .additional-item .additional-content ul li:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 30px;
  background: #024ec0;
  position: absolute;
  top: 3px;
  left: 0;
}
.hire-value-benefit .additional-item .additional-content ul li:after {
  content: "";
  width: 5px;
  height: 10px;
  border-right: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
  position: absolute;
  top: 3px;
  left: 0;
  top: 7px;
  left: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.hire-value-benefit .additional-item:hover {
  -webkit-box-shadow: 0 0 30px rgba(2, 78, 192, 0.2);
          box-shadow: 0 0 30px rgba(2, 78, 192, 0.2);
}

.hiring-works .col-sm-4 {
  margin-bottom: 1.875rem;
}
@media (max-width: 991px) {
  .hiring-works .col-sm-4 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 599px) {
  .hiring-works .col-sm-4 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.hiring-works .hiring-item {
  text-align: center;
}
.hiring-works .hiring-item img {
  max-height: 150px;
  margin-bottom: 1.25rem;
  -webkit-filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.02));
          filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.02));
}
.hiring-works .hiring-item h5 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}
.hiring-works .hiring-item p {
  color: #484848;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .hiring-works .hiring-item h5 {
    font-size: 1.25rem;
  }
}
@media (max-width: 991px) {
  .hiring-works .hiring-item h5 {
    font-size: 1.125rem;
  }
  .hiring-works .hiring-item img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .hiring-works .hiring-item h5 {
    font-size: 1rem;
  }
  .hiring-works .hiring-item img {
    max-width: 100%;
  }
}

.package-section table thead {
  /*position: sticky;
  top: 69px;
  z-index: 9;*/
  color: white;
  /* box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;*/
  background: linear-gradient(135deg, #247cff 0%, #024ec0 58%);
}
@media (max-width: 991px) {
  .package-section table thead {
    top: 60px;
  }
}
@media (max-width: 599px) {
  .package-section table thead {
    top: 0px;
  }
}
.package-section table thead tr th {
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.9px;
}
@media (max-width: 767px) {
  .package-section table thead tr th {
    font-size: 12px;
  }
}
.package-section table tbody tr td {
  text-align: center;
  vertical-align: middle;
}
.package-section table tbody tr td span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.package-section table tbody tr td span svg {
  margin-right: 10px;
}
.package-section table tbody tr td:first-child {
  text-align: left;
  font-weight: 600;
  color: #024ec0;
}
.package-section table tbody tr td:first-child svg {
  text-align: center;
  width: 50px;
}
.package-section table tbody tr td:first-child svg path {
  fill: url(#MyGradient);
}
.package-section table tbody tr td.dedicate-test {
  width: 300px;
}
.package-section table tbody tr td.w-td {
  table-layout: fixed;
  max-width: 300px;
}
.package-section table tbody tr.table-price {
  background: #3e4041;
}
.package-section table tbody tr.table-price td {
  color: #fff;
  text-align: left;
}
.package-section table tbody tr.table-price td span a i {
  color: #ffffff;
}

.popover {
  max-width: 375px;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
@media (max-width: 599px) {
  .popover {
    max-width: 95%;
  }
}
.popover .arrow:before {
  border-bottom-color: #212529;
  border-top-color: #212529;
}
.popover .arrow:after {
  border-top-color: #212529;
  border-bottom-color: #212529;
}
.popover .popover-body {
  max-height: 275px;
  overflow: auto;
  color: #fff;
  border: none;
  background: #212529;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
/*# sourceMappingURL=styles.css.map */