@font-face {font-family: 'ZohoPuvi';src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2') format('woff2'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.ttf') format('truetype');font-style: normal;font-weight: 300;font-display: swap;}
@font-face {font-family: 'ZohoPuvi';src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff2') format('woff2'), /* Modern Browsers */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.ttf') format('truetype');font-style: normal;font-weight: 400;font-display: swap;}
@font-face {font-family: 'ZohoPuvi';src: url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff2') format('woff2'), /* Modern Browsers */ url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff') format('woff'), url('https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.ttf') format('truetype');font-style: normal;font-weight: 700;font-display: swap;}
body{font-family: ZohoPuvi, sans-serif;}

  .img-zoom-iconcont {
      position: fixed;
      background: rgba(0, 0, 0, 0.7);
      height: 90%;
      left: 0;
      padding: 5%;
      text-align: center;
      top: 0;
      width: 90%;
      z-index: 999999;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  span.zoom-icon {
      display: none;
  }


  .testimonial-section {
      padding-top: 0px
  }

  .row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -0.75rem;
      margin-left: -0.75rem;
      padding-top: 0;
      padding-bottom: 0;
  }

  .row>* {
      padding-left: 12px;
      padding-right: 12px;
      max-width: 100%;
  }

  .row.g-0 {
      margin-right: 0;
      margin-left: 0;
  }

  .row.g-0>* {
      padding-left: 0;
      padding-right: 0;
  }

  .col-auto {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
  }

  .col {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
      flex: 1 0 0%;
  }

  .col-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 8.33333333%;
  }

  .col-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 16.66666667%;
  }

  .col-3 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 25%;
  }

  .col-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 33.33333333%;
  }

  .col-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 41.66666667%;
  }

  .col-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 50%;
  }

  .col-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 58.33333333%;
  }

  .col-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 66.66666667%;
  }

  .col-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 75%;
  }

  .col-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 83.33333333%;
  }

  .col-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 91.66666667%;
  }

  .col-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 100%;
  }

  @media only screen and (min-width: 576px) {
      .col-sm-1 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 8.33333333%;
      }

      .col-sm-2 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 16.66666667%;
      }

      .col-sm-3 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 25%;
      }

      .col-sm-4 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 33.33333333%;
      }

      .col-sm-5 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 41.66666667%;
      }

      .col-sm-6 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 50%;
      }

      .col-sm-7 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 58.33333333%;
      }

      .col-sm-8 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 66.66666667%;
      }

      .col-sm-9 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 75%;
      }

      .col-sm-10 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 83.33333333%;
      }

      .col-sm-11 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 91.66666667%;
      }

      .col-sm-12 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 100%;
      }
  }

  @media only screen and (min-width: 768px) {
      .col-md-1 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 8.33333333%;
      }

      .col-md-2 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 16.66666667%;
      }

      .col-md-3 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 25%;
      }

      .col-md-4 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 33.33333333%;
      }

      .col-md-5 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 41.66666667%;
      }

      .col-md-6 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 50%;
      }

      .col-md-7 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 58.33333333%;
      }

      .col-md-8 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 66.66666667%;
      }

      .col-md-9 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 75%;
      }

      .col-md-10 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 83.33333333%;
      }

      .col-md-11 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 91.66666667%;
      }

      .col-md-12 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 100%;
      }
  }

  @media only screen and (min-width: 992px) {
      .col-lg-1 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 8.33333333%;
      }

      .col-lg-2 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 16.66666667%;
      }

      .col-lg-3 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 25%;
      }

      .col-lg-4 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 33.33333333%;
      }

      .col-lg-5 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 41.66666667%;
      }

      .col-lg-6 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 50%;
      }

      .col-lg-7 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 58.33333333%;
      }

      .col-lg-8 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 66.66666667%;
      }

      .col-lg-9 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 75%;
      }

      .col-lg-10 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 83.33333333%;
      }

      .col-lg-11 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 91.66666667%;
      }

      .col-lg-12 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 100%;
      }
  }

  @media only screen and (min-width: 1200px) {
      .col-xl-1 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 8.33333333%;
      }

      .col-xl-2 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 16.66666667%;
      }

      .col-xl-3 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 25%;
      }

      .col-xl-4 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 33.33333333%;
      }

      .col-xl-5 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 41.66666667%;
      }

      .col-xl-6 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 50%;
      }

      .col-xl-7 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 58.33333333%;
      }

      .col-xl-8 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 66.66666667%;
      }

      .col-xl-9 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 75%;
      }

      .col-xl-10 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 83.33333333%;
      }

      .col-xl-11 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 91.66666667%;
      }

      .col-xl-12 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: 100%;
      }
  }

  :root {
      --color-primary: #fff0bc;
      --color-black: #000000;
      --color-white: #ffffff;
      --color-blue: #f4f7ff;
      --text-color: #1b1d1f;
  }

  body,
  h1,
  h2,
  h3,
  h4,
  p,
  figure,
  blockquote,
  dl,
  dd {
      margin: 0;
  }

  ul[role="list"],
  ol[role="list"] {
      list-style: none;
  }

  html:focus-within {
      scroll-behavior: smooth;
  }

  img,
  picture {
      max-width: 100%;
      display: block;
  }

  input,
  button,
  textarea,
  select {
      font: inherit;
  }

  @media (prefers-reduced-motion: reduce) {
      html:focus-within {
          scroll-behavior: auto;
      }

      *,
      *::before,
      *::after {
          -webkit-animation-duration: 0.01ms !important;
          animation-duration: 0.01ms !important;
          -webkit-animation-iteration-count: 1 !important;
          animation-iteration-count: 1 !important;
          -webkit-transition-duration: 0.01ms !important;
          transition-duration: 0.01ms !important;
          scroll-behavior: auto !important;
      }
  }

  body {
      color: var(--text-color);
      font-weight: 300;
      min-height: 100vh;
      line-height: 1.5;
      margin: 0 auto;
      font-family: "ZohoPuvi", system-ui, -apple-system, BlinkMacSystemFont,
          "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
          "Helvetica Neue", sans-serif;
  }

  .w-100 {
      width: 100%;
  }

  ul {
      padding: 0;
  }

  ul li {
      list-style-type: none;
  }

  .opm-btn {
      border: 0;
      border-radius: 8px;
      font-weight: 400;
      font-size: calc(1rem + 2px);
      line-height: 1.5;
      cursor: pointer;
      text-align: center;
      padding: 16px 24px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: 1px solid #e1e2e5;
      color: inherit;
      background-color: #ffffff;
      -webkit-transition: all 0.15s ease-out;
      transition: all 0.15s ease-out;
      font-family: inherit;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

  .opm-btn:hover {
      color: #e80e19;
      border-color: #e80e19;
  }

  .opm-btn>.opm-btn-icon {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
  }

  .opm-btn>.opm-btn-icon+span {
      margin-left: 8px;
  }

  .opm-btn.opm-btn-primary {
      border: 1px solid #e80e19 !important;
      background-color: #e80e19 !important;
      color: #ffffff !important;
  }

  .opm-btn.opm-btn-primary:hover {
      background-color: #db0b15;
      border-color: #db0b15;
  }

  .opm-btn.opm-btn-primary:focus {
      background-color: #d00610;
      border-color: #d00610;
  }

  .opm-btn.opm-btn-secondary {
      border: 1px solid #ffffff !important;
      background-color: #ffffff !important;
      color: #ffffff;
  }

  .opm-btn.opm-btn-secondary:hover {
      background-color: #444444;
      border-color: #444444;
  }

  .opm-btn.opm-btn-secondary:focus {
      background-color: #444444;
      border-color: #444444;
  }

  .opm-btn>span:last-child.opm-btn-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: 8px;
  }



  .opm-btn-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: 8px;
  }

  a.opm-btn {
      text-decoration: none;
  }

  a.opm-btn.btn-primary {
      color: #ffffff !important;
      text-decoration: none;
  }

  .opm-btn.btn-primary {
      background-color: #e80e19;
      color: #ffffff;
  }

  a.opm-btn.btn-primary {
      color: #ffffff !important;
      text-decoration: none;
  }

  .flex-grow-1 {
      -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
      flex-grow: 1 !important;
  }

  .d-block {
      display: block !important;
  }

  .feature-main-wrapper h1 {
      font-size: calc(1.375rem + 2.2vw);
      line-height: 1.0625;
      letter-spacing: -1px;
      font-weight: 800;
      margin: 0 0 16px;
  }

  .feature-main-wrapper h2 {
      font-size: calc(1.325rem + 1.75vw);
      font-weight: 600;
      line-height: 1.3;
      letter-spacing: -0.65px;
      margin: 0 0 16px;
  }

  .feature-main-wrapper h3,
  .feature-main-wrapper .h3 {
      font-size: calc(1.3rem + 1vw);
      font-weight: 600;
      line-height: 1.35;
      letter-spacing: -0.5px;
      margin: 0 0 16px;
  }

  .feature-main-wrapper h4 {
      font-size: calc(1.275rem + 0.75vw);
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: -0.5px;
      margin: 0 0 12px;
  }

  .feature-main-wrapper h5,
  .feature-main-wrapper .h5 {
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 32px;
      letter-spacing: -0.25px;
      margin: 0 0 12px;
  }

  .feature-main-wrapper h6 {
      font-size: 1.25rem;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: -0.25px;
      margin: 0 0 12px;
  }

  .feature-main-wrapper p,
  .feature-main-wrapper .p {
      font-size: 18px;
      font-weight: 300;
      line-height: 32px;
      margin: 0 0 16px;
  }

  .feature-main-wrapper ul li {
      font-size: 17px;
      font-weight: 300;
      line-height: 30px;
      margin: 0 0 12px;
  }

  @media only screen and (min-width: 1200px) {
      .feature-main-wrapper h1 {
          font-size: 3.5rem;
      }

      .feature-main-wrapper h2 {
          font-size: 2.75rem;
      }

      .feature-main-wrapper h3,
      .feature-main-wrapper .h3 {
          font-size: 2rem;
      }

      .feature-main-wrapper h4 {
          font-size: 1.75rem;
      }
  }

  #scroll,
  .heading-menu {
      display: none;
  }

  /*------ End css -------------*/

  .feature-main-wrapper *,
  .feature-main-wrapper *::after,
  .feature-main-wrapper *::before {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }

  .feature-main-wrapper a:not(.itom-btn-primary) {
      color: #000;
  }

  .feature-main-wrapper a:not(.itom-btn-primary).anchor-text {
      font-size: 16px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-decoration: none;
  }

  .feature-main-wrapper .anchor-text {
      font-size: 16px;
      font-weight: 400;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-decoration: none;
  }

  .feature-main-wrapper .anchor-text a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }

  .feature-main-wrapper .opm-banner-wrapper {
      padding: 40px 0px 210px;
      background: #fff0bc;
      position: relative;
      z-index: 1;
  }

  .feature-main-wrapper .sec-padding-100 {
      padding-top: 100px;
      padding-bottom: 100px;
  }

  .feature-main-wrapper .sec-padding-80 {
      padding-top: 80px;
      padding-bottom: 80px;
  }

  .feature-main-wrapper .sec-padding-40 {
      padding-top: 40px;
      padding-bottom: 40px;
  }

  .pt-0 {
      padding-top: 0 !important;
  }

  .pb-0 {
      padding-bottom: 0 !important;
  }

  .sec-bg {
      background: var(--color-blue);
  }

  @media screen and (min-width: 992px) {
      .feature-main-wrapper .title-break {
          display: block;
      }
  }

  .feature-main-wrapper .opm-banner-wrapper .breadcrumb-header ul {
      margin: 0;
  }

  .feature-main-wrapper .opm-banner-wrapper .breadcrumb-header ul li {
      display: inline-block;
      font-size: 13px;
      margin-bottom: 8px;
      line-height: 1.5;
  }

  .feature-main-wrapper .opm-banner-wrapper .breadcrumb-header ul li a {
      color: inherit;
  }

  .feature-main-wrapper .opm-banner-wrapper .breadcrumb-header ul li.breadcrumb-separator {
      margin: 0 4px;
  }

  .feature-main-wrapper .opm-banner-wrapper .banner-section {
      padding: 40px 0px 0px;
  }

  .feature-main-wrapper .opm-banner-wrapper .banner-section h1 {
      margin-bottom: 16px;
      letter-spacing: -1.5px;
  }

  .feature-main-wrapper .opm-banner-wrapper .banner-section .sub-heading {
      font-size: 24px;
      line-height: 24px;
      font-weight: 600;
      margin-bottom: 24px;
  }

  .feature-main-wrapper .opm-banner-wrapper .banner-section .banner-content .cta-group {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 24px;
  }

  .feature-main-wrapper .opm-banner-wrapper .banner-section .opm-btn {
      font-size: 18px;
      font-weight: 500;
  }

  .feature-main-wrapper .opm-banner-wrapper .banner-section .opm-btn.opm-btn-icon {
      margin-left: 8px;
      line-height: 1.2;
  }

  @media screen and (min-width: 1200px) {}

  @media screen and (max-width: 1199.98px) {}

  @media screen and (max-width: 992.98px) {
      .feature-main-wrapper .opm-banner-wrapper .banner-section .banner-row .banner-content {
          max-width: 100%;
          text-align: center;
      }

      .feature-main-wrapper .opm-banner-wrapper .banner-section .banner-content .cta-group {
          justify-content: center;
      }

      .banner-content {
          text-align: center;
          margin-bottom: 32px;
      }
  }

  @media screen and (max-width: 768.98px) {}

  @media screen and (max-width: 480px) {
      .feature-main-wrapper .opm-banner-wrapper .banner-section .banner-content .cta-group {
          flex-direction: column;
      }

      .feature-main-wrapper .opm-banner-wrapper .banner-section .opm-btn {
          width: 100%;
      }
  }



  .feature-main-wrapper .opm-features-detail-container {
      max-width: 1280px;
      width: 100%;
      margin: auto;
      padding-left: 12px;
      padding-right: 12px;
  }




  .feature-main-wrapper .sec-padding-40 {
      padding-top: 40px;
      padding-bottom: 40px;
  }

  @media screen and (min-width: 992px) {
      .feature-main-wrapper .title-break {
          display: block;
      }
  }


  .img-zoom-container {
      position: fixed;
      background: rgba(0, 0, 0, 0.8);
      height: 90%;
      left: 0;
      padding: 5%;
      text-align: center;
      top: 0;
      width: 90%;
      z-index: 999999;
      opacity: 0;
      display: flex;
      align-items: center;
      justify-content: center;
  }



  /*---video player popup css start ---------*/

  .video-player-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.64);
      width: 100%;
      height: 100%;
      padding: 40px 20px;
      -webkit-transition: all 0.25s ease-in;
      transition: all 0.25s ease-in;
      display: none;
      opacity: 0;
      z-index: 999;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }

  .video-player-wrapper * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }

  .video-player-wrapper.active {
      display: block;
      opacity: 1;
  }

  .video-player-wrapper .video-player-container {
      max-width: 956px;
      margin: 100px auto auto;
  }

  .video-player-wrapper .video-player-container .video-player-close-btn {
      width: 32px;
      height: 32px;
      margin-left: auto;
      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;
      cursor: pointer;
  }

  .video-player-wrapper .video-player-container .video-player {
      position: relative;
      padding-bottom: 56.5%;
      margin-top: 12px;
  }

  .video-player-wrapper .video-player-container .video-player iframe {
      position: absolute;
      width: 100%;
      height: 100%;
  }

  .banner-video {
      display: flex;
      height: 100%;
  }

  .intro-video {
      margin-top: 24px;
      position: relative;
      -webkit-box-shadow: 2px 4px 24px rgba(0, 0, 0, 0.08);
      box-shadow: 2px 4px 24px rgba(0, 0, 0, 0.08);
      border-radius: 12px;
      z-index: 1;
      max-width: 527px;
      width: 100%;
      height: 293px;
      margin: auto;
  }

  .intro-video img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 12px;
      z-index: -1;
      -o-object-fit: cover;
      object-fit: cover;
      background: #e3d5a4;
  }

  .intro-video .video-play-button {
      width: 80px;
      height: 80px;
      border-radius: 100px;
      background-color: #e80e19;
      border: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border: 2px solid #fff;
      cursor: pointer;
  }

  .intro-video .video-play-button .video-play-icon {
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-left: 30px solid #ffffff;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-32%, -50%);
      transform: translate(-32%, -50%);
      width: 20px;
      height: 20px;
  }

  .intro-section {
      text-align: center;
  }

  .intro-section.sec-padding-80 {
      padding-top: 180px;
  }

  /*---video player popup css end ---------*/

  /*------- feature css start -------*/
  .feature-main-wrapper .opm-features-detail-container {
      max-width: 1180px;
      width: 100%;
      margin: auto;
      padding-left: 12px;
      padding-right: 12px;
  }




  /*--- ul li list style ----*/

  .feature-main-wrapper .feature-section .feature-content ul li {
      background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 11.0801V12.0001C21.9988 14.1565 21.3005 16.2548 20.0093 17.9819C18.7182 19.7091 16.9033 20.9726 14.8354 21.584C12.7674 22.1954 10.5573 22.122 8.53447 21.3747C6.51168 20.6274 4.78465 19.2462 3.61096 17.4372C2.43727 15.6281 1.87979 13.4882 2.02168 11.3364C2.16356 9.18467 2.99721 7.13643 4.39828 5.49718C5.79935 3.85793 7.69279 2.71549 9.79619 2.24025C11.8996 1.76502 14.1003 1.98245 16.07 2.86011" stroke="%2309AB58" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 4L12 14.01L9 11.01" stroke="%2309AB58" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      background-repeat: no-repeat;
      background-position: 0 4px;
      padding-left: 36px;
      margin-bottom: 12px;
      line-height: 30px;
      font-size: 17px;
  }

  .li-list {
      margin: 32px 0px 0px;
  }

  .feature-main-wrapper .feature-section .feature-content ul li span {
      font-weight: 600;
  }

  .feature-main-wrapper .get-started-section {
      text-align: center;
      background: linear-gradient(180deg, #fff0bc 30%, #ffffff 100%) 0% 0% no-repeat;
  }

  .trusted-section .sec-header {
      margin-bottom: 60px;
  }

  .trusted-section .customer-card {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 54px 24px 16px;
      gap: 24px;
      border-radius: 8px;
      background: #fff;
      margin-bottom: 24px;
      border: 1px solid #d4d4d4;
      flex-direction: column;
      position: relative;
      height: 100%;
  }

  .trusted-section .customer-card .quote-icon {
      display: flex;
      align-items: center;
      position: absolute;
      left: 24px;
      height: 60px;
      width: 60px;
      background: #fad677;
      border-radius: 50px;
      top: 0;
      margin-top: -30px;
      justify-content: center;
  }

  .trusted-section .customer-card-content p {
      margin: 0px;
      display: -webkit-box;
      /* -webkit-line-clamp: 4; */
      -webkit-box-orient: vertical;
      overflow: hidden;
  }

  .trusted-section .customer-card-content .rating-star {
      margin: 24px 0px 12px;
  }

  .trusted-section .customer-card-content .name-card h6 {
      margin: 0;
      font-size: 16px;
      font-weight: 600;
  }

.trusted-section .customer-card-content .name-card p{}

  @media screen and (max-width: 768px) {
      .trusted-section .customer-card {
          margin-bottom: 48px;
          height: auto;
      }
  }
  .tac {
      text-align: center;
  }

  .faq-content-section .opm-features-detail-container {

      padding: 0px 175px;

  }

  .apm-seo-main-wrapper .faq-content-section .accordion-container {
      max-width: 980px;
      margin: 0 auto;
      padding: 0px 16px;
  }

  .apm-seo-main-wrapper .faq-content-section h2 {
      margin-bottom: 40px;
  }

  .apm-seo-main-wrapper .faq-content-section h3 {
      font-weight: 500;
  }

  .accordion-container {
      width: 100%;
  }

  .accordion-container .accordion-item {
      border-bottom: 1px solid #ebeae7;
      cursor: pointer;
      padding: 20px 0;
  }

  .accordion-container .accordion-item h4,
  .accordion-container .accordion-item h3 {
      margin: 0;
      font-size: 20px;
      line-height: 1.5;
      letter-spacing: -0.35px;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin-right: 16px;
  }

  .accordion-container .accordion-item .accordion-head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }

  .accordion-container .accordion-item .accordion-head.active .plusminus::before {
      content: "−";
  }

  .accordion-container .accordion-item .accordion-head.active h3 {
      color: #006deb;
  }

  .accordion-container .accordion-item .accordion-body {
      padding-top: 16px;
      max-width: 90%;
  }

  .accordion-container .accordion-item .accordion-body p a {
      color: #000;
  }

  .accordion-container .accordion-item .plusminus {
      font-size: 24px;
      font-weight: 200;
      border: 1px solid #444444;
      width: 24px;
      height: 24px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      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-radius: 100px;
      color: #444444;
      position: relative;
      top: 0;
  }

  .accordion-container .accordion-item .plusminus::before {
      position: absolute;
      content: "+";
      top: -8px;
  }

  .accordion-container .accordion-body {
      display: none;
  }

  @media screen and (max-width: 767.98px) {
      .faq-content-section .opm-features-detail-container {
          padding: 60px 16px;
      }
  }

  /*------- challenges-section -------*/

  .yellow-bg {
      background: #FFF0BC;
  }

  .challenges-section .customer-card {
      background: #fff;
      padding: 30px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      gap: 0;
      border-radius: 8px;
      flex-direction: column;
      position: relative;
      margin: 12px 0px;
  }

  .challenges-section .row {
      display: flex;
      flex: 1;
  }

  .challenges-section .row .col-12 {
      display: flex;
      ;
  }

  .challenges-section p,
  .challenges-section h2 {
      text-align: center;
  }

  .customer-card p {
      text-align: left;
      margin-bottom: 0;
  }

  .customer-card h3 {
      font-size: 20px;
      display: flex;
      align-items: center;
      gap: 8px;
  }

  .mb-0 {
      margin-bottom: 0px !important;
  }





  /*----------- clients-item-wrapper section ----------------*/


  .clients-item-section {
      box-shadow: 0 2px 7px 0 rgb(5 34 97 / 10%);
      background: #ffffff;
      border-radius: 10px;
      padding: 40px 60px 32px;
      max-width: 1160px;
      margin: 0 auto;
      background-color: #fff;
      margin-bottom: 0px;
      position: relative;
      z-index: 12;
      margin-top: -110px;
      width: 90%;
      top: 0px;
      overflow: hidden;
  }



  .clients-item-wrapper {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 32px 0
  }

  .clients-item-wrapper .client-item:not(:nth-child(2)) img {
      max-height: 36px;
  }

  .clients-item-section h4 {
      font-weight: 400;
      text-align: center;
  }


  @media screen and (max-width: 991.98px) {
      .clients-item-wrapper {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center
      }

      .clients-item-wrapper .client-item {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          height: 60px;
          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 screen and (max-width: 767.98px) {
      .clients-item-wrapper .client-item {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%
      }

      .client-item-wrapper {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          gap: 24px
      }



      .awards-item {
          -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;
          text-align: center
      }
  }

  /*----------- clients-item-wrapper seciton end  ---------*/



  /*----------- feature seciton end  ---------*/

  .feature-section .feature-section-intro-content {
      text-align: center;
  }

  .text-center {
      text-align: center;
  }

  .opm-main-feature-section .opm-feature-section:nth-child(even) {
      background: #FAFAFA;
  }



  .opm-main-feature-section .opm-feature-section .feature-img-holder {

      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;


  }

  .img-zoom-container img {
      background: #ffffff;
      padding: 24px;
  }

  .opm-main-feature-section .opm-feature-section .feature-img-holder a {
      background: #ffffff;
      padding: 18px;
      box-shadow: 4px 4px 32px #eeeeee;
      border-radius: 12px;
      margin: 0px 24px;
  }

  .opm-main-feature-section .opm-feature-section .feature-img-holder a img {
      height: auto !important;
  }

  .custom-listed li {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBDNC40OCAwIDAgNC40OCAwIDEwQzAgMTUuNTIgNC40OCAyMCAxMCAyMEMxNS41MiAyMCAyMCAxNS41MiAyMCAxMEMyMCA0LjQ4IDE1LjUyIDAgMTAgMFpNNy4yOSAxNC4yOUwzLjcgMTAuN0MzLjMxIDEwLjMxIDMuMzEgOS42OCAzLjcgOS4yOUM0LjA5IDguOSA0LjcyIDguOSA1LjExIDkuMjlMOCAxMi4xN0wxNC44OCA1LjI5QzE1LjI3IDQuOSAxNS45IDQuOSAxNi4yOSA1LjI5QzE2LjY4IDUuNjggMTYuNjggNi4zMSAxNi4yOSA2LjdMOC43IDE0LjI5QzguMzIgMTQuNjggNy42OCAxNC42OCA3LjI5IDE0LjI5WiIgZmlsbD0iIzA5QUI1OCIvPgo8L3N2Zz4K);
      background-repeat: no-repeat;
      background-position: 0 4px;
      padding-left: 32px;
      margin-bottom: 8px;
  }

  @media screen and (max-width: 991.98px) {

      .opm-main-feature-section .opm-feature-section:nth-child(even) .row {
          flex-direction: column-reverse;
      }
  }