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

        .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 12px
        }

        .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 12px
        }

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

        .opm-main-wrapper h5,
        .opm-main-wrapper .h5,
        .feature-list-content h3 {
            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: 17px;
            font-weight: 300;
            line-height: 30px;
            margin: 0 0 16px
        }

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

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

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

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

            .opm-main-wrapper h4 {
                font-size: 1.75rem
            }
            .opm-main-wrapper h5, .feature-list-content h3 {
                font-size: 1.5rem
            }
        }

        .opm-btn {
            border: 0;
            border-radius: 4px;
            font-weight: 400;
            font-size: calc(1rem + 2px);
            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;
            border: 1px solid #e1e2e5;
            color: inherit;
            background-color: #fff;
            -webkit-transition: all .15s ease-out;
            transition: all .15s ease-out;
            font-family: inherit
        }

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

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

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

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

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

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

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

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

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

        .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 {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
            flex: 1 0 0
        }

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

        .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-auto {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto
            }

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

            .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-auto {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto
            }

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

            .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-auto {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto
            }

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

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

        .text-center {
            text-align: center !important
        }

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

        .m-0 {
            margin: 0 !important
        }

        .d-block {
            display: block !important
        }

        .img-fluid {
            max-width: 100%;
            height: auto
        }

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

        body {
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

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

        .opm-main-wrapper .pt-0 {
            padding-top: 0 !important
        }
 .opm-main-wrapper .pb-0 {
            padding-bottom: 0 !important
        }

.opm-main-wrapper .mt-0 {
            margin-top: 0 !important
        }


        .opm-main-wrapper .mb-0 {
            margin-bottom: 0 !important
        }


        .opm-main-wrapper .container {
            width: 100%;
            margin: auto
        }

        @media only screen and (min-width: 992px) {
            .opm-main-wrapper .container {
                max-width: 960px
            }
        }

        @media only screen and (min-width: 1200px) {
            .opm-main-wrapper .container {
                max-width: 1180px
            }
        }

        @media only screen and (min-width: 1400px) {
            .opm-main-wrapper .container {
                max-width: 1280px
            }
        }

        .opm-main-wrapper .sec-header {
            text-align: center;
            max-width: 1180px;
            margin: 0 auto 40px
        }

        .opm-main-wrapper .sec-header p {
            max-width: 1180px;
            margin: 0 auto 16px
        }

        .opm-main-wrapper .banner-section {
            padding: 60px 0 160px;
            background: -webkit-gradient(linear, left top, left bottom, from(#FFFAC7), to(rgba(255, 237, 166, 0.18)));
            background: linear-gradient(180deg, #FFFAC7 0%, rgba(255, 237, 166, 0.18) 100%)
        }

        .opm-main-wrapper .banner-section .banner-content .banner-desc {
            font-size: 20px;
            line-height: 1.6;
            letter-spacing: -0.25px;
            margin-bottom: 24px
        }

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

            .banner-video {
                justify-content: center !important;
            }
        }


        @media screen and (max-width: 991.98px) {
            .opm-main-wrapper .banner-section .banner-image {
                margin-top: 2.5rem
            }
        }

        .opm-main-wrapper .award-section {
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .opm-main-wrapper .award-section .award-card {
            border-radius: 16px;
            background: #fff;
            -webkit-box-shadow: 0px 6px 32px -4px rgba(0, 0, 0, .08);
            box-shadow: 0px 6px 32px -4px rgba(0, 0, 0, .08);
            padding: 36px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;flex-direction:column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            gap: 0px 54px
        }
.opm-main-wrapper .award-section .award-card h2 {font-size:28px !important;font-weight:400;margin-bottom:24px;}

        @media screen and (max-width: 767.98px) {
            .opm-main-wrapper .award-section .award-card {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                gap: 24px
            }
        }

        .opm-main-wrapper .award-section .award-card .award-texture {
            position: relative;
            padding: 0 40px;
        }
        .opm-main-wrapper .award-section .award-card .award-texture h5 {
            font-weight: 400
        }

        .opm-main-wrapper .award-section .client-logo-wrapper {
            overflow: hidden;
            width: 100%
        }

        .opm-main-wrapper .award-section .client-logo-wrapper .logo-marquee {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 0 40px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        @media screen and (max-width: 1199.98px) {
            .opm-main-wrapper .award-section .client-logo-wrapper .logo-marquee {
                -webkit-animation: 40s linear 1s infinite normal none running logoMarquee;
                animation: 40s linear 1s infinite normal none running logoMarquee
            }

            @-webkit-keyframes logoMarquee {
                0% {
                    -webkit-transform: translateX(0px);
                    transform: translateX(0px)
                }

                100% {
                    -webkit-transform: translateX(-400px);
                    transform: translateX(-400px)
                }
            }

            @keyframes logoMarquee {
                0% {
                    -webkit-transform: translateX(0px);
                    transform: translateX(0px)
                }

                100% {
                    -webkit-transform: translateX(-400px);
                    transform: translateX(-400px)
                }
            }
        }

        .opm-main-wrapper .award-section .client-logo-wrapper .logo-item {
            border-radius: 8px;
            height: 80px;
            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: 1199.98px) {
            .opm-main-wrapper .award-section .client-logo-wrapper .logo-item {
                min-width: 100px
            }
        }

        .opm-main-wrapper .about-section {
            padding: 20px 0 0
        }

        .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 .content-list .content-list-item .content-list-body {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .opm-main-wrapper .about-section .content-list .content-list-item .content-list-body .content-list-title {
            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;
            cursor: pointer;
            width: 100%
        }

        .opm-main-wrapper .about-section .content-list .content-list-item .content-list-body .content-list-title h5 {
            margin-bottom: 0;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

        .opm-main-wrapper .about-section .content-list .content-list-item .content-list-body .content-list-desc {
            padding-top: 8px;
            display: none
        }

        .opm-main-wrapper .about-section .content-list .content-list-item .content-list-body .content-list-desc p {
            margin: 0
        }

        .opm-main-wrapper .about-section .content-list .content-list-item .icon-chevron-down {
            min-width: 24px;
            height: 24px;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=")
        }

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

        .opm-main-wrapper .feature-section {
            padding: 100px 0
        }

        .opm-main-wrapper .feature-section h5 {
            margin-bottom: 4px
        }

        @media screen and (max-width: 991.98px) {
            .opm-main-wrapper .feature-section .feature-list {
                margin: 0 auto 40px
            }
        }

        .opm-main-wrapper .feature-section .feature-list-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-direction:column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            gap: 0 24px;
            border-radius: 12px;
            padding: 24px;
            border: 1px solid #f0f0f0;
            margin-bottom: 24px
        }

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

        .opm-main-wrapper .feature-section .feature-list-item p {
            margin-bottom: 0
        }

        .opm-main-wrapper .feature-section .feature-list-icon {
            position: relative;
            min-width: 40px;
            padding-top: 6px;
            text-align: center;
            z-index: 1
        }

       /*8 .opm-main-wrapper .feature-section .feature-list-icon::after {
            position: absolute;
            content: "";
            top: 0;
            right: 0;
            width: 24px;
            height: 24px;
            border-radius: 100px;
            background: linear-gradient(154deg, #F3D570 13.08%, rgba(252, 228, 130, 0) 87.14%);
            z-index: -1
        }*/

        .opm-main-wrapper .feature-section .feature-sec-image {
            text-align: center
        }

        .opm-main-wrapper .resolve-section-row {
           /* margin-bottom: 60px;
            margin-top: 0px;*/
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; padding:30px 0px;
        }




        @media screen and (max-width: 991.98px) {
            .opm-main-wrapper .resolve-section-row:last-child {
                margin: 0;
                -webkit-box-orient: vertical;

            }

            .resolve-section-wrapper .resolve-section-row:nth-child(even) {
                flex-direction: column-reverse;
                -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
            }
        }


        .opm-main-wrapper .resolve-section-row h4 {
            margin-bottom: 4px
        }

        .opm-main-wrapper .resolve-section-row img {
            max-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) */
        }

        @media screen and (min-width: 992px) {
            .opm-main-wrapper .resolve-section-row img {
                max-width: 620px;
                width: 100%
            }

            .opm-main-wrapper .resolve-section-row .resolve-section-content {
                max-width: 620px
            }
        }

        .opm-main-wrapper .choose-section {
            padding: 80px 0
        }

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

        .opm-main-wrapper .choose-section .row {
            margin-top: 60px
        }

        .opm-main-wrapper .choose-section li {
            position: relative;
            padding-left: 40px;
            font-size: 20px;
            margin-bottom: 20px
        }

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

        .opm-main-wrapper .choose-section li::before {
            position: absolute;
            content: "";
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 24px;
            height: 24px;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjM0NCAxNi45NjI2TDE4LjE4NzYgOS4xMTkwNUwxNi45NTgxIDcuODg5NThMMTAuMzQ0IDE0LjUwMzdMNy4wMTkwNCAxMS4xNzg3TDUuNzg5NTggMTIuNDA4MUwxMC4zNDQgMTYuOTYyNlpNMTIuMDAxOCAyMy4wODMxQzEwLjQ2ODggMjMuMDgzMSA5LjAyNzk3IDIyLjc5MjIgNy42NzkxNCAyMi4yMTA0QzYuMzMwMyAyMS42Mjg3IDUuMTU3MDEgMjAuODM5MSA0LjE1OTI1IDE5Ljg0MThDMy4xNjE0OCAxOC44NDQ1IDIuMzcxNTggMTcuNjcxNyAxLjc4OTU1IDE2LjMyMzVDMS4yMDc1MiAxNC45NzUzIDAuOTE2NTA0IDEzLjUzNDcgMC45MTY1MDQgMTIuMDAxOEMwLjkxNjUwNCAxMC40Njg4IDEuMjA3MzkgOS4wMjc5NyAxLjc4OTE3IDcuNjc5MTRDMi4zNzA5NSA2LjMzMDMgMy4xNjA0OSA1LjE1NzAxIDQuMTU3OCA0LjE1OTI2QzUuMTU1MTIgMy4xNjE0OCA2LjMyNzkgMi4zNzE1OCA3LjY3NjE0IDEuNzg5NTVDOS4wMjQzNiAxLjIwNzUyIDEwLjQ2NDkgMC45MTY1MDQgMTEuOTk3OSAwLjkxNjUwNEMxMy41MzA4IDAuOTE2NTA0IDE0Ljk3MTYgMS4yMDczOSAxNi4zMjA1IDEuNzg5MTdDMTcuNjY5MyAyLjM3MDk1IDE4Ljg0MjYgMy4xNjA0OSAxOS44NDA0IDQuMTU3OEMyMC44MzgxIDUuMTU1MTIgMjEuNjI4IDYuMzI3OSAyMi4yMTAxIDcuNjc2MTRDMjIuNzkyMSA5LjAyNDM2IDIzLjA4MzEgMTAuNDY0OSAyMy4wODMxIDExLjk5NzlDMjMuMDgzMSAxMy41MzA4IDIyLjc5MjIgMTQuOTcxNiAyMi4yMTA0IDE2LjMyMDVDMjEuNjI4NyAxNy42NjkzIDIwLjgzOTEgMTguODQyNiAxOS44NDE4IDE5Ljg0MDRDMTguODQ0NSAyMC44MzgxIDE3LjY3MTcgMjEuNjI4IDE2LjMyMzUgMjIuMjEwMUMxNC45NzUzIDIyLjc5MjEgMTMuNTM0NyAyMy4wODMxIDEyLjAwMTggMjMuMDgzMVoiIGZpbGw9IiMwOUFCNTgiLz4KPC9zdmc+Cg==")
        }

        .opm-main-wrapper .bottom-cta-section {
            text-align: center;
            padding: 80px 0;
            background: #fffac9
        }

        .opm-main-wrapper .bottom-cta-section .bottom-cta-btn-group {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 16px;
            margin-top: 24px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        @media screen and (max-width: 469.98px) {
            .opm-main-wrapper .bottom-cta-section .bottom-cta-btn-group {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

            .opm-main-wrapper .bottom-cta-section .bottom-cta-btn-group a {
                width: 100%;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }
        }

        .opm-main-wrapper .swiper-slide {
            padding-top: 0;
            padding-bottom: 0
        }

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

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

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

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

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

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

        .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: #f6f6f6;
            margin-bottom: 24px;
            min-height: 419px;
            position: relative
        }

        .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: #0f3a7b
        }

        @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: #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
        }

        .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: #fff;
            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 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%)
        }

        .opm-main-wrapper .testimonial-section .client-review-card .client-details .client-name {
            color: #0657bf;
            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: #0a5ed9;
            font-weight: 500;
            cursor: pointer
        }

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

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

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

        .opm-main-wrapper .video-player-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #fff;
            width: 100%;
            height: 100%;
            padding: 40px 20px;
            -webkit-transition: all .25s ease-in;
            transition: all .25s ease-in;
            display: none;
            opacity: 0;
            z-index: 999;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

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

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

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

        .opm-main-wrapper .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
        }

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

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

        @media screen and (min-width: 992px) {
            .sec-header h2 span {
                display: block
            }
        }

        @media screen and (max-width: 991.98px) {
            .choose-list {
                margin-top: 40px
            }
        }

        @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%
            }
        }

        @media screen and (max-width: 479.98px) {
            .about-title-list {
                gap: 8px
            }

            .title-list-item {
                -webkit-box-flex: 1;
                -ms-flex: 1 0 100%;
                flex: 1 0 100%
            }
        }

        @media screen and (max-width: 767.98px) {
            .resource-other-wrapper {
                padding: 24px !important
            }

            .resource-wrapper {
                border-right: 0 !important
            }
        }

        

        /*--------- related resource seciton css ----------*/

        .justify-content-center {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }

        .related-resource-section .related-resource-img {
            margin-top: 40px;
            max-width: 360px;
            width: 100%;
            height: auto;
        }

        .related-resource-section .resource-card {
            border: 1px solid #efefef;
            border-radius: 12px;
            margin-top: 32px;
        }

        @media screen and (max-width: 1199.98px) {
            .related-resource-section .resource-card {
                margin: 40px 0 0;
            }
        }

        .related-resource-section .resource-wrapper {
            padding: 24px;
            border-right: 1px solid #efefef;
        }

        .related-resource-section .resource-link-item.featured {
            margin-bottom: 32px;
        }

        .related-resource-section .resource-link-list li {
            margin-bottom: 8px;
            font-size: 1rem;
            line-height: 1.75;
        }

        .related-resource-section .resource-link-list li:last-child {
            margin-bottom: 0;
        }

        .related-resource-section .resource-link-list li a {
            color: inherit !important;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .related-resource-section .resource-link-list li a svg {
            vertical-align: sub;
            margin-left: 4px;
        }

        .related-resource-section .resource-other-wrapper {
            padding: 24px 24px 24px 0;
        }

        .related-resource-section .resource-other-wrapper a {
            color: inherit !important;
        }

        .related-resource-section .resource-other-wrapper .resource-other-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            text-decoration: none;
        }

        .related-resource-section .resource-other-wrapper .resource-other-item:nth-child(1),
        .related-resource-section .resource-other-wrapper .resource-other-item:nth-child(2) {
            padding-bottom: 24px;
            margin-bottom: 24px;
            border-bottom: 1px solid #efefef;
        }

        .related-resource-section .resource-other-wrapper .resource-other-item:hover {
            text-decoration: none;
        }

        .related-resource-section .resource-other-wrapper .resource-other-item .h5 {
            line-height: 1;
            font-size: 20px;
            margin-bottom: 4px;
        }

        .related-resource-section .resource-other-wrapper .resource-other-item .p {
            font-size: 1rem;
            line-height: 1.75;
        }

        .related-resource-section .resource-other-wrapper .resource-other-item .resource-other-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

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


        .related-resource-section .resource-other-wrapper .resource-other-item .anchor-text {
            color: #006deb;
        }

        .related-resource-section .resource-other-wrapper .resource-other-item .resource-other-icon {
            margin-right: 20px;
        }

        .related-resource-section .resource-other-wrapper .resource-other-item .resource-other-icon svg {
            width: 32px;
            height: 38px;
        }

        .related-resource-section .resource-other-wrapper .resource-other-item a {
            font-size: 1rem;
        }

        @media screen and (max-width: 1199.98px) {
            .related-resource-title-wrapper {
                text-align: center;
            }
        }

        @media screen and (max-width: 767.98px) {
            .resource-other-wrapper {
                padding: 24px !important;
            }

            .resource-wrapper {
                border-right: 0 !important;
            }
        }

        @media screen and (min-width: 992px) {
            .d-lg-block {
                display: block !important;
            }
        }

        #VideosAndLogos {
            display: none;
        }

        .sec-padding-80 {
            padding: 80px 0px;
        }

        .sec-padding-100 {
            padding: 100px 0px;
        }

        /*------- accordian css -------*/

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

        .tac {
            text-align: center;
        }

        .faq-content-section .faq-container {
            background: #FAFCFF;
            padding: 100px 175px;
            border-radius: 8px;
            box-shadow: 10px 10px 20px 0px #f4f6ff;

        }

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

        .opm-main-wrapper .faq-content-section h2 {
            margin-bottom: 40px
        }

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

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

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

        }	

   @media screen and (max-width: 680.98px){
.opm-main-wrapper .container {
    width: 98%;
    margin: auto;
}

}

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

        .list-box {
            padding: 0 0 0 0px !important;
            border-radius: 8px;
            margin-top: 24px;
        }

        .list-box li {
            background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 18C7.755 18 6.585 17.7638 5.49 17.2913C4.395 16.8188 3.4425 16.1775 2.6325 15.3675C1.8225 14.5575 1.18125 13.605 0.70875 12.51C0.23625 11.415 0 10.245 0 9C0 7.755 0.23625 6.585 0.70875 5.49C1.18125 4.395 1.8225 3.4425 2.6325 2.6325C3.4425 1.8225 4.395 1.18125 5.49 0.70875C6.585 0.23625 7.755 0 9 0C9.975 0 10.8975 0.1425 11.7675 0.4275C12.6375 0.7125 13.44 1.11 14.175 1.62L12.87 2.9475C12.3 2.5875 11.6925 2.30625 11.0475 2.10375C10.4025 1.90125 9.72 1.8 9 1.8C7.005 1.8 5.30625 2.50125 3.90375 3.90375C2.50125 5.30625 1.8 7.005 1.8 9C1.8 10.995 2.50125 12.6938 3.90375 14.0963C5.30625 15.4988 7.005 16.2 9 16.2C10.995 16.2 12.6938 15.4988 14.0963 14.0963C15.4988 12.6938 16.2 10.995 16.2 9C16.2 8.73 16.185 8.46 16.155 8.19C16.125 7.92 16.08 7.6575 16.02 7.4025L17.4825 5.94C17.6475 6.42 17.775 6.915 17.865 7.425C17.955 7.935 18 8.46 18 9C18 10.245 17.7638 11.415 17.2913 12.51C16.8188 13.605 16.1775 14.5575 15.3675 15.3675C14.5575 16.1775 13.605 16.8188 12.51 17.2913C11.415 17.7638 10.245 18 9 18ZM7.74 13.14L3.915 9.315L5.175 8.055L7.74 10.62L16.74 1.5975L18 2.8575L7.74 13.14Z" fill="%233DB372"/></svg>');
            background-repeat: no-repeat;
            background-position: 0 4px;
            padding-left: 32px !important;
            margin-bottom: 8px;
            font-size: 18px;
            font-weight: 300;
            line-height: 30px;
            margin: 0 0 16px;
            list-style: none;
            ;
        }


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

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

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

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

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

        .video-player-wrapper .video-player-container .video-player-close-btn {
            width: 32px;
            height: 32px;
            margin-left: auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            cursor: pointer;
        }

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

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

        .banner-video {
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }

        .intro-video {

            position: relative;
            border-radius: 12px;
            z-index: 1;
            max-width: 527px;
            width: 100%;
            height: 293px;

        }

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

        .intro-video .video-play-button {
            width: 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%);
            /* border: 2px solid #fff; */
            cursor: pointer;
        }

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

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

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

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

        .feature-sec-content {
            display: flex;
            align-items: self-start;
            justify-content: center;
            flex-direction: column;
        }

        .feature-sec-content .list-box {
            padding: 30px !important;
            background: #fffbe1;
            margin: 0;
        }

        /* ---- anchor link css ----------*/

        .anchors-wrapper {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
            position: sticky;
            top: 50px;
            background: #fff;
            height: 70px;
            width: 100%;
            margin-bottom: 24px;
        }

        .anchors-box {
            display: inline-flex;
            gap: 12px;
        }

        .anchors-wrapper h6 {
            margin: 0;
        }

        .anchors-box ul {
            display: inline-flex;
            gap: 8px;
        }

        .anchors-box li {
            list-style: none;
            margin-bottom: 0 !important;

        }

        .anchors-box li a {
            background: #efefef;
            padding: 4px 16px;
            border-radius: 50px;
            color: #000;
            border: 1px solid #e5e2e2;
            font-size: 16px;
            font-weight: 400;line-height:1.4;
            text-decoration: none;display:block;text-align:center;
        }

        .anchors-box li a.active {
            background: #333;
            color: #fff;
        }

        .anchors-box li a:hover {
            text-decoration: inherit;
            background: #333;
            color: #fff;
            border: 1px solid #333;
        }


        @media screen and (max-width: 980.98px) {
            .anchors-wrapper {
                display: block;
               position:sticky;
                text-align: center;
                height: auto;
		top:70px; padding-bottom:20px; padding-top:20px;
            }
            .anchors-wrapper h6 {
                margin-bottom: 12px;
            }

            .anchors-box {
                display: block;

            }

            .anchors-box ul {
                display: block;
            }

            .anchors-box li {
                display: inline-block;

            }

            .anchors-box li a {
                display: inline-flex;
                margin: 4px 0px;
		padding:8px 16px;
            }

        }
   @media screen and (max-width: 500.98px) {
            .anchors-wrapper {
               position: inherit;
            }

.anchors-box li a:focus{background:#efefef; border:1px solid #ddd; color:#000;}
        }


        /*------- table css ----------*/

        .table {
            max-width: 998px;
            margin: 0 auto;
        }

        .table {
            border-collapse: separate !important;
        }
        .table thead tr th {
            background: #3c3c3c;
            color: #fff;
        }

        .table th {
            font-weight: 600
        }
        .table th,
        .table td {
            background: #fff;
            font-size: 17px;
            padding: 16px 24px;
            vertical-align: middle;
            border-color: #d4d4d4;
            text-align: center;
            border: 1px solid #eff1f5;
            ;
        }

        .table td.bg-green {
            background-color: #e6fff5
        }

        .table td.bg-red {
            background-color: #fff0f0
        }

        .comparison-table {
            max-width: 980px;
            margin-left: auto;
            border-collapse: collapse !important;
            width: 100%;
        }

        .comparison-table tr td:nth-of-type(2) {
            background-color: #fff;
        }

        .custom-table-cover {
            padding: 80px;
            border-radius: 12px;
        }

        table {
            border-collapse: collapse;
            width: 50%;
        }

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

            .custom-table-cover {
                background: #fffbe1;
                padding: 32px 16px;
                border-radius: 12px;
            }

            .table th,
            .table td {
                padding: 16px 24px;
                ;
            }

        }

.resolve-section-content a, .feature-list-content a {color:#006deb;}

#adRhsLnkNm{display:block;background:#34ad65;border-radius:3px 0 0 3px;height:105px;position:absolute;right:1px;top:501px;width:95px;transition:all 1.2s ease-in-out;-webkit-transition:all 1.2s ease-in-out;color:#fff;font-family:BariolRegular,sans-serif;text-align:center;padding:10px 16px 0;z-index:1;cursor:pointer}#adRhsLnkNm a{text-decoration:none;color:#fff!important;text-align:center;display:block;margin:0 auto;padding:5px;font-size:10px;line-height:15px}


.value-points-wrapper {
padding: 0;margin: 0;display:flex;flex-wrap:wrap;flex-direction:column;gap:8px;margin-bottom:24px;
}
.value-points-wrapper li {
    font-size: 16px !important;
    color: #000000;font-weight:400 !important;
}
.value-points-wrapper li {
         background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2388_1997)'%3e%3cpath d='M10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.0833 0 12.1083 0.158333 13.075 0.475C14.0417 0.791667 14.9333 1.23333 15.75 1.8L14.3 3.275C13.6667 2.875 12.9917 2.5625 12.275 2.3375C11.5583 2.1125 10.8 2 10 2C7.78333 2 5.89583 2.77917 4.3375 4.3375C2.77917 5.89583 2 7.78333 2 10C2 12.2167 2.77917 14.1042 4.3375 15.6625C5.89583 17.2208 7.78333 18 10 18C12.2167 18 14.1042 17.2208 15.6625 15.6625C17.2208 14.1042 18 12.2167 18 10C18 9.7 17.9833 9.4 17.95 9.1C17.9167 8.8 17.8667 8.50833 17.8 8.225L19.425 6.6C19.6083 7.13333 19.75 7.68333 19.85 8.25C19.95 8.81667 20 9.4 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM8.6 14.6L4.35 10.35L5.75 8.95L8.6 11.8L18.6 1.775L20 3.175L8.6 14.6Z' fill='%233DB372'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2388_1997'%3e%3crect width='20' height='20' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
         background-repeat: no-repeat;
         background-position: 8px 4px;
         padding-left: 40px;
         font-size: 17px;
         margin: 0 !important;
}
.text-white {
    color: #f9f9f9
}
.feature-list {display:flex;flex-wrap:wrap;gap:24px;justify-content:center;}
.feature-list .feature-list-item {width: calc(33.33% - 24px);}

.key-metrics-section{padding:100px 0;background:#222}
ul.ul-key-metrics{ display: flex; flex-wrap: wrap; gap: 24px; justify-content: center}
ul.ul-key-metrics >li{ width: calc(25% - 40px); border: 1px solid #3d3d3d; padding: 24px;border-radius: 6px; color: #cccccc;position:relative;}
.ul-key-metrics .key-metrics-title {display:block;position:relative;padding-left:40px;font-weight:700;min-height:70px;}
.ul-key-metrics .key-metrics-title:before {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2388_1997)'%3e%3cpath d='M10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.0833 0 12.1083 0.158333 13.075 0.475C14.0417 0.791667 14.9333 1.23333 15.75 1.8L14.3 3.275C13.6667 2.875 12.9917 2.5625 12.275 2.3375C11.5583 2.1125 10.8 2 10 2C7.78333 2 5.89583 2.77917 4.3375 4.3375C2.77917 5.89583 2 7.78333 2 10C2 12.2167 2.77917 14.1042 4.3375 15.6625C5.89583 17.2208 7.78333 18 10 18C12.2167 18 14.1042 17.2208 15.6625 15.6625C17.2208 14.1042 18 12.2167 18 10C18 9.7 17.9833 9.4 17.95 9.1C17.9167 8.8 17.8667 8.50833 17.8 8.225L19.425 6.6C19.6083 7.13333 19.75 7.68333 19.85 8.25C19.95 8.81667 20 9.4 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM8.6 14.6L4.35 10.35L5.75 8.95L8.6 11.8L18.6 1.775L20 3.175L8.6 14.6Z' fill='%233DB372'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2388_1997'%3e%3crect width='20' height='20' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    left: 0;
    top: 8px;
}
span.fea-sprite {
    background:url(../images/server-monitoring/server-monitoring-fea-sprites.svg) no-repeat top center;
    width: 50px;
    height: 48px;
    display:inline-block;
    margin-bottom: 8px;
}
span.fea-sprite.icon1 {background-position: 3px 4px;}
span.fea-sprite.icon2 {background-position: -54px 4px;}
span.fea-sprite.icon3 {background-position: -110px 4px;}

@media screen and (max-width: 1200px) {
ul.ul-key-metrics >li {width:calc(33.33% - 40px)}
}
@media screen and (max-width: 1024px) { 
ul.ul-key-metrics >li {width:calc(50% - 40px)}
.feature-list .feature-list-item {width:calc(100% - 24px);}
}
@media screen and (max-width: 778px) { 
ul.ul-key-metrics >li {width:calc(100% - 40px)}
}