.teambgnew {
      display: flex;
      justify-content: space-between;
      text-align: left;
      padding: 1rem;
      background: #fff;
      box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
      border-radius: 0 40px 0 40px;
      border: 1px solid #4591ce;
    }

    .video-holder {
      width: 100%;
      aspect-ratio: 16 / 9;
      border-radius: 12px;
      overflow: hidden;
    }

    .video-holder iframe {
      width: 100%;
      height: 100%;
      border: 0;
    }

    .video-box {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
      /* 16:9 */
      border-radius: 16px;
      overflow: hidden;
    }

    .video-box iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }

    .video-gallery-area {
      color: #fff;
    }

    .section-title {
      font-size: 36px;
      font-weight: 700;
    }

    .video-item {
      position: relative;
      padding-top: 56.25%;
      /* 16:9 ratio */
      overflow: hidden;
      border-radius: 10px;
    }

    .video-item iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }

    .btn-primary {
      padding: 14px 40px;
      border-radius: 50px;
      background: #0d6efd;
      color: #fff;
      text-decoration: none;
    }

    .counter__area {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .p-relative {
      position: relative;
    }

    .counter__overlay::before {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(86, 143, 206, 0.9);
    }

    .map-container iframe {
      pointer-events: auto;
      cursor: pointer;
    }

    .Ecommerce_Service_Provider_section {
      position: relative;
      z-index: 1;
    }

    .Ecommerce_Service_Provider_section::before,
    .Ecommerce_Service_Provider_section::after {
      pointer-events: none;
    }

    .map-container,
    .map-container iframe {
      position: relative;
      z-index: 2;
      pointer-events: auto;
      cursor: pointer;
    }

    .recent-blog-postst .post-item .post-title {
      color: var(--default-color);
      font-size: 18px;
      font-weight: 600;
      transition: 0.3s;
      margin-bottom: 15px;
    }

    .recent-blog-postst .post-item {
      background: var(--surface-color);
      box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
      transition: 0.3s;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease;
      transition-delay: 0s;
    }

    .recent-blog-postst .post-item .post-content {
      padding: 30px;
    }

    .recent-blog-postst .post-item .post-date {
      position: absolute;
      right: 0;
      bottom: 0;
      background-color: var(--accent-color);
      color: var(--contrast-color);
      text-transform: uppercase;
      font-size: 13px;
      padding: 6px 12px;
      font-weight: 500;
    }

    @media (min-width: 1200px) {

      .h3,
      h3 {
        font-size: 1.35rem;
      }
    }

    body {
      font-family: "Rubik", sans-serif;
      font-size: 16px;
      font-weight: normal;
      color: #848b8a;
      line-height: 27px;
    }

    .Ecommerce_Service_Provider_section::before {
      content: "";
      background: url(../img/footer-bg-3.webp);
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-position: top right;
      -webkit-filter: brightness(0.5);
      filter: brightness(0.5);
      z-index: 0;
      transform: rotateY(180deg) rotateX(180deg);
      background-repeat: no-repeat;
    }

    .Ecommerce_Service_Provider_section::after {
      content: "";
      background: url(../img/footer-bg-3.webp);
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      background-position-x: 0%;
      background-position-y: 0%;
      background-repeat: repeat;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-position: top right;
      -webkit-filter: brightness(0.5);
      filter: brightness(0.5);
      z-index: 0;
      background-repeat: no-repeat;
    }

    .app-features-section .feature-block-one:hover {
      cursor: pointer;
    }

    .app-features-section .feature-block-one:hover {
      border: 1px solid #4591ce;
    }

    .features_mobile_app .even-bg {
      background: linear-gradient(135deg, #4591ce 0, #fdcb16 100%);
    }

    .features_mobile_app .features_mobile_app_box {
      border-radius: 20px;
      padding: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-right: 30px;
      margin-bottom: 30px;
      min-height: 140px;
    }

    .h-80px {
      height: 80px !important;
    }

    .w-80px {
      width: 80px !important;
    }

    .fs-22 {
      font-size: 22px !important;
    }

    .rounded-pill {
      border-radius: 50rem !important;
    }

    .w-40px {
      width: 40px !important;
    }

    .features_mobile_app .even-bg:hover {
      background: linear-gradient(45deg, #0b5a7b, #03151d) !important;
      cursor: pointer;
    }

    .features_mobile_app .odd-bg:hover {
      background: #f8f8f8;
      cursor: pointer;
    }

    .map-container {
      width: 100%;
      height: 100%;
      min-height: 550px;
      border-radius: 12px;
      overflow: hidden;
    }

    @media (max-width: 768px) {
      .map-container {
        min-height: 350px;
      }
    }


    .map-container iframe {
      width: 100%;
      height: 100%;
      border: 0;
    }

    .features-area {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .box-105 {
      padding-left: 105px;
      padding-right: 105px;
    }

    .pb-60 {
      padding-bottom: 60px;
    }

    .pt-60 {
      padding-top: 60px;
    }

    .text-base {
      font-weight: 600;
      line-height: 1.5rem;
      color: #000;
      font-size: 1.125rem;
    }

    .text-ellipsis {
      color: #000
    }

    .testimonial__avater img {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      background-color: #000;
    }

    .about-front {
      padding: 0px 50px;
      position: relative;
    }

    .mission-layer {
      position: absolute;
      background-color: #fff;
      padding: 25px;
      bottom: 2%;
      left: 0px;
      width: 250px;
      border-radius: 5px;
      outline: 2px solid #fdcb16;
      outline-offset: -8px;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
      box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    }

    .ml-icon {
      width: 40px;
    }

    .about-layer h5 {
      color: #000;
      font-weight: 500;
      line-height: 100%;
      font-size: 30px;
      margin-bottom: 15px;
      margin-top: 120px;
      font-family: "Inter", sans-serif;
    }

    h2 {
      font-size: 35px;
      line-height: 42px;
    }

    h4 {
      font-size: 20px;
      line-height: 25px;
    }

    .md\:text-base {
      color: #000;
    }

    .mission-layer h4 {
      font-size: 18px;
      text-transform: uppercase;
      color: #568FCE;
      margin: 10px 0px;
      font-weight: 600;
      font-family: "Inter", sans-serif;
    }

    .mission-layer p {
      color: #000;
      line-height: 22px;
    }

    .sm-title {
      position: relative;
      font-weight: 600;
      font-size: 30px;
      display: inline-block;
      margin-bottom: 12px;
      padding-bottom: 12px;
      color: #568FCE;
      z-index: 9;
      margin: 0 auto;
    }

    .sm-title::after {
      position: absolute;
      content: '';
      height: 8px;
      width: 8px;
      border-radius: 50px;
      background-color: #568FCE;
      right: 0px;
      left: auto;
      bottom: -3px;
      animation: pulsex 5s ease infinite alternate;
    }

    .sm-title::before {
      position: absolute;
      content: '';
      height: 2px;
      width: 100%;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      background: #fdcb16;

    }

    .sm-title:before {
      left: 0;
      transform: unset
    }

    @keyframes pulsex {
      0% {
        transform: translateX(0)
      }

      100% {
        transform: translateX(-100px)
      }
    }

    .whomdowe {
      background: url(/wp-content/uploads/2023/12/proof-bg.webp);
      background-size: auto;
      background-size: cover;
      padding: 50px 0;
      overflow: hidden;
    }


    .about-layer h5 {
      color: #000;
      font-weight: 500;
      line-height: 100%;
      font-size: 30px;
      margin-bottom: 15px;
      margin-top: 120px;
      font-family: "Inter", sans-serif;
    }

    .about-front {
      padding: 0px 50px;
      position: relative;
    }

    figure {
      margin: 0 0 1rem;
    }

    img,
    video {
      max-width: 100%;
      height: auto;
    }

    @media (max-width: 575px) {
      .box-105 {
        padding-left: 5px;
        padding-right: 5px;
      }
    }

    .features-area {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .features__wrapper {
      position: relative;
      z-index: 1;
    }

    .features__item {
      padding: 44px 38px;
    }

    .features__item:hover {
      background-color: #f8a683;
    }

    .features__item:hover .features__icon span {
      background-color: transparent;
      border-color: #ffffff;
    }

    .features__item:hover .features__icon span::before {
      color: #ffffff;
    }

    .features__item:hover .features__content h3 {
      color: #ffffff;
    }

    .features__item:hover .features__content p {
      color: #ffffff;
    }

    .features__icon {
      margin-right: 27px;
    }

    .features__icon span {
      display: inline-block;
      width: 80px;
      height: 80px;
      line-height: 80px;
      text-align: center;
      background-color: #056c5f;
      border: 1px solid transparent;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
    }

    .features__icon span::before {
      color: #ffffff;
      font-size: 40px;
    }

    .features__content h3 {
      font-size: 30px;
      margin-bottom: 11px;
    }

    .features__content p {
      margin-bottom: 0;
    }


    .fw-m {
      font-weight: 600 !important;
    }

    .text-white {
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

    @media screen {
      html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }

    [data-aos][data-aos][data-aos-delay="200"].aos-animate,
    body[data-aos-delay="200"] [data-aos].aos-animate {
      transition-delay: .2s;
    }

    @media screen {
      html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
      }
    }

    [data-aos][data-aos][data-aos-delay="200"],
    body[data-aos-delay="200"] [data-aos] {
      transition-delay: 0s;
    }

    @media screen {
      html:not(.no-js) [data-aos="fade-up"] {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
      }
    }

    [data-aos][data-aos][data-aos-easing="ease-in-out"],
    body[data-aos-easing="ease-in-out"] [data-aos] {
      transition-timing-function: ease-in-out;
    }

    [data-aos][data-aos][data-aos-duration="600"],
    body[data-aos-duration="600"] [data-aos] {
      transition-duration: .6s;
    }

    .contact .php-email-form {
      background-color: var(--surface-color);
      height: 100%;
      padding: 30px;

      border-top: 3px solid var(--accent-color);
      border-bottom: 3px solid var(--accent-color);
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    }

    .contact .info-wrap {
      background-color: var(--surface-color);
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
      border-top: 3px solid var(--accent-color);
      border-bottom: 3px solid var(--accent-color);
      padding: 30px;
      height: 100%;
    }

    .title{
     color:#4591ce
    }