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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .opm-main-wrapper .opm-banner-wrapper .banner-section .nfa-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) {
            .opm-main-wrapper .opm-banner-wrapper .banner-section .banner-row .banner-content {
                max-width: 100%;
                text-align: center;
            }

            .opm-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: 520px) {
            .opm-main-wrapper .opm-banner-wrapper .banner-section .banner-content .cta-group {
                flex-direction: column;
            }
        }

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

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

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

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



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


        .hero-banner {
            margin-top: 24px;
            position: relative;

            border-radius: 12px;
            z-index: 1;
            max-width: 527px;
            width: 100%;

            margin: auto;
        }

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

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

        /*---banner css end ---------*/



        /*----------- box css start section ------*/

        .feature-content-card {
            background: #F8F9FB;
            padding: 24px;
        }

        .benefits-choosing-section .feature-content h2 {
            margin-bottom: 32px;
        }


        .benefits-choosing-section .row div {
            display: flex;
            flex: 1;
            align-items: flex-start;
            flex-direction: column;

        }



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

            .benefits-choosing-section .row {
                gap: 24px;
            }

            .benefits-choosing-section .row div {
                flex: inherit;
            }

        }


        /*------------ box css end section-------------*/

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


        @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 css start -------*/
        .opm-main-wrapper .apm-features-detail-container {
            max-width: 1180px;
            width: 100%;
            margin: auto;
            padding-left: 12px;
            padding-right: 12px;
        }

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

        .feature-section-intro-content {}

        .opm-main-wrapper .intro-section {}

        .opm-main-wrapper .feature-section .feature-section-intro-content {
            margin: 0px 0px 32px;
            text-align: center;
        }

        .opm-main-wrapper .feature-section:last-child .feature-content-section {
            margin: 0;
        }

        .opm-main-wrapper .feature-section .feature-header-section {
            text-align: center;
            margin: 80px auto 0;
            background-color: #ffffff;
            -webkit-transition: all 0.25s;
            transition: all 0.25s;
            min-height: 55px;
            transition: all 0.25s;
            padding-bottom: 42px;
        }

        .opm-main-wrapper .feature-section .feature-header-section #feature-header-section {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        .opm-main-wrapper .feature-section .feature-header-section #feature-header-section::-webkit-scrollbar {
            display: none;
        }

        @media screen and (min-width: 576px) {
            .opm-main-wrapper .feature-section .feature-header-section #feature-header-section.sticky {
                position: fixed;
                top: 48px;
                width: 100%;
                left: 0;
                background: #fcfcfc;
                -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
                box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
                border-bottom: 1px solid #dadada;
                z-index: 10;
                -webkit-transition: all 0.25s;
                transition: all 0.25s;
            }
        }

        @media only screen and (min-width: 576px) and (max-width: 1025.98px) {
            .opm-main-wrapper .feature-section .feature-header-section #feature-header-section.sticky {
                top: 88px;
            }
        }

        .opm-main-wrapper .feature-section .feature-header-section ul {
            border-bottom: 1px solid #dadada;
            display: inline-block;
        }

        .opm-main-wrapper .feature-section .feature-header-section ul li {
            display: inline-block;
            margin-bottom: 0;
        }

        .opm-main-wrapper .feature-section .feature-header-section ul li a {
            display: inline-block;
            padding: 12px 24px;
            color: inherit;
            font-size: 18px;
            position: relative;
            font-weight: 600;
            text-decoration: unset;
        }

        .opm-main-wrapper .feature-section .feature-header-section ul li a::before {
            position: absolute;
            content: "";
            height: 2.5px;
            width: 0;
            left: 0;
            bottom: 0;
            background-color: #006deb;
        }

        .opm-main-wrapper .feature-section .feature-header-section ul li a.active {
            color: #006deb;
        }

        .opm-main-wrapper .feature-section .feature-header-section ul li a.active::before {
            width: 100%;
        }

        .opm-main-wrapper .feature-section .feature-content {
            margin: 0px 0px 42px;
        }

        .opm-main-wrapper .feature-section .feature-content-section {
            margin: 0px 0px 32px;
        }

        .opm-main-wrapper .feature-section .feature-content-section .content-header {
            margin-bottom: 32px;
        }

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

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

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

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

        /*-------- get started css --------*/

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

        .get-started-section .opm-btn-icon {
            margin-right: 0px !important;
        }

        /*-------- get started end css --------*/
        /*========== trusted section end css  ==============*/

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


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


        .img-holder {
            margin: 48px 0px 32px;
            border: 1px solid #ddd;
        }

        /*------- accordian css -------*/
        .tac {
            text-align: center;
        }

        .faq-content-section {
            background: #F9F9F9;
        }

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

            padding: 0px 175px;
            border-radius: 8px;

        }

        .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 .apm-features-detail-container {
                padding: 60px 16px;
            }
        }



        /*--- cusotmer section css ---------*/

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

        .opm-main-wrapper .testimonial-section .testimonial-wrapper {
            margin: 60px 0 0;
        }

        .opm-main-wrapper .testimonial-section .gartner-review-wrapper {
            border-radius: 12px;
            padding: 32px;
            background-color: #f5f5f5;
            margin-bottom: 24px;
            min-height: 419px;
            position: relative;
        }

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

        .opm-main-wrapper .testimonial-section .gartner-review-wrapper .gartnerReviewSwiper {
            padding-bottom: 16px;
        }

        .opm-main-wrapper .testimonial-section .gartner-review-wrapper .gartnerReviewSwiper .swiper-pagination {
            bottom: -5px;
        }

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

        .opm-main-wrapper .testimonial-section .gartner-review-card .gartner-logo {
            height: 50px;
        }

        .opm-main-wrapper .testimonial-section .gartner-review-card .gartner-review-details {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            color: #818181;
        }

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

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

        .opm-main-wrapper .testimonial-section .gartner-review-card h4 {
            margin: 12px 0;
            font-weight: 600;
            line-height: 1.35;
        }

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

        .opm-main-wrapper .testimonial-section .client-review-card .client-profile-section {
            background-color: #ffffff;
            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;
        }

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

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

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

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

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

        .opm-main-wrapper .testimonial-section .award-badge-card {
            background-color: #f5f5f5;
            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) {
            .opm-main-wrapper .testimonial-section .award-badge-card {
                margin-bottom: 24px;
            }
        }

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

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

        .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: 400px;
            width: 100%;
            height: 230px;
            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;
        }

        .intro-video .video-play-button {
            width: 64px;
            height: 64px;
            border-radius: 100px;
            background-color: #e80e19;
            border: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-box-shadow: 0 6px 24px 3px rgba(192, 192, 192, 0.75);
            box-shadow: 0 6px 24px 3px rgba(192, 192, 192, 0.75);
            cursor: pointer;
        }

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

        /*-------- tab section ----------*/

        .opm-main-wrapper .about-section .about-title-list {
            margin: 40px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 20px
        }

        .opm-main-wrapper .about-section .about-title-list .title-list-item {
            border-radius: 50px;
            border: 1px solid rgba(221, 221, 221, .87);
            padding: 12px 24px;
            cursor: pointer;
            font-weight: 400;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-transition: all .25s ease-in;
            transition: all .25s ease-in
        }

        .opm-main-wrapper .about-section .about-title-list .title-list-item.active {
            background: #000;
            color: #fff;
            border-color: #000
        }

        .opm-main-wrapper .about-section .content-list {
            max-width: 620px
        }

        @media screen and (max-width: 991.98px) {
            .opm-main-wrapper .about-section .content-list {
                max-width: 720px;
                margin: 0 auto 60px
            }
        }

        .opm-main-wrapper .about-section .content-list .content-list-item {
            border: 1px solid #e9e9e9;
            border-radius: 8px;
            padding: 24px;
            margin-bottom: 16px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 0 20px
        }

        .opm-main-wrapper .about-section .content-list .content-list-item:last-child {
            margin-bottom: 0
        }

        .opm-main-wrapper .about-section .content-list .content-list-item.active .icon-chevron-down {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .opm-main-wrapper .about-section .content-list .content-list-item.active .content-list-desc {
            display: block !important
        }

        .opm-main-wrapper .about-section .content-list .content-list-item .content-list-icon {
            width: 36px;
            height: 36px;
            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
        }


        .opm-main-wrapper .about-section .about-content-item {
            display: none
        }

        .opm-main-wrapper .about-section .about-content-item.active {
            display: block
        }

        .opm-main-wrapper .about-section .content-list-image {
            display: none;
            text-align: center
        }

        .opm-main-wrapper .about-section .content-list-image img {
            max-width: 720px;
            width: 100%;
            border-radius: 6px;
            border: 1px solid rgba(0, 0, 0, .08);
            -webkit-box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, .08);
            box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, .08)
        }

        .opm-main-wrapper .about-section .content-list-image.active {
            display: block
        }



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

            .about-title-list {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

            .title-list-item {
                text-align: center;
                -webkit-box-flex: 1;
                -ms-flex: 1 0 45%;
                flex: 1 0 45%;
            }
        }