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

    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;
      }
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      margin: 0px 0px 15px !important;
    }



    .opu-main-wrapper h1 {
      font-weight: 700;
      font-size: 48px;
      line-height: 1.15;
      margin-bottom: 8px
    }

    .opu-main-wrapper h2 {
      font-size: 40px;
      font-weight: 600;
      line-height: 1.3;
      letter-spacing: -1px;
      margin-top: 0;
      margin-bottom: 8px
    }

    .opu-main-wrapper h3 {
      font-size: 32px;
      font-weight: 600;
      line-height: 1.3;
      letter-spacing: -1px;
      margin-top: 0;
      margin-bottom: 8px
    }

    .opu-main-wrapper h4 {
      font-size: 28px;
      line-height: 1.25;
      font-weight: 500;
      letter-spacing: -.5px;
      margin: 0 0 16px
    }

    .opu-main-wrapper h5 {
      font-size: 24px;
      line-height: 1.25;
      font-weight: 500;
      letter-spacing: -.25px;
      margin: 0 0 16px
    }

    p {
      font-size: 17px;
      line-height: 1.75;
      margin: 0 0 20px;
      font-weight: 300;
    }

    @media only screen and (min-width: 1200px) {
      .i18n-en h1 {
        font-size: 48px;
      }

      .i18n-en h2 {
        font-size: 36px;
      }

      .i18n-en h3 {
        font-size: 32px;
      }
    }

    @media only screen and (min-width: 1400px) {
      .i18n-en h1 {
        font-size: 50px;
      }

      .i18n-en h2 {
        font-size: 40px;
      }

      .special-section .spl-block .spl-box .lrg-txt {
        font-size: 50px;
      }
    }

	  @media only screen and (max-width: 768px) {
  .opu-main-wrapper h1 {
      font-weight: 600;
      font-size: 36px;
      line-height: 1.2;
      
    }

 .opu-main-wrapper h2 {
      font-weight: 600;
      font-size: 32px;
      line-height: 1.2;
      
    }


}


    /*------- grid css ---------*/

    .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: #444444;
      --opu-gray-bg: #f8f8f8;
    }

    :root {
      --sprite-icon: url("../images/opu-banner-sprite.svg");
    }


    body {
      color: var(--text-color);
      font-weight: 300;
      min-height: 100vh;
      line-height: 1.5;
      margin: 0 auto;
      font-weight: 300;
    }

    .opu-main-wrapper {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }

    .opu-main-wrapper * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box
    }

    .w-100 {
      width: 100%;
    }

    ul {
      padding: 0;
    }

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

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

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

    .opu-btn>.opu-btn-icon+span {
      margin-right: 8px;
    }

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

    .opu-btn.opu-btn-primary:hover {
    background-color: #d61429;
    border-color: #d61429;
}

    .opu-btn.opu-btn-primary:focus {
      background-color: #d61429;
      border-color: #d61429;
    }

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

    .opu-btn.opu-btn-secondary:hover {
      background-color: #303030 !important;
      color: #ffffff !important;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    }

    .opu-btn.opu-btn-secondary:focus {
      background-color: #303030 !important;
      border-color: #303030;
    }

 .opu-btn.opu-btn-outline {
      border: 1px solid #303030 !important;
      background-color: #ffffff !important;
      color: #303030;
	
    }

    .opu-btn.opu-btn-outline:hover {
      background-color: #303030 !important;
      color: #ffffff !important;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    }

    .opu-btn.opu-btn-outline:focus {
      background-color: #303030 !important;
      border-color: #303030; color:#ffffff;
    }

    .opu-btn>span:last-child.opu-btn-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }

.cta-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

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

    a:hover {
      text-decoration: none !important;
    }

    .opu-btn {
      border: 0;
      border-radius: 6px;
      font-weight: 500;
      font-size: 1rem;
      line-height: 1.5;
      cursor: pointer;
      text-align: center;
      padding: 12px 24px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;

      -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;
    }

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

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

    a.opu-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;
    }

    .outline-primary {
      color: #ef0000;
      border: 1px solid #ef0000;
      color: #ef0000 !important;
      border-radius: 100px;
      font-weight: 400;
    }

    .opu-main-wrapper .queries-list {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .opu-main-wrapper .queries-list li {
      margin-bottom: 0px;
    }

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

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

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

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

    .opu-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;
    }

    .opu-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;
    }

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

    .opu-banner-wrapper {
      position: relative;
    }

    .opu-main-wrapper .opu-banner-wrapper {
      padding: 60px 0px 0px;     
      background: #FFF9E9;
      position: relative;
      z-index: 1;
    }

    .banner-img-holder {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      height: 100%;
    }

    .banner-img-holder img {
      max-width: 570px;
      width: 100%;
    }

    .banner {
      background: #e8efff;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section {
      padding: 0px 0 0px;
      position: relative;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .row {
      align-items: center;
    }

   .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-content a {
    margin-top: 20px;
}

    .opu-main-wrapper .opu-banner-wrapper .banner-section .opu-btn {
      font-size: 18px;
      font-weight: 400;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .opu-btn .opu-btn-icon {
      margin-left: 12px;
      line-height: 1.2;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      align-items: center;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row>* {
      padding: 0 12px;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row .banner-wrapper {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
      flex: 1 0 0;
      position: relative;
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row .banner-wrapper .img-holder {
      overflow: hidden;
      height: 468px;
      position: relative;
      width: 100%;
      background: #ddd;
      border-radius: 100px;
      border: 3px solid #b0c8ff;
      background: linear-gradient(65deg,
          #adc5ff 25%,
          #c6eaff 60%,
          #caefff 100%) 0% 0% no-repeat;
      transform: rotate(45deg);
    }

    .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row .banner-content {
      max-width: 585px;
    }

    @media screen and (min-width: 1200px) {
      .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row .banner-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
      }
    }

    @media screen and (max-width: 1199.98px) {
      .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row>* {
        width: 50%;
      }
    }



    @media screen and (max-width: 992.98px) {
      .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px 0;
      }

      .opu-main-wrapper .opu-banner-wrapper .banner-section .banner-row>* {
        width: 100%;
      }

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

      .opu-main-wrapper .opu-banner-wrapper .banner-section h5 {
        display: block;
      }

      .banner-img-holder img {
        position: inherit;
      }

      .banner-img-holder {
        justify-content: center;
        align-items: center;
        display: flex;
        height: 100%;
        margin-top: 40px;
      }

 .cta-group { justify-content: center;}

    }

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

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

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

    .opu-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) {
      .opu-main-wrapper .title-break {
        display: block;
      }
    }

    @media screen and (max-width: 640px) {
      .banner-img-holder img {
        max-width: 100%;
      }
    }

 @media screen and (max-width: 520px) {
.banner-content a {
    margin-top: 0px !important;
    width: 100%;
}
    .cta-group {
        flex-direction: column;
    }
     
    }





    /*-------- network-management card css start ----------*/

    .feature-content-intro-section {
      margin-bottom: 32px;
    }

.sec-header {
    text-align: center;
    max-width: 980px;
    margin: 0 auto 24px !important;
}

    .bule-light-bg {
      background: #fbfdff;
    }

    .network-management-card-wrapper {
      margin-top: 36px;
    }

    .network-management-card-wrapper .row .col-12 {
      margin: 12px 0px;
    }

    .network-management-card {
      height: 100%;
      width: 100%;
      padding: 12px 0px;
    }

    .network-management-card {
      padding: 32px 32px;
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      border-radius: 6px;
      text-decoration: none;
      gap: 16px;
      color: #000 !important;
      background: #fff;
      border: 1px solid #ddd;
      /* box-shadow: 4px 4px 14px #e5f1ff; */
    }

    .network-management-card span {
      width: 56px;
      height: 56px;
    }

    .network-management-card h4 {
      margin-bottom: 0px !important;
      font-size: 24px;
    }

    .network-management-card p {
      margin-bottom: 0px;
      text-align: left;
    }

    @media screen and (max-width: 768.98px) {
      .network-management-card-wrapper {
        margin-top: 36px;
      }

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

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

    .img-holder {
      display: flex;
      justify-content: center;
    }


    .align-items-center {
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;
    }

    /*-------- Integrated section css end ----------*/

    /*---------special-section css start------------*/

    .special-section {
      position: relative;
      background: #FFF9E9;
    }

    .special-section:before {
      content: "";
      background: #fff;
      width: 100%;
      height: 50%;
      position: absolute;
      left: 0;
      bottom: 0;
    }

    .page-wrapper .special-section .content-wrap {
      padding: 0 0 20px;
    }

    .special-section .block-content {
      color: #fff;
      border-radius: 16px;
      padding: 40px 30px;
      text-align: center;
      background: #11150d;
    }

    .special-section .block-content h2 {

      max-width: 630px;
      margin: 0 auto 16px !important;
      color: var(--color-white);
      font-weight: 500;
      font-size: 28px;
    }

    .special-section .spl-block {
      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;
    }

    .special-section .spl-block .spl-box {
      position: relative;
      width: 33.33%;
      max-width: 320px;
      padding: 20px 40px;
    }

    .special-section .spl-block .spl-box:first-child:before,
    .special-section .spl-block .spl-box:last-child:before {
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      border-left: 1px dashed #707070;
      height: 80px;
    }

    .special-section .spl-block .spl-box:last-child:before {
      left: 0;
      right: unset;
    }

    .special-section .spl-block .spl-box .lrg-txt {
      font-size: 30px;
      letter-spacing: -1px;
      color: #ffffff;
      font-weight: 600;
    }

    .special-section .spl-block .spl-box:nth-child(2) .lrg-txt {
      color: #ffffff;
    }

    .special-section .spl-block .spl-box:nth-child(3) .lrg-txt {
      color: #ffffff;
    }

    .special-section .spl-block .spl-box .sml-txt {
      font-family: var(--zf-primary-regular);
      font-size: 14px;
    }

    .special-section .particals {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    .special-section .particals li {
      position: absolute;
    }

    .special-section .particals li:nth-child(1) {
      top: 30%;
      left: 6%;
    }

    .special-section .particals li:nth-child(2) {
      top: 65%;
      left: 2%;
    }

    .special-section .particals li:nth-child(3) {
      top: 35%;
      right: 6%;
    }

    .special-section .particals li:nth-child(4) {
      top: 70%;
      right: 3%;
    }

    .opu-main-wrapper .content-wrap {
      max-width: 1170px;
      padding: 50px 0;
    }

    .content-wrap {
      position: relative;
      width: 90%;
      max-width: 1280px;
      margin: 0 auto;
    }

    [class|="zsprite"] {
      /* display: inline-block;
      background: var(--sprite-icon) no-repeat;
      background-size: 928px auto;
      background-position: 0 0;
      letter-spacing: -40px; */
    }

    .zsprite-partical-one {
      background-position: -119px -5px;
      width: 47px;
      height: 68px;
    }

    .zsprite-partical-two {
      background-position: -171px -30px;
      width: 10px;
      height: 17px;
    }

    .zsprite-partical-three {
      background-position: -188px -32px;
      width: 12px;
      height: 13px;
    }

    .zsprite-partical-four {
      background-position: -208px -34px;
      width: 14px;
      height: 10px;
    }

    @media only screen and (min-width: 1400px) {
      .special-section .spl-block .spl-box .lrg-txt {
        font-size: 50px;
      }
    }

    @media only screen and (min-width: 1200px) {
      .special-section .spl-block .spl-box .lrg-txt {
        font-size: 45px;
      }
    }

    @media only screen and (max-width: 767px) {
      .special-section .spl-block .spl-box {
        width: 50%;
        padding: 20px;
      }

      .special-section .spl-block .spl-box:first-child:before,
      .special-section .spl-block .spl-box:last-child:before {
        border-left: 0;
      }

      .special-section .block-content h2 {
        font-size: 24px !important;
      }

    }

    @media only screen and (min-width: 768px) {
      .special-section .spl-block .spl-box .lrg-txt {
        font-size: 35px;
      }
    }

    @media only screen and (min-width: 1200px) {
      .opu-main-wrapper .content-wrap {
        padding: 60px 0;
      }

      .special-section .block-content {
        padding: 40px 60px 24px;
      }

      .special-section .block-content h2 {
        font-size: 28px;
      }

      .special-section .spl-block .spl-box {
        padding: 20px 45px;
      }

      .special-section .spl-block .spl-box .lrg-txt {
        font-size: 45px;
      }

      .special-section .spl-block .spl-box .sml-txt {
        font-size: 16px;
      }

      .lowcode-section .lowcode-slider ul li {
        margin-top: 40px;
      }


      .special-section .animated .particals li {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        -webkit-transform: scale(1);
        transform: scale(1);
      }

      .lowcode-section .slider-block .slider-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 40px;
      }
    }

    @media only screen and (max-width: 767px) {
      .page-wrapper .content-wrap {
        max-width: 600px;
      }
    }

    /*---------special-section css end------------*/

    /*--------- promotion banner css start --------*/

    .promotion-middle-banner {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      width: 100%;
      background-color: #292929;
      color: #fff;
      font-family: "ZohoPuvi", sans-serif;
      padding: 60px 0;
      position: relative;
      z-index: 1;
    }

    .promotion-middle-banner::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: -1;
      background-image: linear-gradient(to right,
          #323232 1px,
          transparent 1px),
        linear-gradient(to bottom, #323232 1px, transparent 1px);
      background-size: 72px 72px;
    }

    .promotion-middle-banner * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .promotionSwiperMiddle .swiper-slide {
      height: 345px !important;
    }

    .promotionSwiperMiddle .opu-container {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
    }

    .promotionSwiperMiddle .row {
      width: 100%;
    }

    .promotion-middle-banner h2 {
      font-weight: 600;
      font-size: 32px;
      line-height: 1.3;
      color: #f3c16a;
      margin: 0 0 8px;
    }

    .promotion-middle-banner p {
      font-size: 17px;
      line-height: 1.75;
      margin: 0 0 8px !important;
      text-align: left;
    }

    .promotion-middle-banner .text-highlight {
      color: #f3c16a;
    }

    .promotion-middle-banner .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;
    }

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

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

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

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

    @media only screen and (min-width: 768px) {
      .promotion-middle-banner .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%;
      }

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

      .promotion-middle-banner .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        display: unset;
      }

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

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

    @media only screen and (min-width: 992px) {
      .promotion-middle-banner .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%;
      }

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

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

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

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

    .promotion-middle-banner .btn-primary {
      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-weight: 400;
      cursor: pointer;
      padding: 10px 16px;
      line-height: 1.2;
      font-size: 17px;
      -webkit-transition: all 0.15s ease-in;
      transition: all 0.15s ease-in;
      border-radius: 4px;
      background: #e80e19;
      color: #fff !important;
      border: 1px solid #e80e19;
      position: relative;
      text-decoration: none;
    }

    .promotion-middle-banner .btn-primary:hover,
    .promotion-middle-banner .btn-primary:focus,
    .promotion-middle-banner .btn-primary:focus-within,
    .promotion-middle-banner .btn-primary:active {
      background: #c80420;
      text-decoration: none;
    }

    .promotion-middle-banner .btn-primary .chevron-right-icon {
      position: relative;
      display: inline-block;
      width: 14px;
      height: 14px;
    }

    .promotion-middle-banner .btn-primary .chevron-right-icon::before {
      content: "";
      right: 0;
      position: absolute;
      width: 1.5px;
      height: 8px;
      background-color: #fff;
      border-radius: 2px;
      top: 1px;
      right: 4px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    .promotion-middle-banner .btn-primary .chevron-right-icon::after {
      content: "";
      right: 0;
      position: absolute;
      width: 1.5px;
      height: 8px;
      background-color: #fff;
      border-radius: 2px;
      top: 6px;
      right: 4px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    .promotion-middle-banner .mt-3 {
      margin-top: 12px !important;
    }

    .promotion-middle-banner .align-items-center {
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;
    }

    .promotion-middle-banner .promotion-img-wrapper {
      text-align: center;
    }

    .promotion-middle-banner .promotion-img-wrapper img {
      max-width: 320px;
      width: 100%;
      margin-right: auto;
      margin-left: auto;
    }

    @media only screen and (max-width: 768px) {
      .promotion-middle-banner .promotion-img-wrapper {
        margin-top: 40px;
      }

      .promotionSwiperMiddle .swiper-slide {
        height: auto !important;
      }

    }

    .promotion-middle-banner .promotion-middle-banner-content {
      text-align: left;
    }


    .white-badge,
    .yellow-badge {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 400;
      font-size: 12px;
      display: inline-block;
      margin-bottom: 12px;
      line-height: 1.75;
      padding: 2px 10px;
      border-radius: 30px;
      color: #ffffff;
      border: 1px solid #ffffff;
    }

    .yellow-badge {
      background: #ffcc02;
      color: #000;
      border: 1px solid #ffcc02;

    }


    .blue-bg {
      background: #091e8c;
    }

    .yellow-bg {
      background: #fc0;
    }

    .cxo-banner.blue-bg:before,
    .it-operations-banner:before,
    .oputils-fips-banner:before {
      background: none;
    }

    .oputils-fips-banner h2,
    .oputils-fips-banner p {
      color: #000
    }

    .text-white {
      color: #fff !important
    }

    .it-operations-banner .promotion-img-wrapper img {
      max-width: 250px !important;
    }

    .cxo-banner .promotion-img-wrapper img {
      max-width: 250px !important;
    }


    /*--------- why choose section start css ----------- */

    .contact-btn a {
      margin-top: 40px;
    }

    .opu-main-wrapper .choose-section strong {
      font-weight: 500;
    }

.opu-main-wrapper .choose-section .choose-list {padding-left: 40px;}

    .opu-main-wrapper .choose-section li {
      position: relative;
      padding-left: 36px;
      font-size: 18px;
      margin-bottom: 20px;
      font-weight: 400;
    }



    .opu-main-wrapper .choose-section li:last-child {
      margin-bottom: 0;
    }

    .opu-main-wrapper .choose-section li::before {
      position: absolute;
      content: "";
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 22px;
      height: 22px;
      background-repeat: no-repeat;

      background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 22C9.47833 22 8.04833 21.7112 6.71 21.1337C5.37167 20.5562 4.2075 19.7725 3.2175 18.7825C2.2275 17.7925 1.44375 16.6283 0.86625 15.29C0.28875 13.9517 0 12.5217 0 11C0 9.47833 0.28875 8.04833 0.86625 6.71C1.44375 5.37167 2.2275 4.2075 3.2175 3.2175C4.2075 2.2275 5.37167 1.44375 6.71 0.86625C8.04833 0.28875 9.47833 0 11 0C12.1917 0 13.3192 0.174167 14.3825 0.5225C15.4458 0.870833 16.4267 1.35667 17.325 1.98L15.73 3.6025C15.0333 3.1625 14.2908 2.81875 13.5025 2.57125C12.7142 2.32375 11.88 2.2 11 2.2C8.56167 2.2 6.48542 3.05708 4.77125 4.77125C3.05708 6.48542 2.2 8.56167 2.2 11C2.2 13.4383 3.05708 15.5146 4.77125 17.2287C6.48542 18.9429 8.56167 19.8 11 19.8C13.4383 19.8 15.5146 18.9429 17.2287 17.2287C18.9429 15.5146 19.8 13.4383 19.8 11C19.8 10.67 19.7817 10.34 19.745 10.01C19.7083 9.68 19.6533 9.35917 19.58 9.0475L21.3675 7.26C21.5692 7.84667 21.725 8.45167 21.835 9.075C21.945 9.69833 22 10.34 22 11C22 12.5217 21.7112 13.9517 21.1337 15.29C20.5562 16.6283 19.7725 17.7925 18.7825 18.7825C17.7925 19.7725 16.6283 20.5562 15.29 21.1337C13.9517 21.7112 12.5217 22 11 22ZM9.46 16.06L4.785 11.385L6.325 9.845L9.46 12.98L20.46 1.9525L22 3.4925L9.46 16.06Z" fill="black"/></svg>');

    }

    .opu-main-wrapper .choose-section .img-fluid {
      max-width: 540px;
      margin: 0 auto;
    }

	    @media only screen and (max-width: 1080px) {
			
	 .opu-main-wrapper .choose-section .img-fluid {max-width: 520px;  }

		 }
	

    @media only screen and (max-width: 991.98px) {
      .opu-main-wrapper .choose-section .choose-list {
        margin-top: 60px;
      }

      .choose-section .row .col-12:nth-child(2) {
        display: flex;
        justify-content: center;
      }

.opu-main-wrapper .choose-section .choose-list {padding-left: 0px;}

    }



    @media only screen and (max-width: 640.98px) {
.opu-main-wrapper .choose-section .img-fluid{max-width:100%;}
}



    /*--------- why choose section end css ----------- */

    /*---------- editiln seciton start css ----------*/

    .bg-l-grey {
      background: var(--opu-gray-bg);
    }

    .edition-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 24px;
      margin-top: 60px;
      position: relative;

    }

    .edition-row * {
      margin: 0;
    }

    .edition-row>.edition-col {
      position: relative;
      flex: 1;
      display: flex;
      max-width: 100%;
    }

    .edition-row>.edition-col>.edition-block {
      border: 1px solid #E4E4E4;
      border-radius: 6px;
      background: #fff;
      width: 100%;
    }

    .edition-row>.edition-col>.edition-block.professional {
      border: 1px solid #ffeab6;
      background:linear-gradient(180deg, #fff9e9 15%, #fdfbf6 78%, #ffffff 100%) 0% 0% no-repeat;
    }

    .edition-row>.edition-col>.edition-block>.edition-header {
      padding: 24px;
      padding-bottom: 16px;
      border-bottom: 1px solid #E4E4E4;
      position: relative;
      min-height: 148px;
    }

    .edition-body {
      margin-top: 35px;
      padding: 24px 24px 36px;
    }

    .edition-body h5 {
      margin-bottom: 24px !important;
      text-align: left;
      font-size: 17px;
    }

    .edition-body>ul {
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: left;
      font-size: 14px;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .edition-body>ul>li {

      padding-left: 24px;
      position: relative;
      line-height: 26px;
      margin-bottom: 0;
      font-size: 17px;
    }

    .edition-body>ul>li>a {
      display: block;
      color: #000;
      -webkit-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
      text-decoration: none;
      font-size: 17px;
    }

    .edition-body>ul>li>a:hover {
      color: #000;
    }

    .edition-body>ul>li>svg,
    .edition-body>ul>li>a>svg {
      position: absolute;
      left: -2px;
      top: 4px;
    }

    .edition-body>ul>li.inclue-fea {
      font-weight: 800;
      color: #000;
      font-size: 18px;
    }

    .edition-header>.edition-title {
      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;
      gap: 24px;
      position: absolute;
      border: 1px solid #E4E4E4;
      border-radius: 6px;
      background: #fff;
      padding: 12px;
      width: 90%;
      left: 5%;
      right: 5%;
      top: -25px;
      -ms-flex-line-pack: distribute;
      align-content: space-around;
      position: absolute;
    }

    .edition-header>.edition-title h4 {
      font-weight: 500;
      font-size: 20px;
      margin: 0px !important;
    }

    .edition-header>.edition-title span {
      display: inline-block;
      background: #ffeab6;
      border-radius: 0px 40px 40px;
      line-height: 14px;
      padding: 4px 10px;
      font-size: 11px;
      color: #000;
      position: relative;
      right: 0px;
    }

    .edition-block.professional .edition-title {
      border-color: #fad576;
    }

    .edition-row>.edition-col>.edition-block.professional>.edition-header {
      border-bottom-color: #f9d096;
    }

    .edition-header>.edition-pricing {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 16px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .edition-header>.edition-pricing>div:first-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 6px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 16px 0px;
    }

    .edition-header>.edition-pricing>div .edition-label {
      font-size: 15px;
      line-height: 18px;
      font-weight: 400;
      /* padding-bottom: 6px */
    }

    .edition-header>.edition-pricing>div .edition-price {
      font-size: 40px;
      font-weight: bold;
      padding-bottom: 4px;
      margin: 0px !important;
      font-family: 'ZohoPuvi';
    }

    .edition-header>.edition-pricing>div .edition-device-count {
      font-size: 15px;
      line-height: 15px;
      font-weight: 400;
    }

    .edition-header>.edition-pricing>div .edition-device-count>strong {
      font-weight: 700;
      font-size: 16px;
    }

    .edition-btn-div {
      background: #fff;
      border-radius: 50%;
      position: absolute;
      left: 50%;
      bottom: -20px;
      transform: translateX(-50%);
    }

    .edition-btn-div>a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: 1px solid #dc0a0a;
      padding: 12px;
      border-radius: 50%;
      color: #fff;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      gap: 8px;
    }

    .edition-btn-div>a:hover {
      background: #fee7e7;
    }


    .get-quote-block {


      width: 100%;
      /* Ensure full width */
      border: 1px solid #E4E4E4;
      border-radius: 6px;
      background: #fff;
      padding: 24px;    display: flex;
    align-items: center;
    justify-content: center;


    }

    .get-quote-block h5 {
      margin-bottom: 24px !important;
      font-size: 20px;
      text-align: center;
    }

    .form-con {
      position: relative; margin-top: 32px;
    }

    /*.form-group>.form-row {
      margin-bottom: 16px !important;
    }*/

    .form-group>.form-row:last-child {
      margin-bottom: 0;
    }

    .form-group>.form-row input,
    .form-group>.form-row select {
      border: 1px solid #e3e3e3;
      padding: 8px;
      width: 100%;margin-bottom: 12px !important;
      border-radius: 4px;
      font-size: 16px;
    }

     .form-group>.form-row input::placeholder,  .form-group>.form-row select::placeholder{font-size: 15px;}

    .form-row select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      --form-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
      background-image: var(--form-bg-img);
      background-repeat: no-repeat;
      background-position: right 12px center;
      background-size: 16px 12px;
    }

    .edition-btn {
      background: #dc0a0a;
      color: #fff;
      padding: 12px !important;
      font-weight: 500;
      font-size: 17px;
    }

.edition-btn:hover{background-color: #d61429; color:#fff}
.edition-btn:focus{background-color: #d61429; color:#fff}

    span.errormsg {
      position: relative;
      left: 0;
      line-height: 16px;
      font-size: 12px;
      color: red;
      display: block;
      text-align: left;
      top: 1px;
    }

    @media screen and (max-width: 998px) {
      .edition-row>.edition-col {
        width: 460px;
        margin: 0 auto 24px;
      }

      .edition-block.standard,
      .edition-block.free {
        min-height: auto;
      }
    }

    .success-message {
      display: none;
      background: #e2fff5;
      padding: 40px 24px;
      border-radius: 6px; padding-top: 24px;
    }

    .success-message>h5 {
      color: #1c7838;
      font-weight: 900;
      font-size: 18px;
    }

    .compare-btn {
      margin-top: 32px !important;
    }

    .compare-btn>a {
      display: inline-block;
      padding: 12px 24px;
      background: #121212;
      border-radius: 6px;
      color: #ffff;
      font-weight: 400;
      border: 1px solid #121212;
      text-decoration: none;
      font-size: 16px;
    }

    #user-detail {
      display: none;
    }

    .dwn-priv {
      font-size: 14px;
      line-height: 16px;
      margin-top: 10px;
      color: #9da3ab;
    }

#meGDPRMessage, .dwn-priv {color:#444;font-size:14px;width:100%;line-height:1.35;}

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

      .edition-row {
        flex-direction: column !important;
      }
    }

    /* @media only screen and (min-width: 767.98px) and (max-width: 1023.98px) {

      .edition-row {
        flex-direction: column !important;
       
      }
    } */

    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .edition-row {
              flex-direction: column !important;
            
            }
      }


    /*--------------- Edition section end css -------------*/

    /*----- testimonial css start---------*/

    .opu-main-wrapper .testimonial-section {
      padding: 80px 0;
      /* background-color: #fbfbfb */
    }

    .opu-main-wrapper .testimonial-section .customer-review-wrapper {
      background-color: #f6f6f6;
      border-radius: 12px;
      padding: 32px;
      height: 100%;
    }

    .opu-main-wrapper .testimonial-section .customer-review-wrapper .swiper {
      height: 100%;
    }

    .opu-main-wrapper .testimonial-section .customer-review-wrapper .swiper .swiper-wrapper {
      height: 100%;
    }

    .opu-main-wrapper .testimonial-section .customer-review-wrapper .swiper .swiper-wrapper .swiper-slide {
      height: 100%;
    }

    .opu-main-wrapper .testimonial-section .customer-review-wrapper .swiper .swiper-wrapper .swiper-slide:last-child .client-profile-section img {
      max-height: 164px;
    }

    .opu-main-wrapper .testimonial-section .testimonial-wrapper {
      margin: 32px 0 0;
    }

    .opu-main-wrapper .testimonial-section .capterra-review-wrapper {
      border-radius: 12px;
      padding: 32px;
      background-color: #f6f6f6;
      position: relative;
    }

    .opu-main-wrapper .testimonial-section .capterra-review-wrapper .capterraReviewSwiper {
      padding-bottom: 16px;
    }

    .opu-main-wrapper .testimonial-section .capterra-review-wrapper .capterraReviewSwiper .swiper-pagination {
      bottom: -5px;
    }

    .opu-main-wrapper .testimonial-section .capterra-review-card .capterra-review--item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 5px;
    }

    .opu-main-wrapper .testimonial-section .capterra-review-card .capterra-review--item p:not(.capterra-review-details p):last-child {
      margin-bottom: 0;
    }

    .opu-main-wrapper .testimonial-section .capterra-review-card .capterra-logo {
      height: 46px;
    }

    .opu-main-wrapper .testimonial-section .capterra-review-card .capterra-review-details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #818181;
      justify-content: center;
    }

    @media only screen and (max-width: 575.98px) {
      .opu-main-wrapper .testimonial-section .capterra-review-card .capterra-review-details {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
      }
    }

    .opu-main-wrapper .testimonial-section .capterra-review-card .capterra-review-details p {
      margin: 0 24px 12px 0 !important;
      font-size: 16px;
      line-height: 1.75;
    }

    .opu-main-wrapper .testimonial-section .capterra-review-card h4 {
      margin: 20px 0 12px !important;
      font-weight: 600;
      line-height: 1.35;
    }

    .opu-main-wrapper .testimonial-section .client-review-card {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }

    .opu-main-wrapper .testimonial-section .client-review-card .client-profile-section {
      background-color: #fff;
      border-radius: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-top: 16px;
      padding-bottom: 150px;
      margin-bottom: 24px;
      position: relative;
    }

    .opu-main-wrapper .testimonial-section .client-review-card .client-profile-section img {
      max-width: 234px;
      max-height: 154px;
      position: absolute;
      bottom: 0;
    }

    .opu-main-wrapper .testimonial-section .client-review-card .client-profile-section .btn-play-icon {
      width: 36px;
      height: 36px;
      border-radius: 100px;
      background-color: #006deb;
      color: #fff;
      border: 0;
      cursor: pointer;
      position: absolute;
      right: 16px;
    }

    .opu-main-wrapper .testimonial-section .client-review-card .client-profile-section .btn-play-icon::before {
      border-top: 7px solid rgba(0, 0, 0, 0);
      border-bottom: 7px solid rgba(0, 0, 0, 0);
      border-left: 11px solid #fff;
      position: absolute;
      content: "";
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-32%, -50%);
      transform: translate(-36%, -50%);
    }

    .opu-main-wrapper .testimonial-section .client-review-card .client-details .client-name {
      color: #006deb;
      font-size: 18px;
    }

    .opu-main-wrapper .testimonial-section .client-review-card .btn-link {
      padding: 0;
      margin: 0;
      background: none;
      border: 0;
      font-size: 15px;
      text-decoration: underline;
      text-transform: uppercase;
      color: #006deb;
      font-weight: 500;
      cursor: pointer;
    }

    .opu-main-wrapper .testimonial-section .award-badge-card {
      background-color: #f6f6f6;
      border-radius: 12px;
      height: 160px;
      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 only screen and (max-width: 991.98px) {
      .opu-main-wrapper .testimonial-section .award-badge-card {
        margin-bottom: 24px;
      }
    }

    .opu-main-wrapper .testimonial-section .award-badge-card img {
      height: 100px;
    }

    /*------------- Testimonial css end ----------*/

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

    .opu-main-wrapper .video-player-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.8);
      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;
    }

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

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

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

    .opu-main-wrapper .video-player-wrapper .video-player-container .video-player-close-btn {
      width: 36px;
      height: 36px;
      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;
      background: #fff;
      border-radius: 50%;
    }

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

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

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

    /*--------------   product screen section css start --------------------*/

    .product-screen-section.sec-padding-100 {
    padding-top: 100px;
    padding-bottom: 70px;}
    .product-screen-section {
      /* background: #ffe2b7; */
      /* background: linear-gradient(
            180deg,
            #ffe2b7 15%,
            #ffe2b7 10%,
            #fff9e6 100%
          )
          0% 0% no-repeat; */
      background: #f8f8f8;
    }
  .product-screen-section .feature-content-intro-section{margin-bottom: 24px;}

    .unified-content-box {
      position: relative;
      width: 100%;
      display: flex;      
    }

    .unified-content-box .swiper {
      max-width: 100%;
    }

    .unified-content-box .swiper h5 {
      text-align: center;
      font-size: 24px;     
    }



    .swiper-button-next, .swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background-color: #323232;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);
    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;
}
.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

    .unified-content-box .img-holder img {
      max-width: 100%;
    margin-bottom: 60px;
    border-bottom: 1px solid #ddd;
    }


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

      .unified-content-box .img-holder img {
        max-width: 100%;
      }   
    .product-screen-section.sec-padding-100 {padding:80px 0px 60px;}
.opu-main-wrapper .sec-padding-100 {
    padding-top: 80px;
    padding-bottom: 80px;
} 

.swiper-button-next, .swiper-button-prev{height: 30px; width: 30px;}
.swiper-button-next::after, .swiper-button-prev::after{font-size: 14px;}

    }


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

      .unified-content-bg {
        width: calc(100% - 0px);
      }

      .unified-content-box .swiper {
        max-width: 100%;
      }

.opu-main-wrapper .sec-padding-100 {
    padding-top: 60px;
    padding-bottom: 60px;
}
  .product-screen-section.sec-padding-100 {padding:60px 0px 40px;}
  .swiper-button-next, .swiper-button-prev{height: 26px; width: 26px;}
  .swiper-button-next::after, .swiper-button-prev::after{font-size: 11px;}
    }

.observability-banner {
    background: -webkit-gradient(linear, left top, left bottom, from(#d1e5fa), to(#FFFCEE));
    background: linear-gradient(180deg, #d1e5fa 0%, #FFFCEE 100%);
}

.observability-banner h2 {
    color: #000;
}

.observability-banner p {
    color: #000;
}

.observability-banner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: linear-gradient(to right, #ebebeb 1px, transparent 1px), linear-gradient(to bottom, #ebebeb 1px, transparent 1px);
    background-size: 72px 72px;
}