.about-section,
        .client-section,
        .choose-section {
            padding: 80px 0;
        }

        .banner-section {
            padding: 80px 0 !important;
            background: linear-gradient(180deg, #FFF0BC 0%, rgba(255, 248, 224, 0.6) 100%);
        }

        .about-section {
            background-color: #fbfbfb;
        }

        .about-section .row {
            gap: 24px 0;
        }

        .testimonial-section {
            background: #fbfbfb;
        }

        .customer-review-wrapper,
        .gartner-review-wrapper,
        .award-badge-card {
            background: #ffffff !important;
        }

        .client-profile-section {
            background: #f1f1f1 !important;
        }

        #country_state {
            margin: 0;
        }

        /* About card */
        .about-card {
            border: 1px solid #e9e9e9;
            background: #ffffff;
            border-radius: 8px;
            padding: 24px;
            height: 100%;
        }

        .about-card h5 {
            margin-bottom: 8px
        }

        .about-card .about-icon {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 16px
        }

        /* Form */
        .form-feedback-error {
            display: none;
        }

        .form-group-row .form-feedback-error {
            position: absolute;
            top: 0;
            top: -24px;
            color: red;
            border: 0;
        }

        .form-group-row {
            position: relative;
        }

        .form-group-row>div:nth-child(2) .select-country select {
            font-size: 15px;
            margin: 0;
            /* max-width: 116px; */
            padding-right: 12px;
        }

        /* Choose section */
        .choose-section {
            background-color: #f5fbff;
        }


        .choose-section strong {
            font-weight: 500
        }

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

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

        .choose-section ul li:last-child {
            margin-bottom: 0
        }

        .choose-section ul 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==")
        }

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

        /* Feature section */
        .feature-section {
            padding: 80px 0 100px
        }

        .feature-section .feature-section-header {
            padding: 80px 0 120px;
            background-color: #363636;
            color: #fff
        }

        .feature-section .feature-section-header h2 {
            color: #fff
        }

        .feature-section .feature-section-body {
            margin-top: -100px
        }

        .feature-section .feature-section-body .about-content-wrapper {
            padding: 40px;
            background-color: #fff;
            border-radius: 16px;
            -webkit-box-shadow: 0 4px 12px -2px rgba(0, 0, 0, .08);
            box-shadow: 0 4px 12px -2px rgba(0, 0, 0, .08)
        }

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

        .feature-section .about-title-list .title-list-item {
            border-radius: 8px;
            border: 1px solid #f5c57d;
            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;
            font-size: 18px
        }

        .feature-section .about-title-list .title-list-item.active {
            background: #ffc063;
            color: #000;
            font-weight: 500;
            border-color: #ffc063
        }

        .feature-section .about-content-item {
            display: none
        }

        .feature-section .about-content-item.active {
            display: block
        }

        .feature-card {
            padding: 20px;
            border: 1px solid #e5e5e5;
            border-radius: 8px;
            margin-bottom: 24px;
        }

        .feature-card:last-child {
            margin-bottom: 0
        }

        .feature-card p {
            margin-bottom: 0
        }

        .solution-sec-img {
            text-align: center;
        }

        .solution-sec-img img {
            max-width: 480px;
            width: 100%;
            height: auto;
        }

        .banner-image img {
            max-width: 580px;
            margin: auto;
            width: 100%;
            height: auto;
        }

        /* Disclaimer section */
        .disclaimer-section {
            padding: 100px 0;
        }

        .disclaimer-content {
            text-align: center;
            border: 1px solid #ddd !important;
            border-radius: 6px;
            padding: 32px;
            position: relative;
        }

        .disclaimer-content>h4 {
            font-size: 18px;
            background: #f1f1f1;
            display: inline-block;
            position: absolute;
            top: -23px;
            padding: 8px 24px;
            border-radius: 6px;
            left: 50%;
            transform: translateX(-50%);
        }

        .disclaimer-content>p {
            margin: 0;
        }


        /* Banner rating card */
        .banner-rating-div-wrapper .banner-rating-div {
            display: flex;
            gap: 24px;
            margin: 16px 0px 0px;
            justify-content: center;

        }

        .banner-rating-div-wrapper .rating-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 14px;
            width: 280px;
            background: #fff;
            padding: 28px 24px;
            max-width: 100%;
            border-radius: 8px;
            border: 1px solid #dddddd;
        }

        .banner-rating-div-wrapper h5 {
            font-size: 40px;
            font-weight: 600;
        }

        .banner-rating-div-wrapper .rating-card h5 {
            font-size: 42px;
            font-weight: 800;
            line-height: normal;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
        }

        .banner-rating-div-wrapper .rating-card p {
            margin: 0px;
            font-size: 18px;
            font-weight: 400;
            text-align: center;
        }

        @media screen and (min-width: 768px) and (max-width: 1024px) {
            .banner-rating-div-wrapper .rating-card h5 {
                font-size: 32px;
            }
        }

        @media screen and (max-width: 888px) {
            .banner-rating-div {
                flex-wrap: wrap;
            }

            .banner-rating-div-wrapper .rating-card {
                width: calc(50% - 32px);
            }
        }

        @media screen and (max-width: 640px) {
            .banner-rating-div-wrapper .rating-card {
                gap: 20px;
            }
        }

        @media screen and (max-width: 550px) {
            .banner-rating-div-wrapper .rating-card {
                width: 100%;
            }
        }

        /* Client sec title */
        .client-sec-title {
            text-align: center;
            position: relative;
        }

        .client-sec-title h4 span {
            background: #fff;
            position: relative;
            padding: 0 24px;
            z-index: 1;
        }

        .client-sec-title h4::after {
            position: absolute;
            content: "";
            max-width: 30%;
            width: 100%;
            height: 1px;
            background-color: #ddd;
            top: 50%;
            right: 9.25%;
        }

        .client-sec-title h4::before {
            position: absolute;
            content: "";
            max-width: 30%;
            width: 100%;
            height: 1px;
            background-color: #ddd;
            top: 50%;
            left: 9.25%;
        }

        .client-list-wrapper {
            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: 32px 54px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-top: 48px
        }

        /*----------- sticky section start css -----------*/
        .sec-padding-100 {
            padding: 100px 0px;
        }

        .digital-workplace-section {
            background: #18181c;
            color: #fff;
        }

        .digital-workplace-section {
            color: #d9dadb;
        }

        .digital-workplace-section>h2 {
            margin-bottom: 56px;
            color: #d9dadb;
        }

        .ecnew .flex {
            display: flex;
            max-width: 1200px;
            justify-content: center;
            align-items: center;
            margin: auto;
            grid-gap: 24px;
        }

        .ecnew.features>.flex {
            align-items: flex-start;
            justify-content: left;
        }

        .ecnew.features .sticky-aside {
            max-width: 400px;
            position: sticky;
            top: 150px;
            width: 400px;
        }

        .sticky-aside>h2 {
            font-weight: 500;
            font-size: 48px;
            margin-bottom: 40px;
            color: #d9dadb;
        }

        .ecnew.features .sticky-aside .cta {
            min-width: 100px;
        }

        .ecnew.features .sticky-aside .flex {
            justify-content: left;
        }

        .ecnew.features .sticky-aside #progress-bar {
            width: calc(100% - 50px);
            height: 4px;
            background-color: #27272f;
            z-index: 9999;
            display: block;
            border-radius: 4px;
            overflow: hidden;
            margin-bottom: 20px;
        }

        .ecnew.features .sticky-aside #progress-bar .bar {
            height: 100%;
            background-color: #ffbd6f;
            width: 0;
        }

        .ecnew.features .main-caption {
            max-width: 800px;
            margin-top: -20px;
        }

        .ecnew.features .main-caption .flex {
            flex-wrap: wrap;
            align-items: stretch;
            justify-content: left;
        }

        .ecnew.features .main-caption .box {
            width: calc(50% - 60px);
            opacity: 0;
            transform: translate(0, 100px);
            transition: all ease 750ms;
            padding: 24px;
            border-radius: 16px;
            min-height: 220px;
            position: relative;
        }

        .ecnew.features .main-caption .box a {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            color: transparent;
        }

        .ecnew.features .main-caption .box:hover {
            background-color: #111114;
        }

        .ecnew.features .main-caption .box.active {
            opacity: 1;
            transform: translate(0, 0);
        }

        .ecnew.features .main-caption .box span {
            width: 44px;
            height: auto;
            margin: 0 0 10px;
        }

        .ecnew.features .main-caption .box p {
            margin: 0;
        }

        .ecnew.features .main-caption h3 {
            color: #d9dadb;
            line-height: 32px;
            font-size: 22px;
            font-weight: 400;
            margin: 12px 0px;
        }

        .ecnew.dark.black p {
            color: #aaaaaa;
        }

        .ecnew.benefit {
            background-color: var(--cp-color);
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            padding-bottom: 200px;
        }

        .ecnew.benefit .flex {
            overflow: hidden;
            align-items: flex-start;
            justify-content: space-between;
        }

        .ecnew.benefit .swiper {
            width: 100%;
            height: 550px;
        }

        .ecnew.benefit .swiper-slide {
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        @media (max-width: 1250px) {
            @media (max-width: 1050px) {
                .ecnew .flex {
                    flex-wrap: wrap;
                }
            }
        }

        @media (max-width: 1250px) {
            .ecnew .flex {
                max-width: 1000px;
            }

            .ecnew.hero .caption {
                width: 500px;
            }

            .ecnew.customers .flex {
                grid-gap: 16px;
            }

            .ecnew.features .sticky-aside {
                max-width: 350px;
            }

            .ecnew.features .main-caption .flex {
                grid-gap: 0;
            }

            .ecnew.benefit .main-caption {
                width: 580px;
            }

            .ecnew.why .swiper-pagination-bullet {
                font-size: 13px;
            }

            .ecnew.edition .box {
                min-width: 180px;
            }

            .ecnew.edition .box .caption-grp li {
                font-size: 14px;
            }

            .ecnew.edition .cta {
                font-size: 14px;
            }

            .ecnew.edition .box .caption-grp h4 b {
                font-size: 16px;
            }

            .ecnew.footprint .box h4 {
                font-size: 30px;
                white-space: nowrap;
            }

            .ecnew.footprint [data-counter] {
                min-width: auto;
            }

            .ecnew.footprint .footprint_Swiper {
                max-width: 1000px;
            }
        }

        @media (max-width: 1050px) {
            .ecnew .flex {
                flex-wrap: wrap;
            }

            .ecnew.features>.flex {
                flex-wrap: wrap;
            }

            .ecnew.features .sticky-aside {
                position: static;
                max-width: none;
            }

            .ecnew.benefit .flex {
                flex-wrap: wrap;
            }

            .ecnew.edition .flex {
                flex-wrap: wrap;
            }

            .ecnew.edition .box {
                min-width: auto;
                max-width: 300px;
            }

            .ecnew.edition .cta {
                font-size: 14px;
            }

            .ecnew.edition .box .caption-grp h4 b {
                font-size: 16px;
            }

            .ecnew.footprint .footprint_Swiper .flex {
                flex-wrap: wrap;
            }

            .ecnew.footprint .footprint_Swiper {
                width: auto;
                height: auto;
            }

            .ecnew.footprint .footprint_Swiper .clip {
                width: 100%;
            }

            .ecnew.footprint .footprint_Swiper .caption {
                width: auto;
            }

            .ecnew.features .sticky-aside #progress-bar {
                display: none;
            }

            .ecnew.talk .clip img {
                width: auto;
                max-width: 300px;
            }

            .ecnew.talk .clip {
                margin: -170px auto 0;
            }

            .ecnew.talk>.flex {
                justify-content: center;
            }

            .ecnew.talk .caption h2,
            .ecnew.talk .caption p {
                text-align: center;
            }

            .ecnew.talk .caption .cta-grp {
                justify-content: center;
            }

            .ecnew.footprint .box-cover {
                width: auto;
            }

            .ecnew.features .main-caption .box {
                width: auto;
                min-height: auto;
                padding: 20;
            }
        }

        @media (max-width: 1250px) {
            @media (max-width: 765px) {
                .ecnew {
                    padding: 52px 32px;
                }
            }
        }

        @media (max-width: 768px) {
            .sticky-aside h3 {
                margin-bottom: 16px;
                font-size: 42px;
            }

            .ecnew .flex {
                grid-gap: 50px;
            }

            .ecnew.features .sticky-aside {
                width: 100%;
            }
        }

        .uptime-monitoring-main-wrapper .mobile-app-section .mobile-app-mock {
            align-items: center;
        }

        .mobile-app-section img {
            max-width: 480px;
            width: 100%;
        }

        /*----------- sticky section end css -----------*/
        .about-card {
            text-align: center;
        }

        .about-card .about-icon {
            justify-content: center;
        }

        .trusted-section {
            padding-top: 80px;
        }

        .video-player-wrapper {
            background: rgba(0, 0, 0, .8) !important;
        }

        .uptime-monitoring-main-wrapper .video-player-wrapper {
            z-index: 999999;
        }

        .uptime-monitoring-main-wrapper .video-player-wrapper .video-player-container {
            margin: auto;
        }

        /* Thanks Message */
        .thanks-message {
            padding: 16px;
            background: linear-gradient(154deg, #a1eac457, #ffffff9c);
            border-radius: 4px;
            display: none;
        }

        .thanks-message p {
            margin: 8px 0 0;
        }

        .thanks-message .thanks-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 0 12px;
        }

        .thanks-message .thanks-content h6 {
            margin-bottom: 0;
        }


        .select-os {
            position: relative;
            padding-left: 8px;
            padding-right: 8px;
            margin-left: 8px;
            color: #000;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 48px;
            z-index: 1;
        }

        @media only screen and (max-width: 525.98px) {
            .select-os {
                width: 100%;
                background: #fff;
                border: 1px solid #ddd;
                border-radius: 4px;
                margin: 0 0 12px;
                height: 48px;
            }

            .select-os .selectedOS {
                line-height: 48px;
            }
        }

        .select-os::before {
            position: absolute;
            content: "";
            background-color: #E1E2E5;
            width: 1px;
            height: 28px;
            left: 0px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        @media only screen and (max-width: 525px) {
            .select-os::before {
                display: none;
            }
        }

        .select-os::after {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #1B1D1F;
            z-index: -1;
            margin: auto;
        }

        @media only screen and (max-width: 525.98px) {
            .select-os::after {
                right: 12px;
            }
        }

        .select-os .selectedOS {
            font-size: 15px;
            margin-right: 8px;
        }

        .select-os select {
            background-image: none !important;
            position: absolute;
            min-width: 38px;
            max-width: 100%;
            left: 0;
            top: 0;
            opacity: 0;
        }

        .swiper-pagination {
            bottom: 0 !important;
        }

        .swiper-wrapper {
            margin-bottom: 16px;
        }

        .swiper-pagination-bullet {
            width: 10px !important;
            height: 10px !important;
            margin: 0 4px !important;
        }
.str-demo{padding-top: 60px;}