img:is([sizes=auto i], [sizes^="auto," i]) {
            contain-intrinsic-size: 3000px 1500px
        }

        /*! This file is auto-generated */
        .wp-block-button__link {
            color: #fff;
            background-color: #32373c;
            border-radius: 9999px;
            box-shadow: none;
            text-decoration: none;
            padding: calc(.667em + 2px) calc(1.333em + 2px);
            font-size: 1.125em
        }

        .wp-block-file__button {
            background: #32373c;
            color: #fff;
            text-decoration: none
        }

        :root {
            --wp--preset--aspect-ratio--square: 1;
            --wp--preset--aspect-ratio--4-3: 4/3;
            --wp--preset--aspect-ratio--3-4: 3/4;
            --wp--preset--aspect-ratio--3-2: 3/2;
            --wp--preset--aspect-ratio--2-3: 2/3;
            --wp--preset--aspect-ratio--16-9: 16/9;
            --wp--preset--aspect-ratio--9-16: 9/16;
            --wp--preset--color--black: #000;
            --wp--preset--color--cyan-bluish-gray: #abb8c3;
            --wp--preset--color--white: #fff;
            --wp--preset--color--pale-pink: #f78da7;
            --wp--preset--color--vivid-red: #cf2e2e;
            --wp--preset--color--luminous-vivid-orange: #ff6900;
            --wp--preset--color--luminous-vivid-amber: #fcb900;
            --wp--preset--color--light-green-cyan: #7bdcb5;
            --wp--preset--color--vivid-green-cyan: #00d084;
            --wp--preset--color--pale-cyan-blue: #8ed1fc;
            --wp--preset--color--vivid-cyan-blue: #0693e3;
            --wp--preset--color--vivid-purple: #9b51e0;
            --wp--preset--color--primary: #0073a8;
            --wp--preset--color--secondary: #005075;
            --wp--preset--color--dark-gray: #111;
            --wp--preset--color--light-gray: #767676;
            --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);
            --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);
            --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);
            --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);
            --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%);
            --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);
            --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);
            --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);
            --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);
            --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);
            --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);
            --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%);
            --wp--preset--font-size--small: 19.5px;
            --wp--preset--font-size--medium: 20px;
            --wp--preset--font-size--large: 36.5px;
            --wp--preset--font-size--x-large: 42px;
            --wp--preset--font-size--normal: 22px;
            --wp--preset--font-size--huge: 49.5px;
            --wp--preset--spacing--20: .44rem;
            --wp--preset--spacing--30: .67rem;
            --wp--preset--spacing--40: 1rem;
            --wp--preset--spacing--50: 1.5rem;
            --wp--preset--spacing--60: 2.25rem;
            --wp--preset--spacing--70: 3.38rem;
            --wp--preset--spacing--80: 5.06rem;
            --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2);
            --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4);
            --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2);
            --wp--preset--shadow--outlined: 6px 6px 0px -3px #fff, 6px 6px #000;
            --wp--preset--shadow--crisp: 6px 6px 0px #000
        }

        :where(body) {
            margin: 0
        }

        :where(.is-layout-flex) {
            gap: .5em
        }

        :where(.is-layout-grid) {
            gap: .5em
        }

        body .is-layout-flex {
            display: flex
        }

        .is-layout-flex {
            flex-wrap: wrap;
            align-items: center
        }

        .is-layout-flex>:is(*, div) {
            margin: 0
        }

        body .is-layout-grid {
            display: grid
        }

        .is-layout-grid>:is(*, div) {
            margin: 0
        }

        body {
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0
        }

        :root :where(.wp-element-button, .wp-block-button__link) {
            background-color: #32373c;
            border-width: 0;
            color: #fff;
            font-family: inherit;
            font-size: inherit;
            font-style: inherit;
            font-weight: inherit;
            letter-spacing: inherit;
            line-height: inherit;
            padding-top: calc(0.667em + 2px);
            padding-right: calc(1.333em + 2px);
            padding-bottom: calc(0.667em + 2px);
            padding-left: calc(1.333em + 2px);
            text-decoration: none;
            text-transform: inherit
        }

        .has-black-color {
            color: var(--wp--preset--color--black) !important
        }

        .has-cyan-bluish-gray-color {
            color: var(--wp--preset--color--cyan-bluish-gray) !important
        }

        .has-white-color {
            color: var(--wp--preset--color--white) !important
        }

        .has-pale-pink-color {
            color: var(--wp--preset--color--pale-pink) !important
        }

        .has-vivid-red-color {
            color: var(--wp--preset--color--vivid-red) !important
        }

        .has-luminous-vivid-orange-color {
            color: var(--wp--preset--color--luminous-vivid-orange) !important
        }

        .has-luminous-vivid-amber-color {
            color: var(--wp--preset--color--luminous-vivid-amber) !important
        }

        .has-light-green-cyan-color {
            color: var(--wp--preset--color--light-green-cyan) !important
        }

        .has-vivid-green-cyan-color {
            color: var(--wp--preset--color--vivid-green-cyan) !important
        }

        .has-pale-cyan-blue-color {
            color: var(--wp--preset--color--pale-cyan-blue) !important
        }

        .has-vivid-cyan-blue-color {
            color: var(--wp--preset--color--vivid-cyan-blue) !important
        }

        .has-vivid-purple-color {
            color: var(--wp--preset--color--vivid-purple) !important
        }

        .has-primary-color {
            color: var(--wp--preset--color--primary) !important
        }

        .has-secondary-color {
            color: var(--wp--preset--color--secondary) !important
        }

        .has-dark-gray-color {
            color: var(--wp--preset--color--dark-gray) !important
        }

        .has-light-gray-color {
            color: var(--wp--preset--color--light-gray) !important
        }

        .has-black-background-color {
            background-color: var(--wp--preset--color--black) !important
        }

        .has-cyan-bluish-gray-background-color {
            background-color: var(--wp--preset--color--cyan-bluish-gray) !important
        }

        .has-white-background-color {
            background-color: var(--wp--preset--color--white) !important
        }

        .has-pale-pink-background-color {
            background-color: var(--wp--preset--color--pale-pink) !important
        }

        .has-vivid-red-background-color {
            background-color: var(--wp--preset--color--vivid-red) !important
        }

        .has-luminous-vivid-orange-background-color {
            background-color: var(--wp--preset--color--luminous-vivid-orange) !important
        }

        .has-luminous-vivid-amber-background-color {
            background-color: var(--wp--preset--color--luminous-vivid-amber) !important
        }

        .has-light-green-cyan-background-color {
            background-color: var(--wp--preset--color--light-green-cyan) !important
        }

        .has-vivid-green-cyan-background-color {
            background-color: var(--wp--preset--color--vivid-green-cyan) !important
        }

        .has-pale-cyan-blue-background-color {
            background-color: var(--wp--preset--color--pale-cyan-blue) !important
        }

        .has-vivid-cyan-blue-background-color {
            background-color: var(--wp--preset--color--vivid-cyan-blue) !important
        }

        .has-vivid-purple-background-color {
            background-color: var(--wp--preset--color--vivid-purple) !important
        }

        .has-primary-background-color {
            background-color: var(--wp--preset--color--primary) !important
        }

        .has-secondary-background-color {
            background-color: var(--wp--preset--color--secondary) !important
        }

        .has-dark-gray-background-color {
            background-color: var(--wp--preset--color--dark-gray) !important
        }

        .has-light-gray-background-color {
            background-color: var(--wp--preset--color--light-gray) !important
        }

        .has-black-border-color {
            border-color: var(--wp--preset--color--black) !important
        }

        .has-cyan-bluish-gray-border-color {
            border-color: var(--wp--preset--color--cyan-bluish-gray) !important
        }

        .has-white-border-color {
            border-color: var(--wp--preset--color--white) !important
        }

        .has-pale-pink-border-color {
            border-color: var(--wp--preset--color--pale-pink) !important
        }

        .has-vivid-red-border-color {
            border-color: var(--wp--preset--color--vivid-red) !important
        }

        .has-luminous-vivid-orange-border-color {
            border-color: var(--wp--preset--color--luminous-vivid-orange) !important
        }

        .has-luminous-vivid-amber-border-color {
            border-color: var(--wp--preset--color--luminous-vivid-amber) !important
        }

        .has-light-green-cyan-border-color {
            border-color: var(--wp--preset--color--light-green-cyan) !important
        }

        .has-vivid-green-cyan-border-color {
            border-color: var(--wp--preset--color--vivid-green-cyan) !important
        }

        .has-pale-cyan-blue-border-color {
            border-color: var(--wp--preset--color--pale-cyan-blue) !important
        }

        .has-vivid-cyan-blue-border-color {
            border-color: var(--wp--preset--color--vivid-cyan-blue) !important
        }

        .has-vivid-purple-border-color {
            border-color: var(--wp--preset--color--vivid-purple) !important
        }

        .has-primary-border-color {
            border-color: var(--wp--preset--color--primary) !important
        }

        .has-secondary-border-color {
            border-color: var(--wp--preset--color--secondary) !important
        }

        .has-dark-gray-border-color {
            border-color: var(--wp--preset--color--dark-gray) !important
        }

        .has-light-gray-border-color {
            border-color: var(--wp--preset--color--light-gray) !important
        }

        .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
            background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important
        }

        .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
            background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important
        }

        .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
            background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important
        }

        .has-luminous-vivid-orange-to-vivid-red-gradient-background {
            background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important
        }

        .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
            background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important
        }

        .has-cool-to-warm-spectrum-gradient-background {
            background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important
        }

        .has-blush-light-purple-gradient-background {
            background: var(--wp--preset--gradient--blush-light-purple) !important
        }

        .has-blush-bordeaux-gradient-background {
            background: var(--wp--preset--gradient--blush-bordeaux) !important
        }

        .has-luminous-dusk-gradient-background {
            background: var(--wp--preset--gradient--luminous-dusk) !important
        }

        .has-pale-ocean-gradient-background {
            background: var(--wp--preset--gradient--pale-ocean) !important
        }

        .has-electric-grass-gradient-background {
            background: var(--wp--preset--gradient--electric-grass) !important
        }

        .has-midnight-gradient-background {
            background: var(--wp--preset--gradient--midnight) !important
        }

        .has-small-font-size {
            font-size: var(--wp--preset--font-size--small) !important
        }

        .has-medium-font-size {
            font-size: var(--wp--preset--font-size--medium) !important
        }

        .has-large-font-size {
            font-size: var(--wp--preset--font-size--large) !important
        }

        .has-x-large-font-size {
            font-size: var(--wp--preset--font-size--x-large) !important
        }

        .has-normal-font-size {
            font-size: var(--wp--preset--font-size--normal) !important
        }

        .has-huge-font-size {
            font-size: var(--wp--preset--font-size--huge) !important
        }

        .has-scroll-smooth [data-scroll-container] {
            margin-top: 60px
        }

        .ds_flex {
            display: flex
        }

        .ds_table {
            display: table
        }

        .flex_wrap {
            flex-wrap: wrap
        }

        .flex_nowrap {
            flex-wrap: nowrap
        }

        .flex_spc_btw {
            justify-content: space-between
        }

        .flex_center {
            justify-content: center
        }

        .flex_js_end {
            justify-content: flex-end
        }

        .flex_al_center {
            align-items: center
        }

        .flex_al_baseline {
            align-items: baseline
        }

        .flex_al_top {
            align-items: flex-start
        }

        .flex_al_end {
            align-items: flex-end
        }

        .flex_column {
            flex-direction: column
        }

        .ds_in_blk {
            display: inline-block
        }

        .flex_spc_evn {
            justify-content: space-evenly
        }

        .brand_header {
            background-color: #0f0f0f;
            padding: 9px 14px;
            width: 100%;
            position: relative;
            top: 100%;
            z-index: 999
        }

        .brand_header {
            -webkit-transition: all .6s cubic-bezier(.4, .25, 0, 1);
            transition: all .6 cubic-bezier(.4, .25, 0, 1)
        }

        .brand_header.scrolled-down {
            top: -100%
        }

        .brand_nav_list_wrapper {
            margin: 0 0 0 80px;
            gap: 32px
        }

        .br_anim a {
            position: relative;
            margin-right: 12px
        }

        @keyframes bracket_blink {

            0%,
            50% {
                opacity: 0;
                color: #1d1f20
            }
        }

        @-webkit-keyframes bracket_blink {

            0%,
            50% {
                opacity: 0;
                color: #1d1f20
            }
        }

        .br_anim a:before {
            content: "[";
            float: left;
            position: absolute;
            left: -10px;
            animation: bracket_blink;
            animation-iteration-count: infinite;
            animation-duration: 1s;
            bottom: auto;
            top: auto;
            transform: none
        }

        .br_anim a:after {
            content: "]";
            animation: bracket_blink;
            animation-iteration-count: infinite;
            animation-duration: 1s;
            position: absolute;
            right: -10px
        }

        .nav_menu_dropdown,
        .br_anim>a {
            color: #fff;
            font-size: 16px;
            font-weight: 400;
            line-height: 150%;
            padding: 15px 0;
            display: flex;
            align-items: center;
            position: relative;
            transition: color .2s, box-shadow .4s
        }

        .active.nav_list_item>a,
        .brand_nav_list_wrapper .nav_list_item:first-child>a:hover {
            box-shadow: inset 0 -2px #1163fb
        }

        .common-overlay {
            background: rgba(0, 0, 0, .5);
            position: fixed;
            height: 100%;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            z-index: 99;
            transition: all .5s ease-in;
            -webkit-transition: all .5s ease-in;
            -moz-transition: all .5s ease-in;
            -ms-transition: all .5s ease-in;
            -o-transition: all .5s ease-in
        }

        .visible-none {
            display: none
        }

        .nav_list_item_dropicon {
            margin-left: 8px
        }

        .brand_btn_wrapper {
            position: relative
        }

        .ai_search_btn {
            position: absolute;
            top: 50%;
            right: 160px;
            z-index: 10;
            transform: translateY(-50%);
            display: flex;
            align-items: center;
            gap: 8px;
            align-self: stretch;
            width: 184px;
            padding: 8px 16px;
            font-size: 16px;
            font-weight: 600;
            color: #fff;
            background-color: transparent;
            border: 2px solid #fff;
            border-radius: 8px;
            cursor: pointer;
            transition: width .5s ease-in-out
        }

        .ai_search_icon {
            height: 18px
        }

        .ai_search_icon svg {
            width: 18px;
            height: 18px
        }

        .ai_search_icon svg path {
            fill: #fff
        }

        .expanded .ai_search_icon svg path {
            fill: #0f0f0f
        }

        .ai_search_field {
            color: #0f0f0f;
            font-size: 16px;
            font-weight: 400;
            line-height: 150%;
            cursor: pointer;
            background-color: transparent
        }

        .ai_search_field::-webkit-input-placeholder {
            color: #fff !important
        }

        .ai_search_field:-ms-input-placeholder {
            color: #fff !important
        }

        .ai_search_field::-moz-placeholder {
            color: #fff !important;
            opacity: 1
        }

        .ai_search_field:-moz-placeholder {
            color: #fff !important;
            opacity: 1
        }

        .brand_contact_btn {
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            padding: 12px 24px 12px 44px;
            line-height: normal;
            border-radius: 32px;
            background: #1163fb;
            position: relative
        }

        .brand_contact_btn img {
            position: absolute;
            left: 16px;
            top: 50%;
            transform: translateY(-50%)
        }

        @keyframes swing {
            20% {
                transform: rotate(15deg) translateY(-50%)
            }

            40% {
                transform: rotate(-10deg) translateY(-50%)
            }

            60% {
                transform: rotate(5deg) translateY(-50%)
            }

            80% {
                transform: rotate(-5deg) translateY(-50%)
            }

            to {
                transform: rotate(0deg) translateY(-50%)
            }
        }

        @-webkit-keyframes swing {
            20% {
                transform: rotate(15deg) translateY(-50%)
            }

            40% {
                transform: rotate(-10deg) translateY(-50%)
            }

            60% {
                transform: rotate(5deg) translateY(-50%)
            }

            80% {
                transform: rotate(-5deg) translateY(-50%)
            }

            to {
                transform: rotate(0deg) translateY(-50%)
            }
        }

        .brand_contact_btn:hover img {
            animation-duration: .4s;
            animation-name: swing
        }

        .ai_search_btn.expanded {
            width: 594px;
            background-color: #fff
        }

        .expanded .ai_search_field::-webkit-input-placeholder {
            color: #5b5b5b !important
        }

        .expanded .ai_search_field:-ms-input-placeholder {
            color: #5B5B5B !important
        }

        .expanded .ai_search_field::-moz-placeholder {
            color: #5B5B5B !important;
            opacity: 1
        }

        .expanded .ai_search_field:-moz-placeholder {
            color: #5B5B5B !important;
            opacity: 1
        }

        .clear_ai_search {
            position: absolute;
            right: 16px;
            top: 50%;
            transform: translateY(-50%);
            opacity: 0;
            transition: opacity .8s ease-in-out
        }

        .expanded .clear_ai_search {
            opacity: 1
        }

        .expanded .ai_search_field {
            padding-right: 35px
        }

        .nav_list_item {
            transition: opacity .4s ease-in-out
        }

        .nav_list_item.disabled {
            opacity: 0;
            pointer-events: none
        }

        .nav_list_item.active .nav_list_item_dropicon {
            transform: rotate(180deg) translateY(0)
        }

        .nav_list_item.active {
            color: #fff
        }

        .header-main .container {
            position: relative
        }

        .brand_dropdown_nav {
            transition: all .2s cubic-bezier(.165, .84, .44, 1);
            background-color: transparent;
            inset: 100% 0% auto;
            min-width: 100%;
            display: none;
            position: absolute;
            overflow: hidden
        }

        .brand_dropdown_nav.ai_results {
            top: 0
        }

        .brand_dropdown_nav.ai_results.active .brand_dropdown_inner {
            transform: none
        }

        .brand_dropdown_nav.ai_results .brand_dropdown_inner {
            margin: 0 auto
        }

        .active .brand_dropdown_nav {
            display: block
        }

        .brand_dropdown_inner {
            display: flex;
            z-index: 1;
            pointer-events: auto;
            justify-content: space-between;
            margin: .5rem auto;
            position: relative;
            height: 600px;
            transform: translateY(10px)
        }

        .portfolio_nav {
            height: 480px
        }

        .portfolio_nav .scrollable_list {
            max-height: 430px
        }

        .industry_nav {
            height: 720px
        }

        .industry_nav .scrollable_list {
            max-height: 550px;
            height: auto
        }

        .brand_dropdown_inner.technologies_nav,
        .ai_results .brand_dropdown_inner.resources_nav {
            height: 579px
        }

        .brand_dropdown_inner.resources_nav {
            height: 530px
        }

        .technologies_nav .scrollable_list {
            max-height: 520px;
            height: auto
        }

        .resources_nav .scrollable_list {
            max-height: 480px;
            height: auto
        }

        .industry_nav .category-list>li>a {
            padding: 12px 12px 12px 32px
        }

        .industry_nav .category-list {
            border-bottom: 0
        }

        .wht_container {
            padding: 24px
        }

        .brand_dropdown_inner.sm {
            width: 1066px
        }

        .brand_dropdown_inner.md {
            width: 900px
        }

        .menu_anim {
            position: relative;
            transform: translateY(20px);
            transition: opacity .3s ease, transform .3s ease;
            width: 100%
        }

        .nav_list_item .menu_anim.show {
            opacity: 1;
            transform: translateY(0)
        }

        .brand_dropdown_bg {
            background-color: #fff;
            border-radius: 8px;
            flex: 1;
            align-self: stretch;
            width: 100%;
            height: 100%;
            transition: all .2s cubic-bezier(.165, .84, .44, 1);
            position: absolute;
            inset: 0% 0% 0% 50%;
            transform: translate(-50%)
        }

        .brand_menu_grid {
            display: flex;
            flex-flow: wrap;
            width: 100%;
            position: relative
        }

        .brand_menu_grid_col {
            flex: 1;
            margin-bottom: 0
        }

        .img_grid_wrap {
            display: flex;
            grid-column-gap: 24px;
            grid-row-gap: 16px;
            flex-flow: wrap;
            width: 100%;
            position: relative
        }

        .img_grid_wrap li {
            flex: 1
        }

        .nav_link {
            padding: 12px;
            border: 1px solid #fff;
            border-radius: 8px
        }

        .nav_link:hover {
            border: 1px solid #ddd
        }

        .nav_link:hover .project_head {
            color: #1163fb
        }

        .logo_wrapper {
            width: 100px;
            height: 100px
        }

        .logo_wrapper img {
            max-width: 100%
        }

        .menu_content {
            padding-left: 16px;
            width: calc(100% - 100px)
        }

        .menu_title {
            color: #0f0f0f;
            font-size: 18px;
            font-weight: 700;
            line-height: 155.556%
        }

        .menu_description {
            color: #0f0f0f;
            font-size: 16px;
            font-weight: 400;
            line-height: 150%;
            padding-top: 10px;
            position: relative
        }

        .brand_menu_grid_col2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-column-gap: 24px;
            grid-row-gap: 6px;
            width: calc(100% - 576px)
        }

        .psr {
            position: relative;
            width: 100%
        }

        .brand_menu_bg {
            padding: 24px;
            width: 533px;
            border-radius: 8px 0 0 8px;
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../new-images/dropdown-bg.webp) no-repeat;
            background-size: cover;
            background-position: center
        }

        .appi_link {
            color: #0f0f0f;
            font-size: 16px;
            font-weight: 600;
            line-height: normal;
            display: block;
            padding: 12px;
            position: relative
        }

        .appi_link:after,
        .appi_link.active:after {
            position: absolute;
            content: "";
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../new-images/menu-hover-arrow.svg) no-repeat;
            width: 12px;
            height: 9px;
            top: 50%;
            right: 12px;
            transform: translateY(-50%);
            opacity: 0;
            transition: all ease-in .1s
        }

        .appi_link:hover:after,
        .appi_link.active:after {
            opacity: 1
        }

        .appi_link:hover,
        .appi_link.active {
            border-radius: 8px;
            background: #ecf3ff;
            color: #1163fb
        }

        .col_list_wrapper li:not(:last-child) {
            margin-bottom: 8px
        }

        .lead_tech {
            position: absolute;
            bottom: 50px;
            left: 24px
        }

        .lead_tech_head {
            color: #fff;
            font-size: 18px;
            font-weight: 800;
            line-height: 155.556%
        }

        .lead_tech_list {
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            line-height: normal;
            margin-top: 24px;
            display: inline-block;
            border-bottom: 1px solid transparent
        }

        .lead_tech_list:hover {
            border-bottom: 1px solid #fff
        }

        .inner_list_wrap>li>a {
            color: #0f0f0f;
            font-size: 16px;
            font-weight: 400;
            line-height: 150%;
            padding: 12px;
            margin-bottom: 8px;
            display: block;
            border: 1px solid #fff;
            border-radius: 8px;
            position: relative
        }

        .inner_list_wrap>li>a:hover {
            border: 1px solid #ddd
        }

        .tab_accordian .appi_link {
            cursor: pointer;
            margin-bottom: 8px
        }

        .tab_accordian .appi_link span {
            margin: 0
        }

        .tab_accordian .appi_link {
            display: flex
        }

        .tab_accordian .appi_link:after {
            content: none
        }

        .line1 {
            border-right: 1px solid #ddd
        }

        .gap0 {
            grid-column-gap: 0
        }

        .tab_accordian .active svg path,
        .tab_accordian .appi_link:hover svg path {
            fill: #1163fb
        }

        .brand_dropdown_inner .active svg {
            transform: rotate(-180deg)
        }

        .category {
            padding: 0 12px
        }

        .category-header {
            color: #0f0f0f;
            font-size: 16px;
            font-weight: 700;
            line-height: 147%;
            margin: 12px 0;
            text-transform: uppercase;
            display: inline-flex;
            align-items: center
        }

        .category-header a {
            color: #0f0f0f
        }

        .category-header span {
            margin: 0
        }

        .category-list .category-head {
            color: #0f0f0f;
            font-size: 16px;
            font-weight: 600;
            line-height: 147%;
            text-transform: capitalize;
            display: flex;
            align-items: center
        }

        .category-list .category-head span {
            margin: 0
        }

        .category.category-list li a:before {
            content: none
        }

        .category-icon {
            margin: 0 16px 0 0
        }

        .category-list {
            list-style: none;
            padding-bottom: 15px;
            margin-bottom: 15px;
            border-bottom: 1px dashed #ddd
        }

        .brand_menu_grid_col .category:last-child .category-list {
            border-bottom: none
        }

        .category-list li {
            cursor: pointer
        }

        .category-list>li>a {
            color: #0f0f0f;
            font-size: 16px;
            font-weight: 500;
            line-height: 150%;
            padding: 8px 12px;
            margin-bottom: 2px;
            display: block;
            border-radius: 8px;
            position: relative
        }

        .has-submenu {
            position: relative
        }

        .has-submenu.submenu-active {
            border-radius: 8px;
            background: #ecf3ff;
            color: #1163fb
        }

        .category-submenu {
            display: none;
            position: absolute;
            max-height: 200px;
            overflow: auto;
            z-index: 2;
            right: 0;
            top: 100%;
            background: #fff;
            box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, .2);
            border-radius: 12px;
            list-style: none;
            padding: 15px
        }

        .submenu-active .category-submenu {
            display: block
        }

        .category-submenu>li>a {
            white-space: nowrap;
            color: #0f0f0f;
            font-size: 16px;
            font-weight: 500;
            line-height: 147%;
            display: inline-block;
            border-bottom: 1px solid #fff
        }

        .category-submenu li:not(:last-child) {
            border-bottom: 1px dashed #ddd;
            margin-bottom: 16px;
            padding-bottom: 16px
        }

        .category-list .has-submenu.submenu-active>a,
        .category-submenu li a:hover {
            color: #1163fb
        }

        .category-list>li>a {
            border: 1px solid #fff
        }

        .category-list>li>a:hover {
            border: 1px solid #ddd;
            color: #1468fb
        }

        .brand_menu_grid_col2.scrollable_list {
            padding: 0;
            margin: 24px
        }

        .scrollable_list {
            height: 510px;
            overflow-y: scroll;
            padding-right: 24px
        }

        .lg_hgt .scrollable_list {
            height: 420px
        }

        .scrollable_list::-webkit-scrollbar,
        .category-submenu::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 6px
        }

        .scrollable_list::-webkit-scrollbar-thumb,
        .category-submenu::-webkit-scrollbar-thumb {
            background-color: #ddd;
            border-radius: 12px
        }

        .category-list .has-submenu.submenu-active a:before {
            background-color: #1163fb
        }

        .category-menu-item {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            height: 20px;
            width: 20px
        }

        .has-submenu.submenu-active .category-menu-item:after {
            color: #1163fb
        }

        .category-menu-item:after {
            content: "+";
            padding: 0;
            color: #0f0f0f;
            position: absolute;
            right: 0;
            font-size: 22px;
            top: 50%;
            transform: translateY(-50%)
        }

        .has-submenu.submenu-active .category-menu-item:after {
            content: "-";
            font-size: 24px
        }

        .col_gap {
            gap: 36px
        }

        .call_cta_wrap {
            position: relative
        }

        .lg_hgt {
            height: 655px
        }

        .call_cta_wrap {
            position: absolute;
            bottom: 24px;
            left: 24px;
            width: calc(100% - 48px);
            padding: 12px 24px;
            background-color: #fff6db;
            border-radius: 8px;
            z-index: 2
        }

        .cta_caption {
            margin: 0;
            color: #0f0f0f;
            font-size: 18px;
            font-weight: 700
        }

        .call_cta_wrap .common__btn {
            margin: 0
        }

        .header-main .common__btn .btn-effect,
        .header_digital_cta_section .common__btn.blue-btn .btn_line {
            color: #fff;
            padding: 18px 24px;
            background-color: #1163fb;
            border: 1px solid #1163fb;
            border-radius: 10px
        }

        .header_digital_cta_section .common__btn.blue-btn .btn_line {
            padding: 14px 20px
        }

        .header-main .common__btn .btn-effect:hover {
            color: #000;
            background-color: transparent;
            border: 1px solid #000
        }

        .recommended-resoureces {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .resources_head {
            color: #0f0f0f;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase
        }

        .resources_head.prs {
            text-transform: none
        }

        .ai_articles .resources_head {
            color: #0f0f0f;
            font-size: 16px;
            font-weight: 600;
            text-transform: capitalize
        }

        .view_resources {
            color: #1163fb;
            font-size: 16px;
            font-weight: 600;
            margin: 0;
            border-bottom: 1px solid #1163fb
        }

        .view_resources:hover {
            border-bottom: 1px solid transparent
        }

        .resources_list {
            margin-top: 24px
        }

        #resources_head,
        #resource_message,
        #search_result,
        #search_result ul li {
            font-weight: 500
        }

        .resources_list li:not(:last-child) {
            margin-bottom: 24px
        }

        .recommended_img {
            width: 185px;
            height: 100px
        }

        .recommended_img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 4px
        }

        .resources_list .menu_content {
            padding-left: 16px;
            width: calc(100% - 185px)
        }

        .resources_list .menu_description {
            font-weight: 600
        }

        .scrolled-down .brand_dropdown_nav.ai_results {
            top: 48px
        }

        .ai_results.active {
            display: block
        }

        .featured_insight {
            background-color: #ecf3ff;
            border-radius: 0 8px 8px 0;
            padding: 24px 24px 48px;
            width: 480px
        }

        .et-industry-icon {
            background-color: #3c3c3c;
            min-height: 270px;
            padding: 20px
        }

        .section_head {
            color: #0f0f0f;
            font-size: 18px;
            font-weight: 800;
            line-height: 155.556%
        }

        .section_img {
            display: block;
            margin: 24px 0
        }

        .section_img img {
            max-width: 100%;
            border-radius: 8px;
            vertical-align: middle
        }

        .section_caption {
            color: #0f0f0f;
            font-size: 16px;
            font-weight: 600;
            line-height: 155.556%;
            margin-bottom: 24px;
            display: block;
            overflow: hidden;
            display: -webkit-box;
            line-clamp: 2;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical
        }

        .read_article {
            color: #1163fb;
            font-size: 16px;
            font-weight: 600;
            display: inline-block;
            border-bottom: 1px solid #1163fb
        }

        .read_article:hover {
            border-bottom: none
        }

        .brand_header_left {
            width: 100%
        }

        .strip_txt {
            position: relative
        }

        .marquee {
            height: 20px;
            position: relative
        }

        .marquee div {
            display: flex;
            width: max-content;
            white-space: nowrap;
            position: absolute;
            animation: marquee 30s linear infinite
        }

        .explore-now {
            color: #000;
            margin: 0 24px;
            text-decoration: underline !important
        }

        .slider-track {
            color: #000;
            margin: 0;
            transition: opacity .3s ease-in-out
        }

        .slider-track:hover {
            color: #000
        }

        .slider-track.disabled {
            opacity: 0;
            pointer-events: none
        }

        .icon {
            display: inline-block;
            margin-right: 24px
        }

        .marquee:hover div {
            animation-play-state: paused
        }

        @keyframes marquee {
            from {
                transform: translateX(0%)
            }

            to {
                transform: translateX(-50%)
            }
        }

        .brand-appi-logo img {
            width: 170px;
            height: 37px
        }

        .brand-appi-logo a {
            display: block
        }

        .header-main {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 9999;
            transition: all .3s ease-in;
            -webkit-transition: all .3s ease-in
        }

        .podcast_strip {
            background-color: #e9ff9b;
            width: 100%;
            padding: 8px 0;
            position: relative;
            z-index: 9999
        }

        .strip_txt {
            color: #fff;
            font-size: 16px;
            line-height: 155%;
            font-weight: 600;
            margin: 0
        }

        .watch_podcast {
            color: #fff;
            border-bottom: 1px solid #fff;
            margin-left: 20px
        }

        @keyframes promoHeaderStripeBg {

            0%,
            100% {
                background-color: var(--promo-stripe-yellow)
            }

            16.666% {
                background-color: var(--promo-stripe-lime)
            }

            33.333% {
                background-color: var(--promo-stripe-cyan)
            }

            50% {
                background-color: var(--promo-stripe-pink)
            }

            66.666% {
                background-color: var(--promo-stripe-peach)
            }

            83.333% {
                background-color: var(--promo-stripe-cream)
            }
        }

        @keyframes promoHeaderStripeShimmer {
            0% {
                background-position: 140% center, center
            }

            100% {
                background-position: -40% center, center
            }
        }

        .promo-header-stripe {
            top: 0;
            left: 0;
            right: 0;
            z-index: 10000;
            height: var(--promo-header-stripe-height);
            max-height: var(--promo-header-stripe-height);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 clamp(12px, 2vw, 24px);
            animation: promoHeaderStripeBg 12s linear infinite
        }

        .promo-header-stripe__inner {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: clamp(10px, 1.6vw, 18px);
            max-width: 100%;
            min-width: 0
        }

        .promo-header-stripe__text {
            margin: 0;
            color: #000;
            font-size: var(--fs-sm);
            font-weight: 800;
            line-height: 1.2;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .promo-header-stripe__cta {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            flex-shrink: 0;
            height: 28px;
            padding: 0 8px;
            border-radius: 999px;
            color: #fff;
            overflow: hidden;
            isolation: isolate;
            font-size: 16px;
            font-weight: 500
        }

        .promo-header-stripe__cta-text {
            display: inline-block;
            color: #fff;
            background-image: linear-gradient(110deg, transparent 42%, #585a5a 65%, transparent 58%), linear-gradient(#fff, #fff);
            background-size: 220% 100%, 100% 100%;
            background-position: 140% center, center;
            background-repeat: no-repeat;
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: promoHeaderStripeShimmer 1.5s linear infinite;
            animation-delay: -.75s
        }

        .promo-header-stripe__cta:hover .promo-header-stripe__cta-text {
            background-image: linear-gradient(110deg, transparent 42%, #1163fb 50%, transparent 58%), linear-gradient(#fff, #fff)
        }

        .promo-header-stripe__cta svg {
            flex-shrink: 0
        }

        @media (max-width: 767px) {
            .promo-header-stripe__cta {
                padding: 0
            }
        }

        body.page-loaded {
            overflow-y: auto;
            overflow-x: hidden !important
        }

        :root {
            --color-text-black: #111;
            --color-text-white: #fff;
            --color-primary: #1a69fd;
            --color-primary-hover: #0c4fcb;
            --color-bg-dark: #000;
            --color-yellow: #fff600;
            --gap-xxl: 2.5em;
            --gap-sm: 1.25em;
            --text: #f0ece3;
            --font-body: 'Plus Jakarta Sans', sans-serif;
            --font-display: 'Anton', sans-serif;
            --chip-white-bg: #f8f7f4;
            --chip-white-text: #0d0d0d;
            --accent-green: #86dd9b;
            --accent-yellow: #feff6e;
            --accent-purple: #ca9fff;
            --promo-header-stripe-height: 36px;
            --promo-stripe-yellow: #fff950;
            --promo-stripe-lime: #cfff75;
            --promo-stripe-cyan: #89f7ff;
            --promo-stripe-pink: #ffb3cc;
            --promo-stripe-peach: #ffc5b3;
            --promo-stripe-cream: #ffedb3
        }

        .dsktop {
            display: block
        }

        .mobls {
            display: none !important
        }

        .desktop-show {
            display: block
        }

        .mob-show {
            display: none
        }

        .ai_articles .btn--close-modal {
            position: absolute;
            right: 10px;
            top: 10px;
            width: 40px;
            height: 40px;
            cursor: pointer;
            z-index: 9999999 !important
        }

        #search_based_blog .heading2 {
            font-size: 18px;
            font-weight: 600;
            color: #000;
            margin-bottom: 25px
        }

        #search_based_blog .heading2.head {
            margin: 30px 0 10px;
            border-top: 1px solid #c7c4c4;
            padding: 20px 0 10px
        }

        #ai-services .wht_container {
            padding: 0 0 10px
        }

        .ai-col1 {
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: space-between
        }

        .cta-ai {
            border-radius: 8px;
            background: #0f0f0f;
            padding: 24px
        }

        .ai-cta-title {
            color: #fff;
            font-size: 20px;
            font-weight: 600;
            line-height: 160%
        }

        .cta-ai .common__btn.blue-btn {
            margin-top: 24px
        }

        .cta-ai .common__btn.blue-btn .btn_line {
            padding: 12px 16px;
            margin: 0;
            background: #1163fb;
            border: 2px solid #1163fb;
            color: #fff;
            font-size: 16px;
            font-weight: 600
        }

        .cta-ai .common__btn.blue-btn .btn_line:hover {
            background-color: transparent;
            border: 2px solid #fff
        }

        .header-container.header-old {
            position: fixed;
            z-index: 999999;
            width: 100%;
            top: 0 !important
        }

        header.header-container.nav-up {
            top: 0 !important
        }

        #sticky1,
        #sticky2,
        #sticky3,
        #sticky4 {
            padding-top: 9rem
        }

        .ai_results .resources_nav .scrollable_list {
            max-height: 480px;
            height: calc(100% - 150px)
        }

        .ai_results .resources_nav .scrollable_list#search_based_blog {
            padding-bottom: 80px
        }

        .old-header-btn.common__btn {
            display: none
        }

        .new-header-btn.common__btn {
            display: block
        }

        .header-old .old-header-btn.common__btn {
            display: block
        }

        .header-old .new-header-btn.common__btn {
            display: none
        }

        .hidden-scroll-body {
            overflow-y: hidden !important
        }

        ::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 0
        }

        ::-webkit-scrollbar-thumb {
            background-color: #090909
        }

        .header-old .nav_list_item>a:hover {
            color: #fff
        }

        @media (max-width: 1899px) {
            .brand_nav_list_wrapper {
                margin: 0 0 0 70px;
                gap: 28px
            }
        }

        @media (max-width: 1680px) {
            .brand_dropdown_inner {
                height: 500px
            }

            .brand_dropdown_inner.technologies_nav,
            .ai_results .brand_dropdown_inner.resources_nav {
                height: 570px
            }

            .brand_dropdown_inner.resources_nav {
                height: 500px
            }

            .brand_nav_list_wrapper {
                margin: 0 0 0 65px;
                gap: 25px
            }

            .nav_menu_dropdown,
            .section_caption,
            .promo-header-stripe__cta {
                font-size: 14px
            }

            .industry_nav {
                height: 580px
            }

            .industry_nav .scrollable_list {
                max-height: 435px
            }

            .lg_hgt {
                height: 580px
            }

            .brand_menu_bg {
                width: 480px
            }

            .brand_menu_grid_col2 {
                width: calc(100% - 480px)
            }

            .brand_menu_grid_col2.scrollable_list {
                width: calc(100% - 480px)
            }

            .logo_wrapper {
                width: 80px;
                height: 80px
            }

            .nav_link {
                padding: 10px
            }

            .menu_title {
                font-size: 14px
            }

            .menu_description {
                font-size: 12px;
                padding-top: 5px
            }

            .appi_link {
                color: #0f0f0f;
                font-size: 14px
            }

            .resources_nav .scrollable_list {
                max-height: 480px
            }
        }

        @media (max-width: 1550px) {
            .brand_dropdown_inner {
                height: 480px
            }

            .lg_hgt {
                height: 540px
            }

            .brand_menu_grid_col2 {
                grid-column-gap: 15px;
                grid-row-gap: 10px
            }

            .lead_tech_list {
                font-size: 14px
            }

            .inner_list_wrap>li>a {
                font-size: 14px;
                padding: 10px 10px 10px 32px;
                margin-bottom: 5px
            }

            .category.category-list>li>a {
                padding: 10px
            }

            .category-list>li>a {
                font-size: 14px;
                padding: 10px
            }

            .category-header {
                font-size: 14px
            }

            .col_gap {
                gap: 24px
            }

            .call_cta_wrap {
                bottom: 15px;
                left: 15px;
                width: calc(100% - 30px);
                padding: 15px
            }

            .header-main .common__btn .btn-effect,
            .header_digital_cta_section .common__btn.blue-btn .btn_line {
                padding: 14px 20px;
                font-size: 14px;
                font-weight: 400
            }

            .cta_caption,
            .category-list .category-head {
                font-size: 14px
            }

            .resources_head {
                font-size: 14px
            }

            .view_resources {
                font-size: 14px
            }

            .resources_list li {
                margin-top: 15px;
                margin-bottom: 30px
            }

            .scrollable_list {
                height: 400px
            }

            .resources_nav .scrollable_list {
                max-height: 340px
            }

            .resources_list li:not(:last-child) {
                margin-bottom: 15px
            }

            .recommended_img {
                width: 130px;
                height: 70px
            }

            .resources_list .menu_content {
                padding-left: 12px;
                width: calc(100% - 130px)
            }

            .technologies_nav .scrollable_list {
                max-height: 390px
            }

            .category-submenu li:not(:last-child) {
                margin-bottom: 12px;
                padding-bottom: 12px
            }

            .category-submenu>li>a {
                font-size: 14px
            }

            .category-icon {
                margin: 0 12px 0 0
            }

            .brand_header {
                padding: 8px
            }

            .strip_txt {
                font-size: 12px
            }

            .explore-now {
                margin: 0 18px
            }

            .brand_contact_btn {
                font-size: 14px;
                padding: 11px 14px 11px 40px
            }

            .brand_contact_btn img {
                left: 14px
            }

            .ai_search_btn {
                padding: 7px 14px;
                gap: 5px
            }

            .ai_search_btn {
                width: 185px;
                right: 140px
            }

            .ai-cta-title {
                font-size: 16px
            }
        }

        @media (max-width: 1440px) {
            .brand_dropdown_inner {
                height: 430px
            }

            .brand_nav_list_wrapper {
                margin: 0 0 0 40px;
                gap: 20px
            }

            .nav_menu_dropdown,
            .br_anim>a,
            .promo-header-stripe__cta {
                font-size: 13px
            }

            .ai_search_field {
                font-size: 14px
            }

            .ai_search_icon {
                width: 16px;
                height: 16px;
                background-size: 16px;
                margin-right: 4px
            }

            .nav_list_item_dropicon {
                margin-left: 4px
            }

            .ai_search_btn.expanded {
                width: 500px
            }

            .category-list>li>a {
                font-size: 13px;
                padding: 8px 10px
            }

            .industry_nav {
                height: 510px
            }
        }

        @media (max-width: 1366px) {
            .brand_dropdown_inner {
                height: 455px
            }

            .lg_hgt .scrollable_list,
            .industry_nav .scrollable_list {
                height: 350px
            }

            .header-container .container {
                display: block
            }
        }

        @media (max-width: 1023px) {
            .brand_nav_list_wrapper {
                overflow-y: scroll
            }

            .dsktop {
                display: none
            }

            .mobls {
                display: flex !important
            }

            .mob-show {
                display: block
            }

            .desktop-show {
                display: none
            }

            .brand_menu_grid_col .ai-col1 {
                padding-bottom: 30px;
                border-bottom: 1px solid #ddd
            }

            .header-container .container {
                display: block
            }

            #blogs .scrollable_list {
                height: auto !important
            }

            .mb-header-right.mob {
                display: flex
            }

            .brand_header.scrolled-down {
                top: 100%
            }

            .brand_nav_list_wrapper {
                position: fixed;
                top: 58px;
                right: -100%;
                height: calc(100vh - 100px);
                width: 100%;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                margin: 0;
                background: #000;
                padding: 0 15px 80px;
                transition: all .4s ease-in-out
            }

            .brand_nav_list_wrapper.flex_spc_btw {
                justify-content: flex-start
            }

            .brand_nav_list_wrapper.mb-menu-active {
                right: 0
            }

            .brand_dropdown_inner {
                margin: 0;
                width: 100% !important;
                height: auto
            }

            .brand_dropdown_nav {
                position: relative;
                padding: 0;
                top: 0
            }

            .wht_container {
                padding: 20px 15px
            }

            .scrollable_list {
                padding: 0;
                height: 500px !important
            }

            .scrollable_list::-webkit-scrollbar {
                width: 2px
            }

            .active .nav_menu_dropdown span {
                color: #1163fb;
                font-weight: 600
            }

            .active .nav_menu_dropdown svg path {
                fill: #1163fb
            }

            .nav_list_item.active .nav_list_item_dropicon {
                transform: rotate(180deg) translateY(25%)
            }

            .category-list {
                padding-bottom: 10px;
                margin-bottom: 10px
            }

            .col_gap {
                gap: 0px
            }

            .category {
                padding: 0
            }

            .category .category-list {
                margin-left: 22px
            }

            .ds_flex.col_gap,
            .ds_flex.psr {
                flex-direction: column
            }

            .industry_nav .scrollable_list,
            .technologies_nav .scrollable_list {
                max-height: 100%
            }

            .header-main .common__btn .btn-effect,
            .header_digital_cta_section .common__btn.blue-btn .btn_line {
                font-size: 13px
            }

            .nav_list_item_dropicon {
                align-items: center;
                position: absolute;
                right: 10px;
                top: 50%;
                transform: translateY(-50%)
            }

            .nav_menu_dropdown,
            .br_anim>a {
                padding: 10px 0
            }

            .menu_content {
                padding-left: 12px;
                width: calc(100% - 80px)
            }

            .nav_list_item {
                width: 100%;
                opacity: 0;
                transition: opacity .3s, transform .3s cubic-bezier(.215, .61, .355, 1);
                transform: translateX(80px);
                position: relative
            }

            .brand_nav_list_wrapper.mb-menu-active .nav_list_item {
                opacity: 1;
                transform: none;
                transition-timing-function: ease, cubic-bezier(.1, 1.3, .3, 1);
                transition-delay: .5s
            }

            .nav_list_item.br_anim {
                width: auto;
                padding-left: 5px
            }

            .brand_dropdown_nav.ai_results {
                position: fixed;
                top: 100px;
                left: 0;
                right: 0;
                width: 100%;
                height: 100%
            }

            .nav_menu_dropdown,
            .br_anim>a {
                font-size: 16px;
                padding: 10px 0;
                display: block
            }

            .promo-header-stripe__cta {
                font-size: 16px
            }

            .active.nav_list_item>a,
            .brand_nav_list_wrapper .nav_list_item:first-child>a:hover {
                box-shadow: none
            }

            .active .nav_menu_dropdown {
                position: sticky;
                left: 0;
                top: -1px;
                z-index: 9999;
                background: #000
            }

            .nav_menu_dropdown span {
                margin: 0
            }

            .brand_header {
                padding: 8px 0
            }

            .featured_insight {
                display: none
            }

            .category-header {
                align-items: flex-start
            }

            .category-header {
                font-size: 13px
            }

            .category-submenu {
                right: 15px
            }

            .brand_menu_grid_col .category:last-child .category-list {
                border-bottom: 1px dashed #ddd
            }

            .call_cta_wrap .ds_flex {
                flex-direction: column;
                align-items: flex-start;
                gap: 15px
            }

            .brand_dropdown_inner {
                flex-direction: column
            }

            .call_cta_wrap {
                position: relative;
                bottom: 0;
                left: 0;
                width: 100%;
                padding: 15px
            }

            .category-submenu>li>a {
                font-size: 12px
            }

            .category-submenu li:not(:last-child) {
                margin-bottom: 8px;
                padding-bottom: 8px
            }

            .mb-brand-header {
                position: relative;
                display: block;
                padding: 10px 16px;
                background-color: #0f0f0f
            }

            .mb-ai-search-wrap {
                position: absolute;
                z-index: 9999;
                top: 0;
                left: 0;
                width: 100%;
                height: 55px;
                display: none;
                transition: all .3s ease-in-out
            }

            .mb-ai-search-wrap.active {
                display: block
            }

            .mb-ai-search {
                background-color: #0f0f0f;
                padding: 10px 50px 10px 15px;
                color: #fff;
                caret-color: #fff;
                height: 55px;
                width: 100%
            }

            .close_ai_search {
                position: absolute;
                top: 50%;
                right: 15px;
                transform: translateY(-50%);
                cursor: pointer
            }

            .line1 {
                border-right: none
            }

            .brand-appi-logo img {
                max-width: 111px
            }

            .mb-call-btn {
                padding: 10px;
                background-color: #1163fb;
                border-radius: 8px;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .mb-call-btn img {
                filter: brightness(0) invert(1)
            }

            .mb-ai-btn {
                background-color: transparent;
                cursor: pointer
            }

            .mb-header-right {
                gap: 8px
            }

            .mb-nav-btn {
                position: relative;
                z-index: 99;
                width: 40px;
                height: 40px;
                border: 1px solid #fff;
                border-radius: 8px
            }

            .podcast_strip .container {
                padding: 0
            }

            #active-check:checked~.wrapper {
                right: 0
            }

            .menu-btn {
                position: absolute;
                z-index: 99999;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                height: 20px;
                width: 20px;
                cursor: pointer;
                transition: all .3s ease-in-out
            }

            .menu-btn span,
            .menu-btn:before,
            .menu-btn:after {
                content: "";
                position: absolute;
                top: 50%;
                margin-top: -1px;
                left: 0;
                width: 100%;
                border-bottom: 2px solid #fff;
                transition: transform .6s cubic-bezier(.215, .61, .355, 1)
            }

            .menu-btn:before {
                transform: translateY(-7px)
            }

            .menu-btn:after {
                transform: translateY(7px)
            }

            .close {
                z-index: 1;
                width: 100%;
                height: 100%;
                pointer-events: none;
                transition: background .6s
            }

            #active-check:checked+.menu-btn span {
                transform: scaleX(0)
            }

            #active-check:checked+.menu-btn:before {
                transform: rotate(45deg);
                border-color: #fff
            }

            #active-check:checked+.menu-btn:after {
                transform: rotate(-45deg);
                border-color: #fff
            }

            input[type=checkbox] {
                display: none
            }

            #active-check:checked~.wrapper ul>li>a {
                opacity: 1
            }

            #active-check:checked~.wrapper ul>li>a {
                transform: none;
                transition-timing-function: ease, cubic-bezier(.1, 1.3, .3, 1);
                transition-delay: .6s;
                transform: translateX(-100px)
            }

            .portfolio_nav .brand_menu_grid_col2.scrollable_list {
                width: 100%;
                margin: 0;
                padding: 30px 10px
            }

            .nav_link {
                padding: 5px
            }

            .brand_menu_grid_col2 {
                grid-template-columns: 1fr
            }

            .technologies_nav .scrollable_list {
                height: 400px
            }

            .brand_dropdown_inner.resources_nav {
                height: auto
            }
        }

        @media (max-width: 767px) {
            .scrollable_list {
                padding: 0 20px 0 0;
                height: auto
            }

            .resources_nav .scrollable_list {
                max-height: 280px
            }

            .ai_articles .btn--close-modal {
                top: 25px
            }

            .cta-ai {
                padding: 15px;
                margin-top: 15px
            }

            .ai-cta-title {
                font-size: 14px
            }

            .cta-ai .common__btn.blue-btn .btn_line {
                padding: 14px 18px;
                font-size: 14px
            }

            .countries__wrapper.ds_flex {
                flex-direction: column;
                align-items: center
            }

            #ai-content-hub .scrollable_list {
                margin-top: 0
            }

            #sticky1,
            #sticky2,
            #sticky3,
            #sticky4 {
                padding-top: 2rem
            }

            .fdc {
                flex-direction: column
            }
        }

        .header_digital_cta_section {
            background-color: #cff601;
            border-radius: 8px;
            padding: 24px;
            position: relative;
            overflow: hidden
        }

        .header_cta_binoculars_img {
            width: 100%
        }

        .header_digital_cta_content {
            position: relative;
            z-index: 2
        }

        .header_digital_cta_headline {
            font-size: 18px;
            font-weight: 700;
            color: #000;
            margin-bottom: 4px
        }

        .header_digital_cta_description {
            font-size: 14px;
            font-weight: 400;
            color: #000;
            line-height: 1.4
        }

        .header_digital_cta_description span {
            font-weight: 600;
            color: #000
        }

        .header_digital_cta_banner .explore-services-btn {
            margin-top: 22px
        }

        .explore-services-btn .dp-flex {
            gap: 4px;
            display: inline-flex;
            align-items: center
        }

        .explore-services-btn .dp-flex svg {
            transition: all .2s ease
        }

        .explore-services-btn .dp-flex:hover svg {
            transform: translate(4px, -2px)
        }

        .explore-services-btn {
            font-size: 14px;
            font-weight: 800;
            color: #1163fb
        }

        .header_digital_cta_banner .digital-logo-wrap {
            margin-bottom: 18px
        }

        .header_digital_cta_image {
            position: absolute;
            right: -85px;
            top: 0;
            width: 300px
        }

        .header_digital_cta_image {
            max-width: 100%
        }

        .header_digital_cta_content .digital-logo-wrap img {
            max-width: 121px
        }

        .explore-services-btn span {
            border-bottom: 1px solid #1163fb
        }

        @media (max-width: 1700px) {
            .header_digital_cta_section {
                padding: 16px
            }

            .header_digital_cta_image {
                right: -82px;
                width: 260px
            }

            .header_digital_cta_headline {
                font-size: 14px
            }

            .header_digital_cta_description {
                font-size: 12px
            }

            .header_digital_cta_banner .common__btn {
                margin-top: 20px
            }

            .header_digital_cta_banner .digital-logo-wrap {
                margin-bottom: 14px
            }

            .header_digital_cta_banner .explore-services-btn {
                margin-top: 14px
            }
        }

        @media (max-width: 1500px) {
            .header_digital_cta_description {
                font-size: 11px
            }
        }

        @media (max-width: 1366px) {
            .header_digital_cta_section {
                padding: 18px
            }

            .header_digital_cta_image {
                width: 232px
            }

            .header_digital_cta_headline {
                font-size: 13px
            }

            .header_digital_cta_description {
                font-size: 11px
            }

            .header_digital_cta_banner .digital-logo-wrap {
                margin-bottom: 12px
            }

            .header_digital_cta_banner .explore-services-btn {
                margin-top: 12px
            }
        }

        @media (max-width: 1279px) {
            .header_digital_cta_image {
                display: none
            }
        }

        @media (max-width: 767px) {
            .ai-col1 .header_digital_cta_section {
                margin-top: 20px
            }
        }

        .owl-carousel,
        .owl-carousel .owl-item {
            -webkit-tap-highlight-color: transparent;
            position: relative
        }

        .owl-carousel {
            display: none;
            width: 100%;
            z-index: 1
        }

        .owl-carousel .owl-stage {
            position: relative;
            -ms-touch-action: pan-Y;
            touch-action: manipulation;
            -moz-backface-visibility: hidden
        }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

        .owl-carousel .owl-stage-outer {
            position: relative;
            overflow: hidden;
            -webkit-transform: translate3d(0, 0, 0)
        }

        .owl-carousel .owl-item,
        .owl-carousel .owl-wrapper {
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0)
        }

        .owl-carousel .owl-item {
            min-height: 1px;
            float: left;
            -webkit-backface-visibility: hidden;
            -webkit-touch-callout: none
        }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

        .owl-carousel .owl-dots.disabled,
        .owl-carousel .owl-nav.disabled {
            display: none
        }

        .no-js .owl-carousel,
        .owl-carousel.owl-loaded {
            display: block
        }

        .owl-carousel .owl-dot,
        .owl-carousel .owl-nav .owl-next,
        .owl-carousel .owl-nav .owl-prev {
            cursor: pointer;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .owl-carousel .owl-nav button.owl-next,
        .owl-carousel .owl-nav button.owl-prev,
        .owl-carousel button.owl-dot {
            background: 0 0;
            color: inherit;
            border: none;
            padding: 0 !important;
            font: inherit
        }

        .owl-carousel.owl-loading {
            opacity: 0;
            display: block
        }

        .owl-carousel.owl-hidden {
            opacity: 0
        }

        .owl-carousel.owl-refresh .owl-item {
            visibility: hidden
        }

        .owl-carousel.owl-drag .owl-item {
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .owl-carousel.owl-grab {
            cursor: move;
            cursor: grab
        }

        .owl-carousel.owl-rtl {
            direction: rtl
        }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

        .owl-carousel .animated {
            animation-duration: 1s;
            animation-fill-mode: both
        }

        .owl-carousel .owl-animated-in {
            z-index: 0
        }

        .owl-carousel .owl-animated-out {
            z-index: 1
        }

        .owl-carousel .fadeOut {
            animation-name: fadeOut
        }

        @keyframes fadeOut {
            0% {
                opacity: 1
            }

            100% {
                opacity: 0
            }
        }

        .owl-height {
            transition: height .5s ease-in-out
        }

        .owl-carousel .owl-item .owl-lazy {
            opacity: 0;
            transition: opacity .4s ease
        }

        .owl-carousel .owl-item .owl-lazy:not([src]),
        .owl-carousel .owl-item .owl-lazy[src^=""] {
            max-height: 0
        }

        .owl-carousel .owl-item img.owl-lazy {
            transform-style: preserve-3d
        }

        .owl-carousel .owl-video-wrapper {
            position: relative;
            height: 100%;
            background: #000
        }

        .owl-carousel .owl-video-play-icon {
            position: absolute;
            height: 80px;
            width: 80px;
            left: 50%;
            top: 50%;
            margin-left: -40px;
            margin-top: -40px;
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/plugins/owl.video.play.png) no-repeat;
            cursor: pointer;
            z-index: 1;
            -webkit-backface-visibility: hidden;
            transition: transform .1s ease
        }

        .owl-carousel .owl-video-play-icon:hover {
            -ms-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3)
        }

        .owl-carousel .owl-video-playing .owl-video-play-icon,
        .owl-carousel .owl-video-playing .owl-video-tn {
            display: none
        }

        .owl-carousel .owl-video-tn {
            opacity: 0;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            transition: opacity .4s ease
        }

        .owl-carousel .owl-video-frame {
            position: relative;
            z-index: 1;
            height: 100%;
            width: 100%
        }

        .owl-theme .owl-dots,
        .owl-theme .owl-nav {
            text-align: center;
            -webkit-tap-highlight-color: transparent
        }

        .owl-theme .owl-nav {
            margin-top: 10px
        }

        .owl-theme .owl-nav [class*=owl-] {
            color: #FFF;
            font-size: 14px;
            margin: 5px;
            padding: 4px 7px;
            background: #D6D6D6;
            display: inline-block;
            cursor: pointer;
            border-radius: 3px
        }

        .owl-theme .owl-nav [class*=owl-]:hover {
            background: #869791;
            color: #FFF;
            text-decoration: none
        }

        .owl-theme .owl-nav .disabled {
            opacity: .5;
            cursor: default
        }

        .owl-theme .owl-nav.disabled+.owl-dots {
            margin-top: 10px
        }

        .owl-theme .owl-dots .owl-dot {
            display: inline-block;
            zoom: 1
        }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #D6D6D6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px
        }

        .owl-theme .owl-dots .owl-dot.active span,
        .owl-theme .owl-dots .owl-dot:hover span {
            background: #869791
        }

        .selectric .button,
        .selectric .label {
            height: 38px;
            line-height: 38px;
            display: block
        }

        .selectric-wrapper {
            position: relative;
            cursor: pointer
        }

        .selectric-responsive {
            width: 100%
        }

        .selectric {
            border: 1px solid #ddd;
            border-radius: 0;
            background: #f8f8f8;
            position: relative;
            overflow: hidden
        }

        .selectric .label {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0 38px 0 10px;
            font-size: 12px;
            color: #444;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .selectric-disabled,
        .selectric-items .disabled {
            filter: alpha(opacity=50);
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none
        }

        .selectric .button {
            position: absolute;
            right: 0;
            top: 0;
            width: 38px;
            background-color: #f8f8f8;
            color: #bbb;
            text-align: center;
            font: 0/0 a
        }

        .selectric .button:after {
            content: " ";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-top-color: #bbb;
            border-bottom: none
        }

        .selectric-focus .selectric {
            border-color: #aaa
        }

        .selectric-hover .selectric {
            border-color: #c4c4c4
        }

        .selectric-hover .selectric .button {
            color: #a2a2a2
        }

        .selectric-hover .selectric .button:after {
            border-top-color: #a2a2a2
        }

        .selectric-open {
            z-index: 9999
        }

        .selectric-open .selectric {
            border-color: #c4c4c4
        }

        .selectric-open .selectric-items {
            display: block
        }

        .selectric-disabled {
            opacity: .5;
            cursor: default;
            user-select: none
        }

        .selectric-hide-select {
            position: relative;
            overflow: hidden;
            width: 0;
            height: 0
        }

        .selectric-hide-select select {
            position: absolute;
            left: -100%
        }

        .selectric-hide-select.selectric-is-native {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 10
        }

        .selectric-hide-select.selectric-is-native select {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 100%;
            border: none;
            z-index: 1;
            box-sizing: border-box;
            opacity: 0
        }

        .selectric-input {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            overflow: hidden !important;
            clip: rect(0, 0, 0, 0) !important;
            margin: 0 !important;
            padding: 0 !important;
            width: 1px !important;
            height: 1px !important;
            outline: 0 !important;
            border: none !important;
            background: 0 0 !important
        }

        .selectric-temp-show {
            position: absolute !important;
            visibility: hidden !important;
            display: block !important
        }

        .selectric-items {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background: #f8f8f8;
            border: 1px solid #c4c4c4;
            z-index: -1;
            box-shadow: 0 0 10px -6px
        }

        .selectric-items .selectric-scroll {
            height: 100%;
            overflow: auto
        }

        .selectric-above .selectric-items {
            top: auto;
            bottom: 100%
        }

        .selectric-items li,
        .selectric-items ul {
            list-style: none;
            padding: 0;
            margin: 0;
            font-size: 12px;
            line-height: 20px;
            min-height: 20px
        }

        .selectric-items li {
            display: block;
            padding: 10px;
            color: #666;
            cursor: pointer
        }

        .selectric-items li.selected {
            background: #e0e0e0;
            color: #444
        }

        .selectric-items li.highlighted {
            background: #d0d0d0;
            color: #444
        }

        .selectric-items li:hover {
            background: #d5d5d5;
            color: #444
        }

        .selectric-items .disabled {
            opacity: .5;
            cursor: default !important;
            background: 0 0 !important;
            color: #666 !important;
            user-select: none
        }

        .selectric-items .selectric-group .selectric-group-label {
            font-weight: 700;
            padding-left: 10px;
            cursor: default;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background: 0 0;
            color: #444
        }

        .selectric-items .selectric-group.disabled li {
            filter: alpha(opacity=100);
            opacity: 1
        }

        .selectric-items .selectric-group li {
            padding-left: 25px
        }

        a,
        button,
        img a,
        input {
            transition: all ease-in .3s;
            -moz-transition: all ease-in .3s;
            -ms-transition: all ease-in .3s;
            -o-transition: all ease-in .3s;
            -webkit-transition: all ease-in .3s
        }

        *,
        li,
        ol,
        ul {
            margin: 0;
            padding: 0
        }

        body,
        html {
            height: 100%
        }

        html {
            font-family: sans-serif;
            line-height: 1.15;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            -ms-overflow-style: scrollbar;
            -webkit-tap-highlight-color: transparent
        }

        .noselect {
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        article,
        aside,
        dialog,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        nav,
        section {
            display: block
        }

        * {
            border: 0;
            outline: 0;
            box-sizing: border-box;
            -webkit-appearance: value;
            -moz-appearance: value;
            appearance: value
        }

        a,
        abbr,
        acronym,
        address,
        applet,
        b,
        big,
        blockquote,
        body,
        caption,
        center,
        cite,
        code,
        del,
        dfn,
        em,
        fieldset,
        font,
        form,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        html,
        i,
        iframe,
        img,
        ins,
        kbd,
        label,
        legend,
        object,
        p,
        pre,
        q,
        s,
        samp,
        small,
        span,
        strike,
        strong,
        sub,
        sup,
        table,
        tbody,
        td,
        tfoot,
        th,
        thead,
        tr,
        tt,
        u,
        var {
            margin: 0 auto;
            padding: 0;
            border: 0;
            outline: 0;
            font-size: 100%;
            -webkit-text-stroke: 0 !important;
            -webkit-font-smoothing: antialiased !important
        }

        a,
        img a {
            text-decoration: none !important;
            border: 0;
            outline: 0 !important
        }

        :focus {
            outline: 0
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        li,
        ol,
        ul {
            list-style-type: none
        }

        .clear,
        .clearfix:after {
            clear: both
        }

        .clearfix:after,
        .clearfix:before {
            content: " ";
            display: table
        }

        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
            display: block;
            margin: 0;
            padding: 0
        }

        body {
            background: #fff;
            font-size: 1rem;
            font-family: 'Inter', sans-serif;
            color: #000;
            text-align: left;
            overflow-x: hidden;
            margin: 0;
            -webkit-text-stroke: 0 !important;
            -webkit-font-smoothing: antialiased !important
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-top: 0;
            margin-bottom: .5rem
        }

        .menu-wrapper .ad-page {
            display: none
        }

        p {
            margin-top: 0;
            margin-bottom: 1rem
        }

        dl,
        ol,
        ul {
            margin-top: 0;
            margin-bottom: 1rem
        }

        ol ol,
        ol ul,
        ul ol,
        ul ul {
            margin-bottom: 0
        }

        b,
        strong {
            font-weight: bolder
        }

        svg:not(:root) {
            overflow: hidden
        }

        label {
            display: inline-block;
            margin-bottom: .5rem
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            margin: 0;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit
        }

        button,
        input {
            overflow: visible
        }

        [type=reset],
        [type=submit],
        button,
        html [type=button] {
            -webkit-appearance: button
        }

        [type=search] {
            outline-offset: -2px;
            -webkit-appearance: none
        }

        [type=search]::-webkit-search-cancel-button,
        [type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-bottom: .5rem;
            font-family: inherit;
            font-weight: 500;
            line-height: 1.2;
            color: inherit
        }

        .h1,
        h1 {
            font-size: 2.5rem
        }

        .clearfix:after {
            display: block;
            clear: both;
            content: ""
        }

        input[type=text],
        textarea {
            transition: all ease-in .3s;
            -moz-transition: all ease-in .3s;
            -ms-transition: all ease-in .3s;
            -o-transition: all ease-in .3s;
            -webkit-transition: all ease-in .3s;
            width: 100%
        }

        a {
            color: #1468fb
        }

        .container {
            max-width: 1500px;
            margin: 0 auto
        }

        .ds_flex {
            display: flex
        }

        .ds_table {
            display: table
        }

        .flex_wrap {
            flex-wrap: wrap
        }

        .flex_nowrap {
            flex-wrap: nowrap
        }

        .flex_spc_btw {
            justify-content: space-between
        }

        .flex_center {
            justify-content: center
        }

        .flex_js_end {
            justify-content: flex-end
        }

        .flex_al_center {
            align-items: center
        }

        .flex_al_baseline {
            align-items: baseline
        }

        .flex_al_top {
            align-items: flex-start
        }

        .flex_al_end {
            align-items: flex-end
        }

        .flex_column {
            flex-direction: column
        }

        .ds_in_blk {
            display: inline-block
        }

        .flex_spc_evn {
            justify-content: space-evenly
        }

        .nav__list {
            margin: 0 18px
        }

        .nav__list a {
            position: relative;
            display: block;
            font-size: 16px;
            font-weight: 400;
            padding: 8px 0 4px;
            color: #fff;
            text-transform: uppercase;
            transition: all .3s cubic-bezier(.19, 1, .22, 1)
        }

        .nav__list a:hover {
            color: #1367fb
        }

        .stky_header .ds_flex {
            margin-bottom: 0
        }

        .nav__list:last-child {
            margin-right: 0
        }

        .nav__list.common__btn {
            margin: 0 0 0 20px
        }

        .nav__list.common__btn .btn-effect:hover {
            border: none
        }

        .nav__list.common__btn .btn-effect {
            color: #fff;
            background-color: #126bfb;
            font-weight: 600;
            padding: 12px 35px;
            border: none;
            border-radius: 8px
        }

        .nav__list.common__btn svg {
            stroke: #fff;
            stroke-width: 1.5
        }

        .scrolled header {
            background-color: rgba(0, 0, 0, .9)
        }

        .stky_header {
            padding: 30px 0;
            position: fixed;
            width: 100%;
            overflow: hidden;
            top: 0;
            left: 0;
            z-index: 9999;
            -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
            transition: all .6s cubic-bezier(.19, 1, .22, 1)
        }

        .stky_header.stickey_header:before {
            position: absolute;
            left: 0;
            height: 100%;
            top: 0;
            backdrop-filter: blur(10px);
            content: "";
            width: 100%;
            z-index: -1
        }

        .stky_header.stickey_header:after {
            position: absolute;
            left: 50%;
            bottom: 0;
            width: 1280px;
            height: 1px;
            background: rgb(255 255 255/12%);
            content: "";
            max-width: 100%;
            transform: translateX(-50%)
        }

        .stky_header.stickey_header {
            padding: 20px 0
        }

        .nav__list .contact-btn {
            border: 2px solid #000;
            padding: 10px 20px;
            border-radius: 7px
        }

        .nav__list a:active {
            transform: scale(.95)
        }

        .common__btn {
            margin-top: 40px;
            display: table
        }

        .common__btn.btn_center {
            margin: 40px auto
        }

        .common__btn .btn_line:before {
            content: none
        }

        .common__btn .btn-effect:after {
            content: none
        }

        .common__btn .btn-effect {
            position: relative;
            font-size: 16px;
            font-weight: 400;
            color: #fff;
            transition: all .3s cubic-bezier(.19, 1, .22, 1);
            border: 2px solid #fff;
            padding: 14px 50px 14px 25px;
            border-radius: 10px;
            display: inline-flex;
            align-items: center
        }

        .common__btn .btn-effect:hover svg {
            -webkit-animation: arrowmove .4s infinite alternate ease-in-out;
            animation: arrowmove .4s infinite alternate ease-in-out
        }

        .common__btn .btn-effect:hover {
            color: #000;
            background-color: #fff;
            border: 2px solid #fff
        }

        .common__btn.hv_blue .btn-effect:hover {
            color: #fff;
            background-color: #1468fb;
            border: 2px solid #1468fb
        }

        .common__btn.blk .btn-effect:hover {
            color: #fff;
            background-color: #1468fb;
            border: 2px solid #1468fb
        }

        .common__btn.blk .btn-effect:hover svg {
            stroke: #fff
        }

        .common__btn.blk .btn-effect {
            color: #000;
            border: 2px solid #000
        }

        .common__btn.blk svg {
            stroke: #000
        }

        @keyframes arrowmove {
            0% {
                -webkit-transform: translateX(-5px)
            }

            100% {
                -webkit-transform: translateX(.3em)
            }
        }

        @-webkit-keyframes arrowmove {
            0% {
                -webkit-transform: translateX(-5px)
            }

            100% {
                -webkit-transform: translateX(.3em)
            }
        }

        .common__btn svg {
            right: 10px;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke: #fff;
            width: 18px;
            position: absolute;
            height: 18px;
            stroke-width: 1;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transform: translateX(-5px);
            -webkit-transform: translateX(-5px);
            -moz-transform: translateX(-5px);
            -ms-transform: translateX(-5px);
            -o-transform: translateX(-5px)
        }

        .text-center {
            text-align: center
        }

        .blog_heading .heading2.text-center {
            text-align: left
        }

        .heading2 {
            color: #fff;
            margin-bottom: 10px;
            font-size: 3.5vw;
            font-weight: 600;
            line-height: 1.1;
            position: relative;
            z-index: 2
        }

        .app__subhead {
            color: #fff;
            font-size: 22px;
            font-weight: 400;
            line-height: 1.5;
            padding-top: 10px
        }

        .heading1 span {
            color: #1468fb
        }

        .wrapper {
            margin-top: 0
        }

        .blogs-header.header-container .menu-wrapper>ul>li>a,
        .press-release-header.blogs-header .menu-wrapper>ul>li.nav__list>a {
            color: #fff
        }

        .blogs-header.header-container .appi-blue-blk-logo,
        .press-release-header.blogs-header.header-container .appi-blue-wht-logo {
            display: none
        }

        .blogs-header.header-container .appi-blue-wht-logo,
        .press-release-header.blogs-header.header-container .appi-blue-blk-logo {
            display: block
        }

        .press-release-header.blogs-header .menu-wrapper>ul>li>a,
        .blogs-header.header-container.shrink .menu-wrapper>ul>li>a {
            color: #000
        }

        .blogs-header.header-container.shrink .appi-blue-blk-logo {
            display: block
        }

        .blogs-header.header-container.shrink .appi-blue-wht-logo {
            display: none
        }

        .blogs-header.header-container.shrink .menu-wrapper>ul>li>a.contact-btn {
            color: #fff
        }

        .header-container.case-header {
            background: 0 0
        }

        .header-container .menu-wrapper>ul>li>a {
            color: #fff
        }

        .header-container.active .menu-wrapper>ul>li>a {
            color: #000
        }

        .header-container.case-header.active {
            background: #fff
        }

        .header-container.case-header.shrink .menu-wrapper>ul>li>a {
            color: #000
        }

        .header-container.case-header .white-logo {
            display: block
        }

        .header-container.case-header.active .white-logo {
            display: none
        }

        .header-container.case-header.shrink .white-logo {
            display: none
        }

        .header-container.case-header .blk-logo {
            display: none
        }

        .header-container.case-header.active .blk-logo {
            display: block
        }

        .header-container.case-header.shrink .blk-logo {
            display: block
        }

        .header-container {
            transition: all .3s ease-in;
            -webkit-transition: all .3s ease-in
        }

        .header-container.active .menu-wrapper>ul>li.nav_contact>a {
            color: #fff
        }

        .top_head_wrap {
            background-color: #16161d;
            padding-bottom: 20px
        }

        br.br-block {
            display: block
        }

        .blk {
            color: #000
        }

        .top_content_wrap .heading1+.app__subhead {
            font-size: 20px
        }

        .top_content_wrap .common__btn {
            margin: 55px auto
        }

        .client_logos {
            position: relative;
            width: 100%;
            padding: 30px 80px
        }

        .client_logos .d_flex {
            display: flex;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center
        }

        .trusted_brands {
            color: #a6aaae;
            font-size: 18px;
            display: block;
            padding: 10px 0 30px;
            position: relative
        }

        .trusted_brands:before,
        .trusted_brands:after {
            position: absolute;
            content: "";
            top: 20px;
            width: 380px;
            height: 1px;
            background-color: #555;
            opacity: .5
        }

        .trusted_brands:before {
            left: -70px
        }

        .trusted_brands:after {
            right: -70px
        }

        .brand_logo {
            z-index: 9
        }

        .brand_logo img {
            width: 160px;
            height: 45px
        }

        .appi-blue-wht-logo {
            display: block
        }

        .appi-blue-blk-logo {
            display: none
        }

        .white-header .appi-blue-wht-logo {
            display: none
        }

        .white-header .appi-blue-blk-logo {
            display: none
        }

        header.white-header .nav__list a {
            color: #fff
        }

        header.white-header .nav__list .contact-btn {
            border-color: #fff
        }

        #sync1.owl-theme .owl-dots .owl-dot {
            background: #001;
            outline: none
        }

        .footer-btm {
            padding: 25px 0 100px;
            background-color: #15151f;
            margin-top: -1px
        }

        .flex_wrapper.space_between {
            display: flex;
            display: -webkit-flex;
            display: -moz-flex;
            flex-wrap: wrap;
            justify-content: space-between
        }

        .copyright .copy,
        .dmca-wrap,
        .foot-para,
        .footer_list li a,
        .statutory-nav a,
        .statutory-para {
            font-size: 16px;
            line-height: 1.6;
            color: #fff !important;
            position: relative
        }

        .dmca-wrap {
            width: 125px
        }

        .dmca-wrap img {
            max-width: 100%
        }

        .foot_btm_uper {
            padding: 2rem 0;
            margin-bottom: 2.3rem !important;
            border-bottom: 1px solid #fff
        }

        .statutory-para {
            display: none;
            padding: 10px 0 0
        }

        .statutory-nav a {
            display: block;
            cursor: pointer
        }

        .statutory-mwrapper,
        .copy_rght,
        .foot_social_network {
            width: 33%
        }

        .copy_rght li {
            font-size: 14px
        }

        .copy_rght li a {
            color: #fff
        }

        .foot_social_network {
            display: inline-flex;
            justify-content: end;
            margin-top: -5px
        }

        .copy_rght ul>li {
            display: inline-block;
            border-left: solid 1px #fff;
            line-height: .8;
            color: #fff;
            padding: 0 10px;
            position: relative
        }

        .copy_rght ul>li:first-child {
            border-left: none;
            padding-left: 0
        }

        .foot_social_network li a {
            position: relative;
            display: inline-flex;
            align-items: center;
            width: 40px;
            height: 40px;
            z-index: 1;
            padding: 5px;
            font-size: 24px;
            color: #fff
        }

        .foot_social_network li a:after {
            background: #fff;
            position: absolute;
            content: "";
            width: 100%;
            display: block;
            height: 100%;
            transform: scaleX(0) translateZ(0);
            transform-origin: 100% 100%;
            -webkit-transition: transform .4s cubic-bezier(.19, 1, .22, 1);
            transition: transform .4s cubic-bezier(.19, 1, .22, 1);
            left: 0;
            top: 0;
            z-index: -1;
            -moz-transition: transform .4s cubic-bezier(.19, 1, .22, 1);
            -ms-transition: transform .4s cubic-bezier(.19, 1, .22, 1);
            -o-transition: transform .4s cubic-bezier(.19, 1, .22, 1);
            -webkit-transform: scaleX(0) translateZ(0);
            -moz-transform: scaleX(0) translateZ(0);
            -ms-transform: scaleX(0) translateZ(0);
            -o-transform: scaleX(0) translateZ(0)
        }

        .foot_social_network li:hover a:after {
            transform: scaleX(1) translateZ(0);
            transform-origin: 0 0
        }

        @font-face {
            font-family: FontAwesome;
            src: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../fonts/fontawesome-webfont.eot?v=4.7.0);
            src: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
            font-weight: 400;
            font-style: normal;
            font-display: swap
        }

        .fa {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .fa,
        .fab,
        .fal,
        .far,
        .fas {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1
        }

        .fa-facebook:before {
            content: "\f082"
        }

        .fa-twitter:before {
            content: "\f099"
        }

        .fa-instagram:before {
            content: "\f16d"
        }

        .fa-linkedin:before {
            content: "\f08c"
        }

        .foot_btm_uper {
            padding: 2rem 0;
            margin-bottom: 2.3rem;
            border-bottom: 1px solid #fff
        }

        .foot_social_network li a i {
            font-size: 20px
        }

        .foot_social_network li:hover i {
            color: #000
        }

        .statutory-para p {
            color: #fff;
            font-size: 12px;
            margin: 0 25px 15px 0
        }

        .hidden {
            visibility: hidden;
            opacity: 0
        }

        .modal_popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 900px;
            background-color: #fff;
            border-radius: 15px;
            box-shadow: 0 4rem 6rem rgba(0, 0, 0, .3);
            z-index: 999999;
            transition: all .5s
        }

        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, .5);
            backdrop-filter: blur(4px);
            z-index: 99999;
            transition: all .5s
        }

        .app_form_wrap .flex_wrapper {
            margin: 0
        }

        .app_form_img img {
            max-width: 100%;
            margin: 20px 0;
            border-radius: 10px;
            box-shadow: 0px 2px 22px 5px rgba(0, 0, 0, .06)
        }

        .typedtext {
            border: 1px solid #000;
            border-radius: 8px;
            padding: 15px 30px;
            font-size: 18px;
            font-weight: 300;
            width: 100%
        }

        .txtarea .typedtext {
            resize: none;
            overflow-y: scroll
        }

        .typedtext::-webkit-input-placeholder {
            color: #474646
        }

        .typedtext::-moz-placeholder {
            color: #474646
        }

        .typedtext:-ms-input-placeholder {
            color: #474646
        }

        .typedtext:-moz-placeholder {
            color: #474646
        }

        .captcha {
            display: flex;
            align-items: center;
            margin: 0;
            padding: 0
        }

        .captcha .type_text {
            border: 1px solid #000;
            border-radius: 8px;
            width: 60px;
            height: 40px
        }

        .app_form_wrap {
            padding: 0
        }

        .app_form_left {
            width: 400px;
            padding: 50px 50px 20px;
            background-image: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../new-images/popup_bg_new.webp);
            background-repeat: no-repeat;
            background-size: cover;
            border-top-left-radius: 15px;
            background-position: top
        }

        .app_form_rght {
            width: calc(100% - 400px);
            padding: 50px 50px 20px
        }

        .app_form_left .heading2 {
            color: #000;
            font-size: 32px;
            font-weight: 600;
            line-height: 1.2;
            position: relative
        }

        .app_form_left .heading2 span {
            color: #0092ff
        }

        .app_form_left .heading6 {
            color: #000;
            font-size: 14px;
            font-weight: 600;
            line-height: 1.5;
            padding: 0
        }

        .cont_form_group {
            margin-bottom: 15px
        }

        .captcha-num,
        .captcha-text {
            font-size: 14px;
            font-weight: 600
        }

        .captcha .type_text {
            border: 0;
            border-bottom: 1px solid #000;
            border-radius: 0;
            padding: 10px;
            margin-left: 12px;
            font-size: 14px;
            text-align: center;
            width: 60px;
            margin-top: 0;
            height: 30px
        }

        .contact_form_btn button {
            background-color: transparent;
            border: none !important;
            cursor: pointer
        }

        .contact_form_btn {
            position: relative;
            border-radius: 10px;
            margin: 0
        }

        .contact_form_btn,
        .common__btn.contact_form_btn .btn-effect:hover {
            color: #fff;
            background-color: #1468fb
        }

        .common__btn.contact_form_btn .btn-effect:hover svg {
            stroke: #fff
        }

        .contact_form_btn.common__btn svg {
            right: 30px
        }

        .exit_modalnew .contact_form_btn.common__btn .btn-effect {
            font-size: 14px;
            padding: 14px 22px
        }

        .cta-popup-modal .contact_form_btn.common__btn .btn-effect {
            padding: 14px 25px
        }

        .our_response {
            font-size: 11px;
            font-weight: 400;
            color: #000;
            text-align: center;
            padding-left: 10px;
            margin-top: 20px
        }

        .our_response.pdm {
            margin-top: 20px
        }

        .our_response li:first-child {
            padding: 0 0 10px
        }

        .our_response li {
            list-style: disc;
            text-align: left
        }

        .our_response strong {
            font-weight: 600;
            display: inline
        }

        .contact_form_btn .formloader-animate svg,
        .contact_form_btn .formloader-anim svg {
            right: auto;
            left: 50%;
            width: 22px;
            transform: translateX(-50%)
        }

        .formloader-anim,
        .formloader-animate {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 5;
            background: hsla(0, 0%, 100%, .8);
            top: 0;
            display: none;
            padding: 10px 20px;
            border-radius: 0
        }

        .flex_wrapper {
            display: flex;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            flex-wrap: wrap
        }

        .flex_wrapper.align_center {
            align-items: flex-start
        }

        .flex_wrapper.space_between {
            display: flex;
            display: -webkit-flex;
            display: -moz-flex;
            flex-wrap: wrap;
            justify-content: space-between
        }

        .show_success .success-msg,
        .show_success .success-msg-overlay,
        .show_success .sucess-msg-wrapper {
            display: block
        }

        .cont_formbtm {
            background: rgba(3, 99, 255, .1);
            border-radius: 10px;
            padding: 10px 30px
        }

        .delivered_products {
            width: 36%
        }

        .delivered_products p {
            margin: 0;
            line-height: 1.4;
            font-size: 14px;
            color: #000;
            font-weight: 600
        }

        .delivered_products span {
            color: #0363ff;
            font-weight: 700
        }

        .app_badges {
            width: 60%;
            padding: 10px 0
        }

        .badge_col {
            font-size: 11px;
            line-height: 1.4;
            padding: 0 15px
        }

        .badge_col:not(:last-child) {
            border-right: 1px solid rgba(0, 0, 0, .1);
            padding-right: 50px
        }

        .badge_col span {
            color: #000;
            padding-top: 5px;
            display: block;
            font-size: 12px
        }

        .btn--close-modal {
            position: absolute;
            right: 10px;
            top: 10px;
            width: 40px;
            height: 40px;
            cursor: pointer
        }

        .btn--close-modal span {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 30px;
            height: 30px;
            z-index: 9
        }

        .btn--close-modal span:before,
        .btn--close-modal span:after {
            position: absolute;
            left: 15px;
            top: 4px;
            content: "";
            background: #000;
            width: 1px;
            height: 20px
        }

        .btn--close-modal span:before {
            transform: rotate(45deg)
        }

        .btn--close-modal span:after {
            transform: rotate(-45deg)
        }

        .cont_form_group {
            position: relative
        }

        .cont_form_group label {
            position: absolute;
            top: 61%;
            left: 0;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 13px;
            color: #000;
            pointer-events: none;
            transition: all .05s ease-in;
            opacity: 0
        }

        .cont_form_group input,
        .cont_form_group textarea {
            height: 32px;
            padding: 8px 0;
            margin: 10px 0 0;
            width: 100%;
            font-size: 13px;
            background-color: transparent;
            border: 0;
            font-weight: 400;
            border-bottom: 1px solid #000;
            color: #000;
            text-shadow: 0px 6px 26px #00000029;
            resize: none;
            border-radius: 0
        }

        .cont_form_group textarea {
            height: 75px
        }

        .cont_form_group input:focus+label,
        .cont_form_group input.has-value+label,
        .cont_form_group textarea:focus+label,
        .cont_form_group textarea.has-value+label {
            top: 5px;
            font-size: 11px;
            color: #000;
            opacity: 1;
            text-shadow: 0px 6px 26px #00000029
        }

        .cont_form_group input:focus,
        .cont_form_group textarea:focus {
            opacity: 1;
            border-color: #000
        }

        .error.cont_form_group input:focus,
        .error.cont_form_group textarea:focus {
            border-color: #e00303
        }

        .cont_form_group input:focus label,
        .cont_form_group textarea:focus label {
            opacity: 1
        }

        .cont_form_group input:focus::-webkit-input-placeholder,
        .cont_form_group textarea:focus::-webkit-input-placeholder {
            color: transparent
        }

        .cont_form_group textarea:focus::-moz-placeholder {
            color: transparent
        }

        .cont_form_group textarea:focus::-moz-placeholder {
            color: transparent
        }

        .cont_form_group textarea:focus::-ms-input-placeholder {
            color: transparent
        }

        .cont_form_group:not(:last-child) {
            margin-bottom: 15px
        }

        .cont_form_group.btn_sec {
            padding: 15px 0
        }

        .cont_form_group.bottom_sec {
            width: 100%
        }

        .cont_form_group.bottom_sec button {
            width: 100%
        }

        .cont_form_group.bottom_sec .contact_form_btn {
            width: 100%;
            margin-bottom: 14px
        }

        .modal_popup.cta_modal {
            background-color: #000
        }

        .modal_popup.cta_modal .cont_formbtm {
            border-radius: 10px;
            background-color: #fff
        }

        .modal_popup.cta_modal .btn-popup-wrapper {
            border-radius: 15px 15px 0 0;
            background-color: #fff
        }

        .headq__wrapper {
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../new-images/footer-hq-bg.webp) no-repeat;
            background-size: cover;
            background-position: center;
            border-top: 6px solid #1163fb;
            margin-top: -1px;
            position: relative
        }

        .flexrow {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 50px;
            margin: 0 60px;
            position: relative
        }

        .most_trust_badge {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-image: linear-gradient(90deg, hsl(240deg 25% 19%) 0%, hsl(239deg 39% 24%) 50%, hsl(240deg 49% 28%) 100%);
            padding: 5px 30px 5px 20px
        }

        .most_trust_badge span {
            padding-left: 15px;
            display: inline-block;
            color: #fff;
            font-size: 24px;
            font-weight: 600
        }

        .headq__panel {
            padding: 5rem 0
        }

        .hq__detail:hover path,
        .hq__detail:hover rect {
            fill: #fff;
            opacity: 1
        }

        .hq__detail p {
            color: #fff;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.5;
            display: inline-block;
            padding-top: 10px
        }

        .hq__detail {
            text-align: center;
            opacity: .6
        }

        .hq__detail:hover {
            opacity: 1
        }

        .hq__detail img {
            border-bottom: 1px solid #fff;
            padding-bottom: 25px;
            min-height: 90px;
            display: flex;
            align-items: baseline
        }

        .hq_head {
            font-size: 16px;
            color: #fff;
            font-weight: 700;
            padding: 15px 0 10px
        }

        .footer-mid {
            background: #1d1d25;
            position: relative
        }

        .flex_wrapper {
            display: flex;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            flex-wrap: wrap;
            margin: -10px
        }

        .app-foot-logo {
            width: 30%
        }

        .foot-top-col {
            max-width: 230px
        }

        .foot-col-head {
            display: block;
            font-size: 26px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 30px
        }

        .footer_wrapper .flex_wrapper.space_between {
            padding: 0;
            margin: 0;
            justify-content: space-between
        }

        .footer_list li a {
            font-size: 18px;
            font-weight: 300;
            line-height: 1.6;
            color: #fff;
            position: relative
        }

        .footer_list li a {
            display: inline-block
        }

        .footer_list li.more a {
            color: #fc7754
        }

        .footer_list li {
            padding: 8px 0;
            position: relative
        }

        .footer-top .flex_wrapper.space_between {
            padding: 0;
            width: 70%
        }

        .footer-mid {
            padding: 6rem 0
        }

        .footer_nav ul li a {
            font-size: 16px
        }

        .full_stack p {
            color: #fff;
            margin-left: 50px;
            font-size: 16px;
            font-weight: 300;
            line-height: 1.6
        }

        .footer-top .foot-top-col {
            width: 19%
        }

        .footer_list li a:hover:before {
            transform: scaleX(1) translateZ(0);
            transform-origin: 0 0;
            -webkit-transform: scaleX(1) translateZ(0);
            -moz-transform: scaleX(1) translateZ(0);
            -ms-transform: scaleX(1) translateZ(0);
            -o-transform: scaleX(1) translateZ(0)
        }

        .footer_wrapper .min-container {
            padding: 0
        }

        .footer_list a span:before,
        .footer_list a span:after {
            background-color: #fff
        }

        .footer_list a:hover span {
            opacity: 1
        }

        .footer_list a span {
            top: 25px
        }

        .footer_list a span:before {
            position: absolute;
            height: 1px;
            width: 17px;
            background: #000;
            transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            top: 11px;
            left: 10px;
            border-radius: 2px;
            transform-origin: 5px 50%
        }

        ul.footer_list {
            margin-bottom: 0
        }

        .para {
            font-size: 22px;
            line-height: 1.7;
            margin: 30px 0;
            color: #000
        }

        .landing_page_form .error input:required,
        .form_hm_panel .error input,
        .landing_page_form .error textarea,
        .form_hm_panel .error textarea {
            border-bottom: 1px solid #d73333;
            background: rgba(255, 5, 5, .04)
        }

        .landing_page_form .error input#skype {
            border-bottom: 1px solid #979797;
            background: 0 0
        }

        .error .typedtext,
        .error #captcha {
            border-bottom: 1px solid red;
            background: rgba(255, 5, 5, .05)
        }

        .error+.total_box #capt,
        .contact-grid .error #captc,
        .error+.total_box #captc,
        .form_hm_panel .error input#captc,
        .form_hm_panel .error input#captcha_home {
            border: 1px solid red;
            background: rgba(255, 5, 5, .05)
        }

        .contact-grid.active:before,
        .contact-grid.error:before {
            top: 0;
            width: 100%;
            height: 100%;
            content: "";
            position: absolute;
            left: 0
        }

        .contact-grid.error:before {
            border: 1px solid #d73333;
            box-shadow: 1px 2px 4px rgba(215, 51, 51, .11)
        }

        .wht {
            color: #fff
        }

        .heading3 {
            color: #fff;
            font-size: 45px;
            font-weight: 600;
            line-height: 1.2
        }

        .faq_gap {
            margin: 5rem 0
        }

        .faq_grid_panel {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-column-gap: 50px;
            grid-row-gap: 50px;
            padding: 4rem 0 0
        }

        .faq_col_panel .faq_col:not(:last-child) {
            margin-bottom: 25px
        }

        .faq_grid_panel .faq_col {
            padding-bottom: 0
        }

        .sec_gap {
            margin: 0 0 5rem
        }

        .faq_grid_panel .heading2 {
            color: #000;
            font-weight: 400
        }

        .arrow-link {
            right: 30px
        }

        .app-faq-wrap-list {
            margin: 30px auto
        }

        .app-faq-wrap-list {
            margin: 0;
            padding: 20px 40px;
            background: #f1f2fd;
            border-radius: 20px
        }

        .app-faq-wrap-list .head {
            display: flex;
            font-weight: 500;
            line-height: 1.4;
            padding: 20px 60px 25px 0;
            margin: 0;
            cursor: pointer;
            position: relative;
            min-height: 95px;
            align-items: center
        }

        .app-faq-wrap-list .head .faq-content-wrap p {
            font-size: 16px;
            line-height: 1.4;
            margin: 0 0 20px;
            color: #000
        }

        .faq-content-wrap {
            padding-right: 100px
        }

        .faq-content-wrap .para {
            font-size: 18px;
            line-height: 1.5;
            font-weight: 400;
            margin: 0 0 20px
        }

        .arrow-linkminus {
            line-height: auto;
            position: absolute;
            right: 0;
            top: 0
        }

        .arrow-link {
            position: absolute;
            right: 0;
            top: calc(50% - 10px);
            width: 36px;
            height: 36px;
            opacity: 1;
            transform: rotate(90deg)
        }

        .active .arrow-link {
            transform: rotate(-90deg) translate(20px, 10px);
            -webkit-transform: rotate(-90deg) translate(20px, 10px)
        }

        .faq-content-wrap li {
            border: none;
            position: relative;
            padding: 0 0 0 20px;
            padding-bottom: 10px;
            font-size: 18px;
            line-height: 1.5;
            color: #000
        }

        .faq-content-wrap li:before {
            position: absolute;
            content: "";
            background-color: #1367fb;
            border-radius: 50%;
            width: 6px;
            height: 6px;
            left: 0;
            top: 7px
        }

        .app-faq-wrap-list .head:hover {
            color: #1367fb
        }

        .app-faq-wrap-list .head:hover svg {
            stroke: #1367fb
        }

        table,
        th,
        td {
            border: 1px solid #000;
            color: #000;
            padding: 10px;
            margin-bottom: 15px
        }

        .arrow-link svg {
            position: absolute;
            width: 30px;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke: #000;
            height: 36px;
            cursor: pointer;
            stroke-width: 1px;
            transition: transform .5s cubic-bezier(.19, 1, .22, 1);
            transform: translateX(-5px);
            -webkit-transform: translateX(-5px);
            -moz-transform: translateX(-5px);
            -ms-transform: translateX(-5px);
            -o-transform: translateX(-5px)
        }

        .active .arrow-link {
            transform: rotate(-90deg) translate(20px, 10px);
            -webkit-transform: rotate(-90deg) translate(24px, 10px)
        }

        .btn_wrapper {
            display: flex;
            justify-content: space-between;
            padding: 100px 150px 80px
        }

        .next_prv_wrap {
            width: 49%
        }

        .next_prv_wrap span {
            margin: 0;
            font-weight: 600
        }

        .pg_link {
            background-color: #f5f5f5;
            padding: 30px 80px;
            display: block;
            border-radius: 10px;
            color: #000;
            text-transform: capitalize
        }

        .pg_link:hover {
            color: #1367fb;
            background-color: #f1f2fd
        }

        .pg_link:hover svg {
            stroke: #1367fb
        }

        .pg_link:hover .pg_info {
            color: #1367fb
        }

        .pg_info {
            color: #000;
            font-size: 22px;
            font-weight: 600;
            line-height: 1.1;
            display: block;
            padding-top: 10px
        }

        .next_bl svg {
            margin-left: 10px
        }

        .prev_bl svg {
            margin: 0 10px 0 -10px;
            transform: rotate(180deg);
            display: inline-block;
            top: -5px !important
        }

        .pg_link svg {
            position: relative;
            top: 4px;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke: #000;
            width: 42px;
            height: 29px;
            stroke-width: .7;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease
        }

        .common_list {
            padding: 40px 0;
            margin: 0
        }

        .common_list li {
            position: relative;
            color: #fff;
            font-size: 18px;
            font-weight: 300;
            padding-left: 35px;
            margin-bottom: 20px
        }

        .common_list li:before {
            position: absolute;
            content: "";
            background-color: #09357d;
            border-radius: 50%;
            width: 12px;
            height: 12px;
            left: 0;
            top: 4px
        }

        .common_list li:after {
            position: absolute;
            content: "";
            background-color: #126bfb;
            border-radius: 50%;
            width: 6px;
            height: 6px;
            left: 3px;
            top: 7px
        }

        .blog-sec {
            padding: 4rem 0
        }

        .blog_heading .heading2 {
            color: #000;
            line-height: 1.1;
            margin-bottom: 50px
        }

        .blog__panel {
            padding-top: 30px;
            padding-bottom: 35px;
            display: flex;
            grid-column-gap: 25px;
            align-items: center;
            justify-content: flex-start
        }

        .blog_col {
            width: 33.33%
        }

        .blog_image img {
            max-width: 100%
        }

        .blog_caption {
            font-size: 18px;
            line-height: 1.3;
            color: #000;
            font-weight: 500;
            margin: 20px 0 25px;
            display: inline-block;
            min-height: 70px
        }

        .blog_caption:hover {
            color: #126bfb
        }

        .blog_image a {
            display: block
        }

        .blog_image_link {
            display: block;
            height: 340px;
            width: 100%;
            background-position: center !important;
            background-size: cover !important;
            border-radius: 5px
        }

        .read_more a {
            text-decoration: none;
            color: #126bfb;
            font-size: 18px;
            position: relative
        }

        .read_more svg {
            right: -31px;
            top: 2px;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke: #126bfb;
            width: 18px;
            position: absolute;
            height: 18px;
            stroke-width: 1;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transform: translateX(-5px);
            -webkit-transform: translateX(-5px);
            -moz-transform: translateX(-5px);
            -ms-transform: translateX(-5px);
            -o-transform: translateX(-5px)
        }

        .tech__icon a {
            color: #000
        }

        .tech__icon a:hover {
            color: #1468fb
        }

        .client_logos {
            position: relative;
            width: 100%;
            padding: 30px 80px
        }

        .client-logo-slider.owl-carousel .owl-item img {
            width: auto
        }

        .client-logo-slider.owl-carousel .owl-item img.kpmg {
            width: 90px
        }

        .client-logo-slider.owl-carousel .owl-item img.google {
            width: 100px
        }

        .client-logo-slider .owl-stage {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .horizontal_line:before {
            width: 100%;
            z-index: 0;
            left: 0
        }

        .horizontal_line:after {
            display: none
        }

        .trusted_brands span {
            position: relative;
            background-color: #000;
            display: inline-block;
            padding: 0 45px
        }

        .services_container .card_para,
        .states_panel .stats-head,
        .tab_detl_inner .para,
        .grid_col3 .tech_card .para,
        .grid_colm_item .grid_colm_head,
        .slider_container .process_card_info .para,
        .tech_icon .grid_col_heading,
        .industries_tab_panel .process_card .process_card_info .para,
        .tech_stack_wrap .inner_caption {
            font-size: 18px
        }

        .container .app__subhead,
        .slider_container .app__subhead {
            line-height: 1.5
        }

        .portfolio_info .port__left .para,
        .port__left .stats_text,
        #sync1 .client__right .para,
        #sync1 .client__name {
            font-size: 20px
        }

        .port__left .port_logo .heading3,
        .serv_card_head {
            font-size: 28px
        }

        .grid_col3 .tech_card figure {
            width: 43px;
            height: 42px
        }

        .process_card .process_card_info .para,
        #sync1 .client__des {
            font-size: 16px
        }

        .port__left .stats_text.result {
            font-size: 24px
        }

        .industries_tab_panel .indus_tab_list {
            font-size: 20px
        }

        .tab__tech__wrap .grid__panel {
            grid-row-gap: 4rem
        }

        .portfolio_info .port__rght,
        .portfolio_info .port__left {
            height: 750px
        }

        .owl-carousel .port__rght,
        .owl-carousel .port__left {
            height: 550px
        }

        .port_logo figure {
            max-width: 190px
        }

        .port_logo img {
            max-width: 100%
        }

        .top_arrw {
            position: absolute;
            right: 20px;
            bottom: 30px;
            width: 50px;
            height: 50px;
            background-color: #fff;
            border-radius: 50%;
            cursor: pointer;
            transform: scale(0);
            transition: .4s transform cubic-bezier(.68, .55, .265, .55)
        }

        .is-inview.top_arrw {
            transform: scale(1)
        }

        .top_arrw:hover {
            background-color: #f1f1f1
        }

        .top_arrw svg {
            top: 18px;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke: #000;
            width: 25px;
            position: absolute;
            height: 25px;
            stroke-width: 1;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg)
        }

        .footer_wrapper {
            position: relative
        }

        .para+.heading_inline {
            display: inline
        }

        .heading_inline {
            display: inline;
            font-weight: 400
        }

        .cl_testimonial_panel .quatation__mark {
            display: none
        }

        .stats-head {
            min-height: 87px
        }

        .tab_chips_wrap.items {
            position: relative;
            z-index: 3;
            display: flex;
            padding: 50px 0;
            overflow: hidden;
            white-space: nowrap;
            cursor: grab
        }

        .tab_chips_wrap.items .item {
            margin: 0 10px
        }

        .grid_colm_head:hover {
            color: #1468fb
        }

        .casestudy-header .appi-blue-blk-logo {
            display: block;
            position: relative
        }

        .arabic-header .menu-wrapper>ul>li.common__btn>a {
            color: #fff
        }

        .casestudy-header .appi-blue-wht-logo {
            display: none
        }

        .casestudy-header .menu-wrapper>ul>li>a {
            color: #000
        }

        .casestudy-header .menu-wrapper>ul>li.nav_contact>a {
            color: #fff
        }

        .service_panels .owl-nav [class*=owl-],
        .service_panels .owl-dots [class*=owl-],
        .service_slider.owl-theme .owl-nav [class*=owl-],
        .soft_capbiliti .owl-dots [class*=owl-],
        .soft_capbiliti .owl-nav [class*=owl-],
        .real_state .owl-dots [class*=owl-],
        .real_state .owl-nav [class*=owl-],
        .process_slider .owl-dots [class*=owl-],
        .process_slider .owl-nav [class*=owl-],
        .owl-carousel .owl-nav [class*=owl-],
        .owl-carousel .owl-dots [class*=owl-] {
            background: unset
        }

        .error #contact_budget {
            border-bottom: 1px solid #d73333;
            background: rgba(255, 5, 5, .04) !important
        }

        .select-grid .selectric-scroll li:nth-child(1) {
            display: none
        }

        .scrolled .casestudy-header .appi-blue-blk-logo {
            display: none
        }

        .scrolled .casestudy-header .appi-blue-wht-logo,
        .arabic-header .appi-blue-wht-logo,
        .arabic-header.shrink .appi-blue-blk-logo {
            display: block
        }

        .scrolled .casestudy-header.shrink .appi-blue-blk-logo {
            display: block
        }

        .scrolled .casestudy-header.shrink .appi-blue-wht-logo,
        .arabic-header .appi-blue-blk-logo,
        .arabic-header.shrink .appi-blue-wht-logo {
            display: none
        }

        .scrolled .casestudy-header .menu-wrapper>ul>li>a {
            color: #fff
        }

        .scrolled .casestudy-header.shrink .menu-wrapper>ul>li>a {
            color: #000
        }

        .scrolled .casestudy-header.shrink .menu-wrapper>ul>li.nav_contact>a {
            color: #fff
        }

        .contact-grid #capt {
            width: 100px;
            border: 2px solid #d8d8d8;
            padding: 7px;
            text-align: center;
            border-radius: 5px;
            margin: 0 0 0 10px
        }

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        input[type=number] {
            -moz-appearance: textfield
        }

        .left_icon_panel figure {
            margin: 0
        }

        .award__panel {
            padding: 25px 0;
            background-color: #000
        }

        .award__logo {
            padding-bottom: 10px
        }

        .award__logo img {
            max-width: 155px
        }

        .award__txt {
            font-size: 16px;
            font-weight: 300;
            line-height: 1.3;
            color: #fff;
            opacity: .7
        }

        .award__grid {
            position: relative;
            width: 26%
        }

        .award__panel .ds_flex .award__grid:nth-child(1) {
            width: 22%
        }

        .award__panel .ds_flex .award__grid:nth-child(1) .award_grid_inner {
            justify-content: flex-start
        }

        .award_grid_inner {
            border-right: 1px solid #707070;
            min-height: 115px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .toggle_btn {
            border: 1px solid #343434;
            background-color: #000;
            border-radius: 24px;
            width: 165px;
            color: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            bottom: 25px;
            right: 100px;
            z-index: 99
        }

        .switch_btn {
            padding: 15px;
            color: #707070;
            font-size: 14px;
            position: relative
        }

        .toggle_btn .active {
            color: #fff
        }

        .toggle_btn .active:after {
            left: 15px;
            content: "";
            position: absolute;
            top: 12px;
            width: 20px;
            height: 20px;
            background: #0060ff;
            border-radius: 50%;
            filter: blur(11px);
            z-index: -1
        }

        .toggle_btn .active:last-child:after {
            left: auto;
            right: 10px
        }

        .toggle_btn .active:before {
            position: absolute;
            content: "";
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
            width: 35px;
            height: 2px;
            background-color: #146bfa;
            border-radius: 15px;
            z-index: 2
        }

        .toggle_btn:before {
            position: absolute;
            content: "";
            left: 55%;
            top: 13px;
            width: 1px;
            height: 20px;
            background-color: #707070
        }

        .switch_btn+.switch_btn {
            margin-left: 20px
        }

        .icon-manufac {
            padding: 5px
        }

        .grid_colm_item a img {
            max-width: 28px
        }

        #form2-success {
            margin: 10px 0;
            font-size: 14px
        }

        .tools_tech_wrap {
            background-color: rgba(250, 242, 240, 1);
            padding: 3rem 0
        }

        .tools_tech_wrap .app__subhead,
        .case_studies .app__subhead {
            padding-bottom: 15px
        }

        .tools_tech_wrapper {
            display: flex;
            margin-top: 3rem;
            border-radius: 25px;
            overflow: hidden
        }

        .tools_tech_left {
            position: relative;
            padding: 20px 20px 0 30px;
            width: 50%;
            background-color: rgba(17, 99, 251, 1)
        }

        .tools_tab_link {
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            padding: 24px 0;
            margin-bottom: 5px;
            cursor: pointer;
            position: relative;
            padding-left: 80px
        }

        .tools_tech_scroll_num {
            position: absolute;
            left: 20px;
            font-weight: 500
        }

        .tools_tab_link.active {
            color: #fff;
            background: rgba(60, 128, 254, 1);
            border-radius: 12px
        }

        .tools_tab_link:hover {
            background: rgba(8, 83, 221, 1);
            border-radius: 12px
        }

        .total_count {
            color: #89b5fd
        }

        .active .tools_arrow {
            opacity: 1;
            visibility: visible
        }

        .tools_arrow {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            opacity: 0;
            visibility: hidden
        }

        .tools_tech_rt {
            position: relative;
            width: 50%;
            background-color: #fff
        }

        .tools_rt_inner {
            position: relative;
            padding: 30px
        }

        .list_head {
            cursor: pointer;
            color: #fff;
            font-size: 18px;
            position: relative
        }

        .list_num {
            position: absolute;
            left: 0
        }

        .tab_cont_dtl {
            margin: 30px 0 0
        }

        .tab_cont_dtl li:not(:last-child) {
            border-bottom: 1px solid #fff;
            padding-bottom: 25px;
            margin-bottom: 25px
        }

        .tools_card_head {
            color: #fff;
            font-size: 22px;
            padding-top: 20px
        }

        .accor_content {
            display: none
        }

        .accor_content .para {
            color: #fff
        }

        .tools_tab_content {
            display: none
        }

        .tools_tab_content.active {
            display: block
        }

        .service_cards {
            color: #fff;
            background-color: #0a0a0a;
            border: 1px solid #2d2d2d;
            border-radius: 15px;
            padding: 30px;
            width: 100%
        }

        .tools_tab_grid ul {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px
        }

        .tools_tab_grid ul li {
            background-color: #f7f7f7;
            border-radius: 16px;
            height: 75px;
            display: flex;
            align-items: center;
            padding: 22px
        }

        .tools_tab_grid ul li figure {
            width: 80px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .tools_tab_grid ul li figure img {
            max-width: 40px;
            max-height: 40px
        }

        .tools_tab_grid ul li span {
            margin: 0 0 0 40px;
            font-size: 14px;
            line-height: 1.2;
            font-weight: 600
        }

        .indus_panel {
            margin: 0 auto;
            max-width: 1100px
        }

        .tools_tech_scroll li:last-child {
            margin-bottom: 0
        }

        .tools_right_scroll {
            overflow-y: scroll;
            height: 420px;
            padding-right: 35px
        }

        .tools-accordion-body ul li a {
            display: flex;
            align-items: center;
            position: absolute
        }

        .service_cards:hover {
            border: 1px solid #2d2d2d;
            background-color: #1c1c1e
        }

        .service_cards .para {
            font-size: 16px;
            font-weight: 400;
            line-height: 1.5;
            min-height: 110px
        }

        .service_cards .serv_card_list .para {
            margin: 10px 0 0;
            min-height: auto
        }

        .serv_card_list {
            margin: 30px 0
        }

        .tools_tech_scroll {
            overflow-y: scroll;
            height: 420px;
            padding-right: 15px
        }

        .scrollle_content::-webkit-scrollbar,
        .tools_tech_scroll::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 7px
        }

        .tools_tech_scroll::-webkit-scrollbar-thumb {
            background-color: #fff;
            border-radius: 10px
        }

        .tools_tech_scroll::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background-color: #8897fa
        }

        .serv_card_list li {
            position: relative;
            font-size: 20px;
            font-weight: 600;
            line-height: 1.2;
            color: #b6b6b8;
            padding-left: 30px;
            margin-bottom: 22px
        }

        .list_head {
            cursor: pointer
        }

        .tools-tab-accordion {
            display: none;
            position: relative;
            padding-left: 40px;
            background: #3c80fe;
            border-radius: 8px;
            margin-bottom: 20px
        }

        .app_form_panel {
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../new-images/talk-to-us-banner.webp) no-repeat;
            background-size: cover;
            position: relative;
            padding: 6rem 0
        }

        .talk_us_inner {
            padding: 0 2rem 0;
            width: 100%;
            position: relative
        }

        .talk_us_inner .appi__head2 {
            color: #fff;
            font-size: 46px;
            font-weight: 400;
            line-height: 1.2;
            margin-bottom: 30px
        }

        .col-50 {
            width: 42%
        }

        .talk_us_inner .appi__head5 {
            font-weight: 400;
            font-size: 18px;
            line-height: 28px
        }

        .col-50.left-col ul li {
            position: relative;
            margin: 36px 0 0 2px;
            padding-left: 20px
        }

        .col-50.left-col li {
            font-size: 24px;
            line-height: 36px;
            font-weight: 400;
            color: #fff
        }

        .col-50.left-col ul li:not(:first-child) {
            margin-top: 8px
        }

        .col-50.left-col ul li:before {
            position: absolute;
            content: "";
            background-color: #fff;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            top: 10px;
            left: 0
        }

        .form-col .form_control {
            border-bottom: 1px solid #3f3f41;
            color: #fff;
            background-color: transparent;
            padding: 5px 0;
            margin-bottom: 10px;
            width: 100%;
            height: 56px;
            font-size: 20px;
            font-style: italic
        }

        .form_control::-webkit-input-placeholder {
            color: #fff
        }

        .form_control::-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .form_control:-ms-input-placeholder {
            color: #fff
        }

        .form_control:-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .form_control.msg {
            height: 80px;
            padding: 10px 0;
            font-family: "Inter", sans-serif
        }

        .form-col.code {
            width: 170px
        }

        .form-col {
            width: 100%
        }

        .form-row {
            position: relative;
            margin-bottom: 20px
        }

        #agreementa:checked,
        #agreementa:not(:checked) {
            position: absolute;
            left: -9999px
        }

        #agreementa+label {
            position: relative;
            padding-left: 25px;
            cursor: pointer;
            line-height: 1.3;
            display: inline-block;
            color: #fff;
            margin: 0;
            font-size: 10px
        }

        #agreementa:checked+label:before,
        #agreementa:not(:checked)+label:before {
            content: "";
            position: absolute;
            left: 0;
            top: -2px;
            width: 18px;
            height: 18px;
            border: 1px solid #000;
            border-radius: 100%;
            background: #fff
        }

        #agreementa:checked+label:after,
        #agreementa:not(:checked)+label:after {
            content: "";
            width: 8px;
            height: 8px;
            background: #000;
            position: absolute;
            top: 4px;
            left: 6px;
            border-radius: 100%;
            -webkit-transition: all .2s ease;
            transition: all .2s ease
        }

        #agreementa:not(:checked)+label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        #agreementa:checked+label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .form_hm_panel .common__btn {
            margin: 20px 0;
            width: 100%
        }

        .form_hm_panel {
            background: #0e0e1c;
            border: 1px solid #1f1f1f;
            border-radius: 15px;
            padding: 15px 35px 30px
        }

        .form_hm_panel .common__btn .btn-effect {
            color: #fff;
            border: none;
            border-radius: 5px;
            width: 100%;
            background-color: #126bfb
        }

        .form_hm_panel .common__btn .btn-effect:hover {
            background-color: #084fc0
        }

        .blck .btn-effect {
            border: 2px solid #000;
            color: #000
        }

        .blck .btn-effect svg {
            stroke: #000
        }

        .blck .btn-effect:hover svg {
            margin-left: 10px
        }

        .msg {
            resize: none
        }

        .blck .btn-effect {
            background-color: transparent
        }

        .common__btn button {
            cursor: pointer
        }

        .d-block {
            display: block
        }

        .select-grid {
            border-bottom: 1px solid #3f3f41;
            padding: 5px 0;
            height: 54px
        }

        .select-grid .selectric .label {
            font-size: 16px;
            color: #fff;
            margin: 0;
            font-style: italic
        }

        .select-grid li {
            background: 0 0;
            color: #fff;
            padding: 12px
        }

        .select-grid .selectric .button {
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../new-images/select-arrow-wht.svg) no-repeat !important;
            right: -20px !important;
            top: 12px
        }

        .select-grid .selectric .button:after {
            content: none
        }

        .select-grid .selectric {
            border: none;
            background: 0 0
        }

        .select-grid .selectric-items {
            background: #fff
        }

        .select-grid .selectric-items li:hover,
        .select-grid .selectric-items li.selected,
        .select-grid .selectric-items li.highlighted {
            background: #41afff !important;
            color: #fff !important
        }

        .select-grid .selectric-items li {
            color: #1a1818;
            font-size: 17px;
            padding: 8px 33px;
            font-style: italic
        }

        .select-grid .selectric-open .selectric-items {
            display: block;
            width: 100% !important;
            left: 0;
            border-radius: 0 0 10px 10px;
            padding: 0;
            top: 47px;
            box-shadow: none;
            background: #ffe8f1;
            background: linear-gradient(55deg, rgba(255, 232, 241, 1) 0%, rgba(253, 228, 236, 1) 8%, rgba(254, 234, 244, 1) 17%, rgba(253, 238, 241, 1) 28%, rgba(252, 241, 240, 1) 38%, rgba(253, 244, 240, 1) 50%, rgba(252, 247, 243, 1) 60%, rgba(253, 250, 248, 1) 71%, rgba(252, 250, 248, 1) 82%, rgba(253, 251, 250, 1) 91%, rgba(255, 255, 255, 1) 100%)
        }

        .select-grid .selectric .button {
            right: 20px;
            width: 40px;
            color: #1a1818;
            background: 0 0
        }

        .select-grid .selectric .button:after {
            border: solid #1a1818;
            border-width: 0 2px 2px 0;
            padding: 3px;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg)
        }

        .captchtext.captcha-num {
            padding-left: 0;
            font-weight: 400
        }

        .captcha-num {
            font-size: 14px
        }

        .form_hm_panel .captchtext {
            font-size: 16px;
            padding-right: 5px;
            color: #fff
        }

        .form-row label {
            font-size: 12px;
            color: #fff
        }

        .form-captcha .type_text {
            border: 1px solid #fff;
            background-color: transparent;
            font-size: 16px;
            padding: 5px;
            border-radius: 5px;
            width: 50px;
            height: 38px;
            text-align: center;
            margin: 0 5px;
            color: #fff
        }

        .we_appi_wrap .container {
            height: 100%
        }

        .landing_page_form .selectric {
            border-bottom: 1px solid #979797;
            border-right: 0;
            border-left: 0;
            border-top: 0;
            color: #4e4949
        }

        .landing_page_form .selectric .label {
            font-size: 14px;
            color: #4e4949
        }

        .bg_cover {
            background: #000;
            padding: 1rem 0 4rem
        }

        .owl-carousel .badge_card img {
            width: auto;
            max-height: 115px
        }

        .badge_card {
            background: #171717;
            border: 1px solid #343434;
            border-radius: 10px;
            padding: 30px 10px;
            color: #fff;
            text-align: center
        }

        .badge_card_text {
            padding-top: 40px
        }

        .badge_head {
            font-size: 20px;
            line-height: 1.5;
            padding-top: 10px
        }

        .badge_card_text span {
            font-size: 16px
        }

        .global_leaders.owl-carousel svg {
            position: absolute;
            margin-left: 0;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke: #fff;
            top: 50%;
            left: 50%;
            stroke-width: 1px;
            transform: translate(-50%, -50%) scale(.8);
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease
        }

        .global_leaders.owl-carousel .owl-nav [class*=owl-]:hover {
            background-color: #116bfb;
            border: 1px solid #116bfb !important
        }

        .global_leaders.owl-carousel .owl-nav [class*=owl-] {
            background: 0 0;
            border: 1px solid rgba(91, 91, 91, 1) !important;
            position: relative;
            width: 72px;
            height: 72px;
            border-radius: 50%
        }

        .global_leaders.owl-theme .owl-nav {
            margin: 0;
            position: absolute;
            top: -120px;
            right: 200px
        }

        .global_leaders.owl-theme .owl-nav .owl-prev svg {
            transform: rotate(180deg) translate(12px, 8px) scale(.8)
        }

        .badge_card figure {
            height: 115px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .badge_panel .custom_container {
            padding: 2rem 0
        }

        .badge_panel .app__subhead {
            width: 70%;
            margin: 0 0 20px
        }

        .bg_wrapper a:not(.btn-effect, .recent_post_wrap a, .fixed-service-nav-btn a, .grid_colm_item a, .bg_wrapper.wht_bg a, .recent_post_right a, .tech_part_right a, .card_indus a, a.cnt-caturl, .tabs-nav-card a, .box_card_inner a, .why_partnering_panel a, .tools_tech_wrap a, .vertical-main-container a, .typehealthcare_tabs a),
        .indus_para a {
            color: #fff;
            border-bottom: 1px solid #fff
        }

        .bg_wrapper a:hover:not(.btn-effect, .recent_post_wrap a, .fixed-service-nav-btn a, .grid_colm_item a, .bg_wrapper.wht_bg a, .recent_post_right a, .tech_part_right a, .card_indus a, a.cnt-caturl, .tabs-nav-card a, .flip-card-back a, .box_card_inner a, .why_partnering_panel a, .tools_tech_wrap a, .vertical-main-container a, .typehealthcare_tabs a, .service_hover_effect a),
        .indus_para a:hover {
            border-bottom: none;
            color: #1468fb
        }

        .clutch-top-100 {
            margin-top: 20px;
            max-width: 110px
        }

        .clutch-top-200 {
            margin-top: 20px;
            max-width: 200px
        }

        .zayne-randell {
            max-width: 80px;
            border-radius: 50%
        }

        .clientspeak__panel {
            max-width: 100%
        }

        .career span {
            background-color: #f07652;
            position: absolute;
            right: -30px;
            top: 8px;
            border-radius: 8px;
            padding: 4px 8px;
            font-size: 10px;
            font-weight: 600;
            text-transform: uppercase;
            color: #fff
        }

        .banner_form .row_inner input#contact_phonemuber {
            width: 100%
        }

        .app_form_left.mena-region {
            position: relative;
            width: 48%;
            padding: 18px;
            background: linear-gradient(180deg, #b5e1b0 41.83%, #00732f 100%);
            border-radius: 8px;
            background-position: top;
            margin: 10px
        }

        .pop_up_image {
            position: absolute;
            content: "";
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../new-images/pop-up-middle-east-bg.webp) no-repeat;
            background-position: bottom;
            width: 100%;
            height: 90%;
            left: 0;
            bottom: 0
        }

        .app_form_rght.mena-region {
            width: 48%;
            padding: 30px 30px 20px
        }

        .app_form_left.mena-region .heading2 {
            color: #000;
            font-size: 24px;
            line-height: 160%;
            font-weight: 400;
            position: relative
        }

        .app_form_left.mena-region .heading2 span {
            color: #1163fb;
            font-weight: 800
        }

        .app_form_left.mena-region .para {
            color: #000;
            font-size: 11px;
            line-height: 160%;
            font-weight: 500;
            padding: 0;
            margin: 12px 0 0
        }

        .appi-exit-modal-form-wrapper.mena-region .contact-form-section {
            background: #fff;
            border-radius: 0 10px 10px 0
        }

        .appi-cta-mena-region.modal_popup.cta_modal {
            background: 0 0;
            border: 0;
            padding: 10px;
            box-shadow: none
        }

        .appi-exit-modal-form-wrapper.mena-region .form-title-main,
        .appi-exit-modal-form-wrapper.mena-region .floating-input-label,
        .appi-exit-modal-form-wrapper.mena-region .wht-text {
            color: #000
        }

        .pop-up-heading-wrapper {
            position: relative
        }

        .pop-up-heading-wrapper:after {
            position: absolute;
            content: "";
            border: 1px solid#000;
            width: 100%;
            bottom: -16px;
            left: 0
        }

        .pop-up-stats-wrapper {
            display: flex;
            align-items: center;
            gap: 16px;
            padding-top: 2rem
        }

        .pop-up-stats-box {
            text-align: left
        }

        .pop-up-stats-box .nums {
            color: #1163fb;
            font-size: 20px;
            line-height: 100%;
            font-weight: 500
        }

        .pop-up-stats-box p {
            color: #000;
            font-size: 12px;
            line-height: 160%;
            font-weight: 500
        }

        .award-badge-wrapper {
            width: 46%;
            display: flex;
            align-items: center;
            gap: 6px;
            border-right: 1px solid #dfdedc
        }

        .popup-client-logo-slider {
            width: 52%;
            top: 10px
        }

        .popup-client-logo-slider.owl-carousel .owl-item img {
            width: 100%;
            margin: 0
        }

        .popup-client-logo-slider .owl-stage {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .cont_formbtm.mena-region .flex_wrapper.align_center {
            align-items: center
        }

        .insight-section .owl-carousel .owl-item img {
            height: 300px;
            object-fit: cover
        }

        .award_slider_box .logo_sc.etindustry {
            transform: scale(.5);
            transition: all .5s cubic-bezier(0, 0, 0, .95)
        }

        .award_slider_box .logo_sc.timestatista {
            transform: scale(.5);
            transition: all .5s cubic-bezier(0, 0, 0, .95)
        }

        #image-slider.owl-carousel .owl-item.active.center .award_slider_box .logo_sc.etindustry img {
            transform: scale(.5)
        }

        #image-slider.owl-carousel .owl-item.active.center .award_slider_box .logo_sc.timestatista img {
            transform: scale(.7)
        }

        .full-height {
            height: 100%
        }

        @media (max-width: 1899px) {
            .container {
                max-width: 1350px
            }
        }

        @media (max-width: 1680px) {
            .insight-section .owl-carousel .owl-item img {
                height: 265px
            }

            .space_between {
                justify-content: space-between
            }

            .container {
                max-width: 1300px
            }

            .nav__list a {
                font-size: 14px
            }

            .heading2 {
                font-size: 52px
            }

            .app__subhead,
            .serv_card_list li {
                font-size: 18px
            }

            .trusted_brands {
                font-size: 16px
            }

            .app__subhead,
            .serv_card_list li {
                font-size: 18px
            }

            .para {
                font-size: 16px
            }

            .common__btn .btn-effect {
                font-size: 14px
            }

            .heading4 {
                font-size: 24px
            }

            .heading3 {
                font-size: 36px
            }

            .heading4 {
                font-size: 22px
            }

            .small-container {
                width: 750px
            }

            .hq__detail p {
                font-size: 16px
            }

            .most_trust_badge span {
                font-size: 20px
            }

            .foot-col-head {
                font-size: 22px
            }

            .footer_list li a {
                font-size: 16px
            }
        }

        @media (max-width: 1550px) {
            .insight-section .owl-carousel .owl-item img {
                height: 240px
            }

            .contact-grid #capt {
                width: 60px !important
            }

            .heading2 {
                font-size: 46px
            }

            .global_leaders.owl-carousel .owl-nav [class*=owl-] {
                width: 50px;
                height: 50px
            }

            .global_leaders.owl-theme .owl-nav {
                right: 150px
            }

            .form-col .form_control {
                font-size: 16px
            }

            .container {
                max-width: 1240px
            }

            .nav__list a {
                font-size: 14px
            }

            .app__subhead,
            .serv_card_list li {
                font-size: 15px
            }

            .small-container {
                width: 720px
            }

            .top_content_wrap .heading1+.app__subhead {
                font-size: 18px
            }

            .hq__detail p {
                font-size: 13px
            }

            .owl-carousel .port__rght,
            .owl-carousel .port__left {
                height: 450px
            }

            .most_trust_badge span {
                font-size: 22px
            }

            .foot-col-head {
                font-size: 22px
            }

            .footer_list li a {
                font-size: 16px
            }

            .app-faq-wrap-list .head {
                font-size: 16px
            }

            .app-faq-wrap-list .para {
                font-size: 12px
            }

            .blog_image_link {
                height: 290px
            }

            .blog_caption,
            .read_more a {
                font-size: 16px
            }

            .pg_info {
                font-size: 18px
            }

            .hq_head {
                font-size: 22px
            }

            .faq-content-wrap li {
                font-size: 14px
            }

            .app-faq-wrap-list .para {
                font-size: 14px
            }

            .app_form_left .heading6 {
                font-size: 14px
            }

            .contact_form_btn.common__btn .btn-effect {
                font-size: 14px
            }

            .badge_col span {
                font-size: 11px
            }

            .contact_form_btn,
            .footer_capt .contact_form_btn {
                margin: 0
            }

            .talk_us_inner .appi__head5 {
                font-size: 18px;
                line-height: 30px
            }

            .col-50.left-col li {
                font-size: 18px;
                line-height: 30px
            }

            .talk_us_inner .appi__head2 {
                font-size: 38px;
                line-height: 48px
            }
        }

        @media (max-width: 1440px) {
            .insight-section .owl-carousel .owl-item img {
                height: 220px
            }

            .container {
                max-width: 1200px
            }

            .nav__list a {
                font-size: 14px
            }

            .app__subhead,
            .serv_card_list li {
                font-size: 17px
            }

            .heading4 {
                font-size: 22px
            }

            .heading3 {
                font-size: 35px
            }

            .heading4 {
                font-size: 22px
            }

            .small-container {
                width: 720px
            }

            .visiontext_wrapper .heading2 {
                font-size: 42px
            }

            .visiontext_wrapper .heading6 {
                font-size: 20px
            }

            .pop-right .contact-grid {
                padding: 16.5px 20px
            }

            .contact-grid input,
            .contact-grid textarea,
            .contact-grid>label {
                font-size: 16px
            }

            .right-head-wrapper {
                padding: 25px 20px
            }

            .p_wrapper_h {
                font-size: 18px
            }

            .p_wrapper {
                padding: 25px 40px
            }

            .most_trust_badge span {
                font-size: 16px
            }

            .btn_wrapper {
                padding: 100px 80px 80px
            }

            .most_trust_badge span {
                font-size: 18px
            }

            .services_container .card_para {
                font-size: 14px
            }

            .states_panel .stats-head {
                font-size: 16px
            }

            .tab_detl_inner .para {
                font-size: 16px
            }

            .portfolio_info .port__left .para {
                font-size: 16px
            }

            .grid_col3 .tech_card .para {
                font-size: 14px
            }

            .grid_col3 .tech_card figure {
                width: 33px;
                height: 32px
            }

            .port__left .port_logo .heading3 {
                font-size: 26px
            }

            .grid_colm_item .grid_colm_head {
                font-size: 16px
            }

            .port__left .stats_text.result,
            .port__left .states_head span {
                font-size: 22px
            }

            #sync1 .client__right .para {
                font-size: 16px
            }

            #sync1 .client__name {
                font-size: 18px
            }

            #sync1 .client__des {
                font-size: 14px
            }

            .slider_container .process_card_info .para {
                font-size: 14px;
                line-height: 1.6
            }

            .industries_tab_panel .process_card .process_card_info .para {
                font-size: 16px
            }

            .industries_tab_panel .indus_tab_list {
                font-size: 18px
            }

            .tech_stack_wrap .inner_caption,
            .port__left .stats_text {
                font-size: 14px
            }

            .tab__tech__wrap .grid__panel {
                grid-row-gap: 2rem
            }

            .port_logo figure {
                max-width: 170px
            }

            .portfolio_info .port__rght,
            .portfolio_info .port__left {
                height: 550px
            }

            .owl-carousel .port__rght,
            .owl-carousel .port__left {
                height: 450px
            }

            .app-faq-wrap-list .head {
                font-size: 18px
            }

            .faq-content-wrap .para,
            .faq-content-wrap li {
                font-size: 14px
            }

            .contact-grid #capt {
                width: 70px !important
            }

            .talk_us_inner .appi__head5 {
                font-size: 16px;
                line-height: 24px
            }

            .col-50.left-col li {
                font-size: 16px;
                line-height: 24px
            }

            .talk_us_inner .appi__head2 {
                font-size: 36px;
                line-height: 42px
            }
        }

        @media (max-width: 1366px) {
            .insight-section .owl-carousel .owl-item img {
                height: 195px
            }

            .container {
                max-width: 1150px
            }

            .nav__list a {
                font-size: 12px
            }

            .app__subhead {
                font-size: 18px
            }

            .heading4 {
                font-size: 22px
            }

            .blog_image_link {
                height: 251px
            }
        }

        @media (max-width: 1280px) {
            .heading2 {
                font-size: 46px
            }
        }

        @media (max-width: 1024px) {
            .app_form_panel {
                padding: 4rem 0
            }

            .talk_us_inner>.ds_flex {
                flex-direction: column
            }

            .talk_us_inner .appi__head2 {
                font-size: 28px
            }

            .talk_us_inner .appi__head5 {
                font-size: 15px;
                line-height: 24px
            }

            .col-50 {
                width: 100%
            }

            .col-50+.col-50 {
                margin-top: 50px
            }

            .cta_modal.modal_popup {
                width: 90%
            }

            .badge_col {
                padding: 0 20px
            }

            .badge_col:not(:last-child) {
                padding-right: 35px
            }

            .app_form_rght {
                width: 50%;
                padding: 25px
            }

            .app_form_left {
                width: 50%;
                padding: 25px
            }

            .delivered_products {
                width: 30%
            }

            .app_badges {
                width: 70%;
                padding: 10px 0
            }

            .delivered_products p {
                font-size: 13px
            }

            .app_form_left .heading2 {
                font-size: 25px
            }

            .app_badges .flex_wrapper.space_between {
                justify-content: flex-start
            }

            .modal_popup.cta_modal .cont_formbtm {
                padding: 25px;
                height: auto
            }

            .dark_awards {
                padding-top: 30px
            }

            .award__panel .common__btn {
                margin: 45px auto 0
            }

            .award__panel {
                padding: 0 0 1rem
            }

            .award-grid-inner {
                margin-right: 35px;
                padding-right: 45px;
                min-height: 90px
            }

            .global_award_panel {
                padding: 50px 35px
            }

            .award_section {
                padding: 2rem 0 0;
                flex-wrap: wrap;
                row-gap: 20px
            }

            .award__grid {
                width: 50%
            }
        }

        @media screen and (max-width: 1023px) {
            .modal_popup {
                width: 700px;
                top: 54%
            }

            .btn--close-modal {
                right: 10px;
                top: 4px
            }

            .app_form_wrap {
                padding: 50px 20px 10px
            }

            .app_form_left {
                width: 52%;
                padding-right: 20px
            }

            .app_form_rght {
                width: 48%
            }

            .app_form_left .heading2 {
                font-size: 30px
            }

            .app_form_left .heading6 {
                font-size: 13px
            }

            .cont_formbtm {
                padding: 10px 15px
            }

            .delivered_products {
                width: 40%
            }

            .delivered_products p {
                font-size: 14px
            }
        }

        @media (max-width: 767px) {
            .custom_container {
                margin: 0 10px !important
            }

            .badge_panel .custom_container {
                padding: 20px 0
            }

            .form-col .form_control {
                font-size: 14px
            }

            .badge_panel .app__subhead {
                width: 100%
            }

            .badge_panel {
                padding: 2rem 0 0
            }

            .global_leaders.owl-theme .owl-nav {
                position: static;
                margin-top: 30px
            }

            .app_form_panel {
                padding: 4rem 0;
                margin: 0;
                background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../new-images/bg-mobile-form.webp) no-repeat;
                background-size: cover;
                background-position: center
            }

            .form_hm_panel {
                padding: 15px 15px 25px
            }

            .talk_us_inner .appi__head2 {
                font-size: 24px
            }

            .talk_us_inner>.ds_flex {
                flex-direction: column
            }

            .talk_us_inner {
                padding: 0;
                opacity: 1;
                position: relative;
                left: auto;
                top: auto;
                transform: none
            }

            .captchtext {
                font-size: 14px
            }

            .user_agreement_nda {
                width: 60%
            }

            .form-captcha .type_text {
                font-size: 14px;
                padding: 5px 2px;
                width: 35px;
                height: 30px
            }

            .col-50 {
                width: 100%
            }

            .col-50+.col-50 {
                margin-top: 20px
            }

            .top_content_wrap .heading1+.app__subhead {
                font-size: 14px
            }

            .blog__panel {
                display: block
            }

            .container {
                max-width: 100%;
                margin: 0 auto;
                padding: 0 15px
            }

            .cl_testimonial_panel {
                padding: 0 0 4rem
            }

            .pop-left {
                display: none
            }

            .modal_popup {
                width: 90%
            }

            .pop-right {
                width: 100%
            }

            .right-head-wrapper {
                padding: 20px
            }

            .contact-grid input,
            .contact-grid textarea {
                height: 25px
            }

            .pop-right .contact-grid>label {
                top: 18px
            }

            .contact-grid input,
            .contact-grid textarea,
            .contact-grid>label {
                font-size: 14px
            }

            .captcha_col .type_text {
                height: 44px;
                width: 45px;
                margin-left: 5px
            }

            .p_wrapper {
                padding: 20px 10px
            }

            .p_wrapper_h {
                width: 100%;
                font-size: 12px;
                padding: 0 0 15px
            }

            .p_wrapper_logos {
                width: 100%
            }

            .p_wrapper .flex_wrapper.space_between {
                flex-direction: column
            }

            .p_wrapper .p_wrapper_logos .flex_wrapper {
                flex-direction: row;
                justify-content: flex-start
            }

            .p_wrapper_logos .flex_wrapper div {
                width: calc(100% / 4)
            }

            .p_wrapper_logos span {
                transform: scale(.8)
            }

            .p_wrapper_h:after {
                content: none
            }

            .cta_modal.modal_popup {
                width: 100%;
                overflow: auto;
                height: calc(100vh - 30px)
            }

            .app_form_left {
                border-radius: 0
            }

            .cta_modal .app_form_wrap .flex_wrapper {
                margin: 0;
                flex-direction: column
            }

            .cta_modal .app_form_wrap .app_form_rght .flex_wrapper {
                flex-direction: row
            }

            .cta_modal .app_form_left {
                width: 100%;
                padding: 20px
            }

            .cta_modal .app_form_rght {
                width: 100%;
                padding: 20px
            }

            .cta_modal .app_form_left .heading2 {
                font-size: 18px;
                line-height: 1.2
            }

            .cta_modal .btn--close-modal {
                right: 30px;
                top: 10px
            }

            .modal_popup.cta_modal .btn-popup-wrapper {
                width: 90%;
                overflow: hidden;
                margin: auto
            }

            .delivered_products {
                margin-top: 10px;
                width: 100%;
                text-align: center;
                padding-bottom: 10px;
                display: block
            }

            .delivered_products p {
                line-height: 1.5;
                font-size: 13px
            }

            .app_badges {
                width: 100%;
                margin: 10px 0
            }

            .badge_col:not(:last-child) {
                border-right: 0;
                padding-right: 4px;
                margin-bottom: 0;
                padding-left: 4px
            }

            .badge_col:nth-of-type(2) {
                padding-right: 20px;
                margin-bottom: 0;
                padding-left: 4px
            }

            .badge_col:first-child {
                padding-right: 4px;
                margin-bottom: 0;
                padding-left: 20px
            }

            .badge_col:last-child {
                margin-top: 15px;
                padding: 0 20px;
                margin-bottom: 0;
                width: 100%
            }

            .badge_col {
                width: 50%;
                text-align: center
            }

            .app_badges .flex_wrapper.space_between {
                justify-content: center
            }

            .headq__panel {
                padding: 2rem 0
            }

            .foot-top-col {
                max-width: 100%;
                width: 100%;
                margin-bottom: 30px
            }

            .flexrow {
                padding-bottom: 20px
            }

            .hd_logo img {
                max-width: 100px
            }

            .most_trust_badge span {
                font-size: 10px;
                font-weight: 400;
                line-height: 1.5;
                padding-left: 8px
            }

            .most_trust_badge {
                margin-left: 20px;
                padding: 5px
            }

            .countries__wrapper,
            .faq_grid_panel {
                grid-template-columns: repeat(1, 1fr);
                display: grid
            }

            .hq__detail .filter {
                height: auto;
                width: auto
            }

            .headq__panel .flexrow {
                display: inline
            }

            .hd_logo {
                margin-left: 20px;
                padding: 20px 5px
            }

            br {
                display: none
            }

            .filter {
                width: 35px;
                height: 35px;
                margin: 0 auto
            }

            .footer_wrapper .flex_wrapper.space_between {
                flex-direction: column
            }

            .foot-top-col {
                position: relative
            }

            .foot-col-plus {
                position: absolute;
                right: 0;
                top: -6px;
                width: 30px;
                height: 30px
            }

            .foot-col-plus:after,
            .foot-col-plus:before {
                position: absolute;
                content: "";
                background: #fff
            }

            .active .foot-col-plus:after {
                opacity: 0
            }

            .foot-col-plus:before {
                width: 18px;
                height: 2px;
                top: 14px;
                left: 5px
            }

            .foot-col-plus:after {
                height: 17px;
                width: 2px;
                left: 13px;
                top: 7px;
                opacity: 1
            }

            .footer_list {
                margin: 0 0 20px;
                padding-left: 20px
            }

            .career span {
                right: 0;
                top: 12px;
                padding: 5px 10px
            }

            .foot-col-head {
                padding-bottom: 10px
            }

            .footer-mid {
                padding: 50px 0 0
            }

            .foot-col-head {
                font-size: 20px
            }

            .top_arrw {
                display: none
            }

            .top_arrw_mobile {
                display: block
            }

            .full_stack p {
                margin: 20px 0 0;
                font-size: 14px
            }

            .statutory-mwrapper,
            .copy_rght,
            .foot_social_network {
                width: 100%
            }

            .copy_rght {
                padding-top: 15px
            }

            .copy_rght ul>li {
                line-height: 1;
                margin-bottom: 8px
            }

            .sevices_rt_inner {
                padding: 30px 15px 10px
            }

            .tools_tech_rt {
                width: 100%
            }

            .tools_tech_rt .tools_tab_content,
            .tools-tab-accordion {
                display: block
            }

            .tools_tech_left {
                display: none
            }

            .tools-accordion-body {
                display: none;
                margin-bottom: 30px
            }

            .tools_tech_wrapper {
                margin-top: 2rem
            }

            .tools_card_head {
                color: #fff;
                font-size: 16px;
                padding: 15px;
                font-weight: 600
            }

            .tools_tab_grid ul {
                gap: 5px;
                margin-bottom: 0
            }

            .tools_tab_grid ul li {
                padding: 15px;
                height: 70px
            }

            .tools_tab_grid ul li span {
                margin: 0 0 0 10px;
                font-size: 11px
            }

            .tools_tab_grid ul li {
                height: 75px
            }

            .tools_tab_grid ul li figure {
                width: 36px
            }

            .tools_tab_grid ul li figure img {
                max-width: 28px
            }

            .tools_rt_inner {
                padding: 30px 15px 10px;
                height: auto
            }

            .tools_icon {
                position: absolute;
                left: 15px;
                top: 15px
            }

            .blog_col {
                width: 100%;
                margin-bottom: 2rem
            }

            .blog_col .blog_caption {
                min-height: auto
            }

            .blog-sec {
                padding: 3rem 0 0
            }

            .blog_heading .heading2 {
                margin-bottom: 10px
            }

            .award__panel .common__btn {
                margin: 30px auto 0
            }

            .award__panel .ds_flex {
                padding: 2rem 0 0;
                flex-wrap: wrap;
                row-gap: 20px
            }

            .award-grid-inner {
                min-height: 70px;
                margin-right: 20px;
                padding-right: 20px
            }

            .award_grid:nth-child(2) .award-grid-inner {
                border-right: none;
                margin: 0;
                padding: 0
            }

            .award__panel .award_inner {
                padding: 2rem 0 !important
            }

            .award__panel {
                padding: 0
            }

            .award__logo img {
                width: 90px
            }

            .award__panel .ds_flex .award__grid:nth-child(1) .award_grid_inner {
                justify-content: center
            }

            .award__panel .award__grid:nth-child(2) .award_grid_inner {
                border-right: none
            }

            .award__panel .award__grid:nth-child(4) .award_grid_inner {
                border-right: none
            }

            .award_grid_inner {
                border-right: 1px solid #707070;
                min-height: 80px;
                padding-right: 15px
            }

            .award__panel .ds_flex .award__grid:nth-child(1) {
                width: 50%
            }

            .testimonail_slider .owl-nav {
                right: 0 !important;
                transform: translateX(-55%)
            }

            .app_form_wrap {
                padding: 15px 10px
            }

            .cta_modal .app_form_left .heading2 {
                font-size: 16px;
                line-height: 22px
            }

            .pop_up_image {
                display: none
            }

            .app_form_left .para {
                display: none
            }

            .pop-up-stats-wrapper {
                padding-top: 1rem
            }

            .pop-up-stats-box p {
                font-size: 10px;
                margin-bottom: 0
            }

            .award-badge-wrapper {
                display: none
            }

            .popup-client-logo-slider {
                width: 100%;
                padding-top: 15px
            }

            .app_form_left.mena-region {
                margin: 0
            }

            .cont_formbtm.mena-region .flex_wrapper.align_center {
                margin: 0
            }

            .popup-client-logo-slider.owl-carousel .owl-item img {
                margin: 0 auto
            }
        }

        @media (min-width: 768px) and (max-width:1023px) {
            .cont_form_group:not(:last-child) {
                margin-bottom: 7px
            }

            .cont_form_group.btn_sec {
                padding: 5px 0
            }

            .cont_form_group label,
            .cont_form_group input,
            .cont_form_group textarea {
                font-size: 11px
            }

            .app_form_rght {
                padding: 12px 10px
            }

            .cta-popup-modal .contact_form_btn.common__btn .btn-effect {
                padding: 10px 25px
            }

            .our_response {
                margin-top: 0
            }

            .app_form_left {
                width: 45%
            }

            .app_form_wrap {
                padding: 0
            }

            .app_form_rght {
                width: 52%
            }

            .cta_modal.modal_popup {
                width: 98%
            }

            .delivered_products {
                width: 29%
            }

            .delivered_products p {
                font-size: 10px
            }
        }

        .appi-cta-modal-wrapper {
            max-width: 1517px;
            width: 100%;
            margin: 0 auto;
            border: 1px solid #3e3e3d;
            border-radius: 24px;
            overflow: hidden
        }

        .appi-cta-modal-wrapper .appi-exit-modal-left {
            width: 60%;
            position: relative;
            z-index: 2;
            padding: 32px;
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../new-images/new-cta-form-bg-1.webp) no-repeat center center;
            background-size: cover
        }

        .appi-cta-modal-wrapper .appi-exit-modal-left.mena-region {
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../new-images/dubai-pop-up-bg-image.webp) no-repeat bottom center;
            background-size: cover;
            border-radius: 10px;
            margin: 10px 30px 10px 10px
        }

        .appi-cta-modal-wrapper.appi-cta-mena-region .appi-exit-modal-left,
        .appi-cta-modal-wrapper.appi-cta-mena-region .appi-exit-modal-form-wrapper {
            width: 50%
        }

        .appi-cta-modal-wrapper .appi-exit-modal-form-wrapper {
            width: 40%;
            background: #000
        }

        .appi-cta-modal-wrapper.appi-cta-mena-region .appi-exit-modal-form-wrapper {
            background: 0 0
        }

        .appi-cta-modal-wrapper .global-brands-wrapper {
            padding-top: 16px;
            background: linear-gradient(180deg, #000 0%, #1163fb 100%)
        }

        .appi-cta-modal-wrapper .global-brands-title {
            color: #888886
        }

        .appi-cta-modal-wrapper .exit-modal-marquee-container {
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            position: relative;
            z-index: 2
        }

        .appi-cta-modal-wrapper .exit-modal-marquee-content {
            display: flex;
            align-items: center;
            animation: exit-modal-marquee 15s linear infinite;
            padding: 16px 0;
            white-space: nowrap;
            width: 200%
        }

        .appi-cta-modal-wrapper .exitmodal-client-logo {
            height: 54px;
            min-width: 133px;
            white-space: nowrap;
            display: flex;
            align-items: center;
            justify-content: center
        }

        @keyframes exit-modal-marquee {
            0% {
                transform: translateX(0%)
            }

            100% {
                transform: translateX(-50%)
            }
        }

        .appi-cta-modal-wrapper {
            z-index: 999999
        }

        .appi-cta-modal-wrapper.hidden {
            z-index: -1
        }

        .appi-cta-modal-wrapper .client-slider-content {
            margin: 8px 0 48px
        }

        .appi-cta-modal-wrapper .award-modal-title {
            color: #d3d9e1
        }

        .appi-cta-modal-wrapper .award-modal-title {
            position: relative;
            padding: 0 36px
        }

        .appi-cta-modal-wrapper .modal-awards-header {
            margin-bottom: 12px
        }

        .appi-cta-modal-wrapper .award-modal-title:before,
        .appi-cta-modal-wrapper .award-modal-title:after {
            width: 14px;
            height: 24px;
            background-size: 14px 24px;
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../new-images/award-modal-title-badge-1.svg) no-repeat center center;
            position: absolute;
            content: "";
            top: 50%;
            transform: translateY(-50%)
        }

        .appi-cta-modal-wrapper .award-modal-title:before {
            left: 0
        }

        .appi-cta-modal-wrapper .award-modal-title:after {
            right: 0;
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../new-images/award-modal-title-badge-right-1.svg) no-repeat center center
        }

        .appi-cta-modal-wrapper .modal-awards-content-item {
            padding: 0 8px;
            width: 25%;
            min-height: 104px;
            border-radius: 16px;
            background: rgba(0, 0, 0, .3);
            display: flex;
            align-items: center;
            justify-content: center
        }

        .appi-cta-modal-wrapper .modal-awards-content-item img {
            max-width: 100%
        }

        .appi-cta-modal-wrapper .contact-form-section {
            padding: 24px;
            background: #000;
            width: 100%
        }

        .appi-cta-modal-wrapper .form-title-main {
            padding-right: 50px
        }

        .appi-cta-modal-wrapper .contact-form-flex {
            position: relative
        }

        .appi-cta-modal-wrapper .exit-modal-close {
            position: absolute;
            right: -15px;
            top: 0 !important;
            cursor: pointer;
            z-index: 2
        }

        .appi-cta-modal-wrapper .error-msg {
            position: relative;
            margin-top: 6px;
            color: #ff4246;
            font-size: 12px;
            font-weight: 500;
            display: none
        }

        .appi-cta-modal-wrapper .form-fields-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 32px;
            margin-bottom: 44px;
            width: 100%
        }

        .appi-cta-modal-wrapper .form-field-wrap {
            position: relative;
            margin: 10px 0;
            flex: 1 1 calc(50% - 32px)
        }

        .appi-cta-modal-wrapper .contact_number .iti {
            width: 100% !important
        }

        .appi-cta-modal-wrapper .contact_number .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
        .appi-cta-modal-wrapper .contact_number .iti--separate-dial-code .iti__selected-flag {
            background-color: transparent !important
        }

        .appi-cta-modal-wrapper .blk-text {
            color: var(--color-bg-dark)
        }

        .appi-cta-modal-wrapper .floating-input-text {
            border: none;
            padding-bottom: 6px;
            caret-color: var(--color-primary);
            border-bottom: 1px solid #888886;
            background-color: transparent;
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.4;
            width: 100%;
            position: relative;
            z-index: 2
        }

        .appi-cta-modal-wrapper .floating-input-text:focus {
            border: none;
            outline: none;
            border-bottom: 1px solid var(--color-primary)
        }

        .appi-cta-modal-wrapper .error .floating-input-text,
        .appi-cta-modal-wrapper .error.active-border .contact_number .floating-input-text {
            border-bottom: 1px solid red
        }

        #footer_capt_div.error #captcha {
            border: 1px solid red
        }

        .appi-cta-modal-wrapper .clear_text {
            position: absolute;
            background: #cdcfd2;
            border-radius: 50%;
            width: 18px;
            height: 18px;
            top: 3px;
            right: 0;
            cursor: pointer
        }

        .appi-cta-modal-wrapper .clear_text:before,
        .appi-cta-modal-wrapper .clear_text:after {
            background-color: #fff;
            position: absolute;
            content: "";
            transform: rotate(-45deg)
        }

        .appi-cta-modal-wrapper .clear_text:before {
            width: 10px;
            height: 2px;
            left: 4px;
            top: 8px
        }

        .appi-cta-modal-wrapper .clear_text:after {
            width: 2px;
            height: 10px;
            left: 8px;
            top: 4px
        }

        .appi-cta-modal-wrapper .floating-input-label {
            position: absolute;
            top: 0;
            left: 0;
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.6;
            display: -webkit-box;
            line-clamp: 1;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            pointer-events: none;
            transition: .3s ease all;
            -moz-transition: .3s ease all;
            -webkit-transition: .3s ease all;
            -ms-transition: .3s ease all;
            -o-transition: .3s ease all;
            z-index: 1
        }

        .appi-cta-modal-wrapper .floating-input-text.floated {
            border-bottom: 1px solid var(--color-primary)
        }

        .appi-cta-modal-wrapper .floating-input-text.floated.floated_no_focus {
            border-bottom: 1px solid #fff
        }

        .appi-cta-modal-wrapper .floated+.floating-input-label,
        .appi-cta-modal-wrapper .floated+em+.floating-input-label {
            top: -24px;
            left: 0;
            color: #fff;
            font-size: 12px;
            font-weight: 500
        }

        .appi-cta-modal-wrapper .error .floated.floating-input-text {
            border-bottom: 1px solid #ff4246;
            caret-color: #ff4246
        }

        .appi-cta-modal-wrapper .country-wrap .floating-input-label {
            left: 15px
        }

        .appi-cta-modal-wrapper .contact_number .floating-input-text {
            padding-left: 15px
        }

        .appi-cta-modal-wrapper .contact-input-wrap .floated+.floating-input-label {
            left: -60px !important
        }

        .appi-cta-modal-wrapper .contact-input-wrap.add-contact-wrap .floating-input-label {
            top: -24px !important;
            left: 0 !important;
            font-size: 12px;
            font-weight: 500;
            color: #fff
        }

        .appi-cta-modal-wrapper .contact-input-wrap .iti__selected-flag {
            padding: 0 6px 4px 8px
        }

        .appi-cta-modal-wrapper .contact-input-wrap #contact_phonemuber {
            padding-left: 100px !important
        }

        .appi-cta-modal-wrapper .selectric-wrapper {
            top: -10px
        }

        .appi-cta-modal-wrapper .selectric {
            border: 0;
            border-bottom: 1px solid #888886;
            background: 0 0
        }

        .appi-cta-modal-wrapper .country-wrap {
            display: flex
        }

        .appi-cta-modal-wrapper .country-dropdown {
            width: 54px
        }

        .appi-cta-modal-wrapper .contact_number {
            width: 100%
        }

        .appi-cta-modal-wrapper .country-select {
            position: relative;
            display: inline-block;
            width: 100%
        }

        .appi-cta-modal-wrapper .contact-input-wrap:before {
            content: "";
            background: #ddd;
            width: 1px;
            height: 22px;
            position: absolute;
            left: 0;
            display: block;
            z-index: 5;
            top: 3px
        }

        .appi-cta-modal-wrapper .contact_number .floating-input-label {
            left: 10px
        }

        .appi-cta-modal-wrapper .contact_number .iti--allow-dropdown+.floating-input-label {
            left: 95px;
            top: 0
        }

        .appi-cta-modal-wrapper .contact_number .floating-input-text .country_list_selectric .selectric .button {
            background-color: transparent
        }

        .appi-cta-modal-wrapper .selectric .button {
            position: absolute;
            right: 0;
            top: 7px;
            width: 38px;
            background-color: transparent;
            color: #ddd;
            text-align: center
        }

        .appi-cta-modal-wrapper .selectric .button:after {
            content: " ";
            position: absolute;
            top: 13px;
            right: -20px;
            bottom: 0;
            left: 0;
            width: 0;
            height: 0;
            margin: 0 auto;
            border: 4px solid transparent;
            border-top-color: #aaa;
            border-bottom: none
        }

        .appi-cta-modal-wrapper .request-form-panel .selectric .button:after {
            top: 10px;
            right: -10px
        }

        .appi-cta-modal-wrapper .request-form-panel .country-dropdown {
            width: 80px
        }

        .appi-cta-modal-wrapper .selectric .label {
            font-size: 13px;
            color: #aaa;
            font-weight: 400;
            width: 85px;
            padding-top: 2px;
            margin: 0
        }

        .appi-cta-modal-wrapper.appi-cta-mena-region .selectric .label {
            background: #fff;
            color: #222
        }

        .appi-cta-mena-region .cta-mena-flex {
            background: #fff;
            border-radius: 10px
        }

        .appi-cta-modal-wrapper .selectric-below .selectric .label,
        .appi-cta-modal-wrapper .selectric-above .selectric .label {
            color: #fff
        }

        .appi-cta-modal-wrapper.appi-cta-mena-region .selectric-below .selectric .label,
        .appi-cta-modal-wrapper.appi-cta-mena-region .selectric-above .selectric .label {
            color: #000
        }

        .appi-cta-modal-wrapper.appi-cta-mena-region .floating-input-text,
        .appi-cta-mena-region .form-captcha .type_text {
            color: #111;
            font-size: 13px
        }

        .appi-cta-mena-region .form-captcha .type_text {
            border: 1px solid #555;
            font-size: 13px
        }

        .au-cta-modal.appi-cta-modal-wrapper .selectric-below .selectric .label {
            color: #555
        }

        .appi-cta-modal-wrapper .form_group,
        .appi-cta-modal-wrapper .contact-input-wrap {
            position: relative
        }

        .appi-cta-modal-wrapper .contact_number .form_group input {
            padding-left: 15px !important
        }

        .appi-cta-modal-wrapper .form-field-wrap .contact_number input:focus+label,
        .appi-cta-modal-wrapper .form-field-wrap .contact_number input.has-value+label,
        .appi-cta-modal-wrapper .form-field-wrap .contact_number textarea:focus+label,
        .appi-cta-modal-wrapper .form-field-wrap .contact_number textarea.has-value+label {
            left: 15px
        }

        .cont_formbtm {
            background: rgba(3, 99, 255, .1);
            border-radius: 10px;
            padding: 10px 30px
        }

        .award-badge-wrapper {
            width: 42%;
            display: flex;
            align-items: center;
            gap: 8px;
            border-right: 1px solid #dfdedc
        }

        .modal_popup.cta_modal .cont_formbtm {
            margin-top: 15px;
            padding: 24px 14px;
            height: 96px
        }

        .popup-client-logo-slider {
            width: 50%
        }

        .popup-client-logo-slider.owl-carousel .owl-item img {
            width: 100%;
            margin: 0
        }

        .popup-client-logo-slider .owl-stage {
            display: flex;
            align-items: center;
            justify-content: center
        }

        .popup-award img {
            max-height: 60px
        }

        .appi-cta-modal-wrapper .form__select .floating-input-label {
            opacity: 0
        }

        .appi-cta-modal-wrapper .form__select .floating-input-label.open {
            opacity: 1;
            top: -20px;
            font-size: 12px;
            color: var(--color-bg-dark)
        }

        .appi-cta-modal-wrapper .select2-container {
            width: 100% !important
        }

        .appi-cta-modal-wrapper .select2-container--default .select2-selection--single {
            border: none;
            border-radius: 0;
            background-color: transparent;
            border-bottom: 1px solid #888886
        }

        .appi-cta-modal-wrapper .active-border .select2-container--default .select2-selection--single {
            border-bottom: 1px solid var(--color-primary)
        }

        .appi-cta-modal-wrapper .active-border .contact_number .floating-input-text {
            border-bottom: 1px solid var(--color-primary)
        }

        .appi-cta-modal-wrapper .active-border .value_selected+.contact_number .contact_number .floating-input-text.floated {
            border-bottom: 1px solid #000
        }

        .appi-cta-modal-wrapper .value_selected+.contact_number .country-selected {
            border-bottom: 1px solid #000
        }

        .appi-cta-modal-wrapper .countrycode-number .floating-input-text.floated_no_focus {
            border-bottom: 1px solid #888886
        }

        .appi-cta-modal-wrapper .value_selected .select2-selection--single {
            border-bottom: 1px solid var(--color-bg-dark)
        }

        .appi-cta-modal-wrapper .restore_placeholder .select2-selection--single {
            border-bottom: 1px solid var(--color-bg-dark)
        }

        .appi-cta-modal-wrapper .select2-container--open .select2-dropdown--below {
            border-radius: 4px;
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
            border: 1px solid #ddd;
            margin-top: 4px
        }

        .appi-cta-modal-wrapper .select2-results__option {
            font-size: 14px;
            padding: 7px 15px;
            color: var(--color-bg-dark);
            vertical-align: middle;
            position: relative
        }

        .appi-cta-modal-wrapper .select2-container--default .select2-results>.select2-results__options {
            max-height: 250px;
            overflow-y: auto;
            margin: 6px 0 2px
        }

        .appi-cta-modal-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
            margin-top: 0;
            border-color: #000 transparent transparent
        }

        .appi-cta-modal-wrapper .select2-container--default .select2-results__option--highlighted[aria-selected],
        .appi-cta-modal-wrapper .select2-container--default .select2-results__option[aria-selected=true] {
            background-color: transparent;
            color: var(--bodyText);
            font-weight: 600
        }

        .appi-cta-modal-wrapper .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
            width: 2px
        }

        .appi-cta-modal-wrapper .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
            background-color: #e4e4e4;
            border-radius: 12px
        }

        .appi-cta-modal-wrapper .form__select .select2-search {
            display: none
        }

        .appi-cta-modal-wrapper .select2-container--open .select2-selection--single {
            border-bottom: 1px solid var(--color-primary)
        }

        .appi-cta-modal-wrapper .select2-selection__clear {
            display: none
        }

        .appi-cta-modal-wrapper .select2-container .select2-selection--single {
            height: 34px;
            padding-top: 2px
        }

        .appi-cta-modal-wrapper .countrycode-number .value_selected .select2-container .select2-selection--single {
            padding-top: 0
        }

        .appi-cta-modal-wrapper .select2-container .select2-selection--single .select2-selection__rendered,
        .appi-cta-modal-wrapper .value_selected.restore_placeholder .select2-container .select2-selection--single .select2-selection__rendered {
            font-size: 16px;
            font-weight: 400;
            color: #fff;
            padding: 0 30px 0 0;
            line-height: 1.4
        }

        .appi-cta-modal-wrapper .countrycode-number .value_selected .select2-selection--single .select2-selection__rendered {
            padding-top: 2px !important
        }

        .appi-cta-modal-wrapper .value_selected .select2-container .select2-selection--single .select2-selection__rendered {
            color: #fff
        }

        .appi-cta-modal-wrapper .form__floating .select2-container {
            z-index: unset;
            cursor: pointer
        }

        .appi-cta-modal-wrapper .value_selected .select2-selection--single .select2-selection__rendered,
        .appi-cta-modal-wrapper .restore_placeholder .select2-selection--single .select2-selection__rendered {
            padding-top: 5px !important
        }

        .appi-cta-modal-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
            top: -1px
        }

        .appi-cta-modal-wrapper .select2-selection__placeholder {
            color: #888886 !important;
            font-weight: 500;
            font-size: 16px
        }

        .appi-cta-modal-wrapper .auto-grow-textarea {
            color: #fff;
            width: 100%;
            height: 75px;
            max-height: 90px;
            resize: vertical;
            overflow-y: auto;
            border: none;
            padding-bottom: 6px;
            font-size: 16px;
            line-height: 1.4;
            border-bottom: 1px solid #888886
        }

        .appi-cta-modal-wrapper .form-field-wrap.mb0 {
            margin-bottom: 0
        }

        .appi-cta-modal-wrapper .contact-form-footer {
            margin-top: 48px
        }

        .appi-cta-modal-wrapper .fast-response-nda-wrap {
            border-radius: 8px;
            align-items: center;
            padding: 8px;
            margin-top: -8px;
            margin-left: 10px
        }

        .appi-cta-modal-wrapper .fast-response-nda-wrap li {
            list-style-type: disc
        }

        .appi-cta-modal-wrapper .custom-checkbox {
            font-size: 11px;
            display: flex;
            align-items: center;
            cursor: pointer;
            user-select: none;
            gap: 10px;
            margin: 7px 0 0
        }

        .appi-cta-modal-wrapper .custom-checkbox input {
            display: none
        }

        .appi-cta-modal-wrapper .checkmark {
            width: 18px;
            height: 18px;
            border: 2px solid #c6c6c3;
            border-radius: 4px;
            margin: 0;
            display: inline-block;
            position: relative;
            transition: border-color .2s, background-color .2s
        }

        .appi-cta-modal-wrapper .custom-checkbox input:checked+.checkmark {
            background-color: var(--color-primary);
            border-color: var(--color-primary);
            margin: 0
        }

        .appi-cta-modal-wrapper .form-check-wrap {
            margin-left: 4px
        }

        .appi-cta-modal-wrapper .custom-checkbox input:checked+.checkmark:after {
            content: "";
            position: absolute;
            left: 5px;
            top: 1px;
            width: 4px;
            height: 9px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg)
        }

        .appi-cta-modal-wrapper .form-captcha-text {
            color: #fff
        }

        .appi-cta-modal-wrapper .form-captcha-box {
            border: 1px solid #dfdedc;
            background-color: transparent;
            padding: 10px 16px;
            border-radius: 8px;
            max-width: 59px;
            height: 50px;
            text-align: center;
            line-height: 1.4
        }

        .appi-cta-modal-wrapper .form-captcha-box:focus {
            border: 1px solid #fff
        }

        .appi-cta-modal-wrapper .contact-form-submit {
            min-width: 356px;
            max-width: 100%;
            justify-content: center
        }

        .appi-cta-modal-wrapper .form-lg-column .clear_text {
            display: none !important
        }

        .appi-cta-modal-wrapper .contact-form-footer .swap-text-button {
            border-top: 2px solid #0d47b2
        }

        .appi-cta-modal-wrapper .contact_number .floating-input-text {
            height: 33px
        }

        .appi-cta-modal-wrapper .formloader-anim {
            border-radius: 10px !important;
            text-align: center
        }

        .submit_btn_span {
            position: relative
        }

        .exit_modalnew .error input,
        .exit_modalnew .error textarea {
            border-bottom: 1px solid #d00
        }

        .exit_modalnew .error #exitpopup_capt {
            border: 1px solid #d00
        }

        .appi-cta-modal-wrapper .form-field-wrap.floated .floating-input-label {
            transform: translateY(-15px);
            font-size: 12px
        }

        .exit-popup-trends-wrap .custom-checkbox {
            margin-top: 10px
        }

        .blog_contact_form .custom-checkbox p {
            font-size: 10px;
            line-height: 140%;
            margin-left: 10px
        }

        .custom-checkbox p {
            width: calc(100% - 18px)
        }

        .exit-popup-trends-wrap input {
            margin-right: 10px
        }

        @media (max-width: 1680px) {
            .appi-cta-modal-wrapper {
                max-width: 1256px;
                border-radius: 20px
            }

            .appi-cta-modal-wrapper .contact-form-section {
                padding: 20px
            }

            .appi-cta-modal-wrapper .floating-input-label {
                font-size: 14px
            }

            .appi-cta-modal-wrapper .contact-form-submit {
                min-width: 232px
            }

            .appi-cta-modal-wrapper .form-captcha-box {
                padding: 10px 12px;
                max-width: 54px;
                height: 44px
            }

            .appi-cta-modal-wrapper .contact-form-footer {
                margin-top: 38px
            }

            .appi-cta-modal-wrapper .contact-form-top.fdc.gap48 {
                gap: 38px
            }

            .appi-cta-modal-wrapper .fast-response-nda-wrap {
                padding: 7px
            }

            .appi-cta-modal-wrapper .exitmodal-client-logo {
                height: 50px;
                min-width: 136px
            }

            .appi-cta-modal-wrapper .exitmodal-client-logo img {
                transform: scale(.95)
            }

            .appi-cta-modal-wrapper .global-brands-title {
                font-size: 12px
            }

            .appi-cta-modal-wrapper .exit-modal-close svg {
                max-width: 28px
            }

            .appi-cta-modal-wrapper .client-slider-text.fs-base {
                font-size: 16px
            }

            .appi-cta-modal-wrapper .form-title-main {
                font-size: 14px
            }

            .appi-cta-modal-wrapper .form-title-main {
                padding-right: 44px
            }

            .appi-cta-modal-wrapper .fast-response-nda-wrap .fs-sm {
                font-size: 12px
            }

            .appi-cta-modal-wrapper .floating-input-text {
                font-size: 15px
            }

            .appi-cta-modal-wrapper .floated+.floating-input-label,
            .appi-cta-modal-wrapper .floated+em+.floating-input-label {
                top: -18px
            }

            .appi-cta-modal-wrapper .form-field-wrap {
                margin: 7px 0
            }

            .appi-cta-modal-wrapper .contact-form-footer .swap-text-button {
                padding: 12px 28px
            }

            .appi-cta-modal-wrapper .client-quote svg {
                width: 36px;
                height: 36px
            }

            .appi-cta-modal-wrapper .client-slider-content {
                margin: 6px 0 36px
            }

            .appi-cta-modal-wrapper .exitmodal-client-slider-container {
                padding: 24px
            }

            .appi-cta-modal-wrapper .appi-exit-modal-content>.gap36 {
                gap: 24px
            }

            .appi-cta-modal-wrapper .form-fields-grid {
                gap: 28px;
                margin-bottom: 28px
            }

            .appi-cta-modal-wrapper .appi-exit-modal-left {
                padding: 28px
            }

            .appi-cta-modal-wrapper .client-card-image-item {
                width: 48px;
                height: 48px
            }

            .appi-cta-modal-wrapper .client-designation {
                font-size: 13px
            }

            .appi-cta-modal-wrapper .modal-awards-content-item {
                min-height: 84px
            }
        }

        @media (max-width: 1550px) {
            .appi-cta-modal-wrapper {
                max-width: 1224px;
                border-radius: 18px
            }

            .appi-cta-modal-wrapper .contact-form-section {
                padding: 18px
            }

            .appi-cta-modal-wrapper .floating-input-label {
                font-size: 14px
            }

            .appi-cta-modal-wrapper .select2-container .select2-selection--single {
                height: 29px
            }

            .appi-cta-modal-wrapper .contact-form-submit {
                min-width: 218px
            }

            .appi-cta-modal-wrapper .form-captcha-box {
                padding: 10px 12px;
                max-width: 54px;
                height: 44px
            }

            .appi-cta-modal-wrapper .contact-form-footer {
                margin-top: 36px
            }

            .appi-cta-modal-wrapper .contact-form-top.fdc.gap48 {
                gap: 34px
            }

            .appi-cta-modal-wrapper .fast-response-nda-wrap {
                padding: 6px
            }

            .appi-cta-modal-wrapper .exitmodal-client-logo {
                height: 40px;
                min-width: 126px
            }

            .appi-cta-modal-wrapper .exitmodal-client-logo img {
                transform: scale(.9)
            }

            .appi-cta-modal-wrapper .global-brands-title,
            .appi-cta-modal-wrapper .form-title-main {
                font-size: 12px
            }

            .appi-cta-modal-wrapper .exit-modal-close svg {
                max-width: 24px
            }

            .appi-cta-modal-wrapper .client-quote svg {
                width: 34px;
                height: 34px
            }

            .appi-cta-modal-wrapper .client-slider-content {
                margin: 6px 0 36px
            }

            .appi-cta-modal-wrapper .exitmodal-client-slider-container {
                padding: 24px
            }

            .appi-cta-modal-wrapper .appi-exit-modal-content>.gap36 {
                gap: 24px
            }

            .appi-cta-modal-wrapper .form-fields-grid {
                gap: 24px;
                margin-bottom: 24px
            }

            .appi-cta-modal-wrapper .appi-exit-modal-left {
                padding: 24px
            }

            .appi-cta-modal-wrapper .client-card-image-item {
                width: 46px;
                height: 46px
            }

            .appi-cta-modal-wrapper .client-designation {
                font-size: 12px
            }

            .appi-cta-modal-wrapper .modal-awards-content-item img {
                transform: scale(.8)
            }
        }

        @media (max-width: 1470px) {
            .appi-cta-modal-wrapper {
                max-width: 1054px;
                border-radius: 16px
            }

            .appi-cta-modal-wrapper .contact-form-section {
                padding: 16px
            }

            .appi-cta-modal-wrapper .floating-input-label {
                font-size: 13px
            }

            .appi-cta-modal-wrapper .contact-form-submit {
                min-width: 190px
            }

            .appi-cta-modal-wrapper .form-captcha-box {
                padding: 10px 12px;
                max-width: 54px;
                height: 44px
            }

            .appi-cta-modal-wrapper .contact-form-footer {
                margin-top: 36px
            }

            .appi-cta-modal-wrapper .contact-form-top.fdc.gap48 {
                gap: 30px
            }

            .appi-cta-modal-wrapper .exitmodal-client-logo {
                height: 26px;
                min-width: 106px
            }

            .appi-cta-modal-wrapper .global-brands-title {
                font-size: 11px
            }

            .appi-cta-modal-wrapper .client-card-image-item {
                width: 42px;
                height: 42px
            }

            .appi-cta-modal-wrapper .exitmodal-client-logo img {
                transform: scale(.8)
            }

            .appi-cta-modal-wrapper .client-quote svg {
                width: 34px;
                height: 34px
            }

            .appi-cta-modal-wrapper .client-slider-content {
                margin: 6px 0 36px
            }

            .appi-cta-modal-wrapper .exitmodal-client-slider-container {
                padding: 20px
            }

            .appi-cta-modal-wrapper .client-designation {
                font-size: 11px
            }

            .appi-cta-modal-wrapper .appi-exit-modal-content>.gap36 {
                gap: 24px
            }

            .appi-cta-modal-wrapper .form-fields-grid {
                gap: 20px;
                margin-bottom: 24px
            }

            .appi-cta-modal-wrapper .contact-content-section {
                padding: 32px
            }

            .appi-cta-modal-wrapper .contact-text {
                font-size: 11px
            }

            .appi-cta-modal-wrapper .contact-title {
                margin-bottom: 10px;
                font-size: 12px
            }

            .appi-cta-modal-wrapper .contact-icon {
                margin-bottom: 18px
            }

            .appi-cta-modal-wrapper .contact-info-box {
                padding: 16px
            }

            .appi-cta-modal-wrapper .modal-awards-content-item {
                min-height: 76px
            }

            .appi-cta-modal-wrapper .appi-exit-modal-left {
                padding: 20px
            }

            .appi-cta-modal-wrapper .form-fields-grid {
                row-gap: 14px;
                margin-bottom: 22px
            }

            .appi-cta-modal-wrapper .contact-form-footer {
                margin-top: 32px
            }

            .appi-cta-modal-wrapper .contact_number .floating-input-text {
                height: 29px
            }

            .appi-cta-modal-wrapper .icon-btn {
                margin-left: 8px
            }

            .appi-cta-modal-wrapper .client-slider-text.fs-base {
                font-size: 14px
            }
        }

        @media (max-width: 1366px) {
            .appi-cta-modal-wrapper .client-slider-text.fs-base {
                font-size: 12px
            }

            .appi-cta-modal-wrapper .contact-form-banner {
                padding-bottom: 2.375em
            }

            .appi-cta-modal-wrapper .fs-sp-title {
                font-size: 36px
            }

            .appi-cta-modal-wrapper .contact-subheading {
                font-size: 12px
            }

            .appi-cta-modal-wrapper .floating-input-text,
            .appi-cta-modal-wrapper .floating-input-label,
            .appi-cta-modal-wrapper .floated+.floating-input-label,
            .appi-cta-modal-wrapper .floated+em+.floating-input-label,
            .appi-cta-modal-wrapper .select2-selection__placeholder,
            .appi-cta-modal-wrapper .select2-container .select2-selection--single .select2-selection__rendered,
            .appi-cta-modal-wrapper .value_selected.restore_placeholder .select2-container .select2-selection--single .select2-selection__rendered {
                font-size: 12px
            }

            .appi-cta-modal-wrapper .select2-results__option {
                font-size: 12px;
                padding: 5px 15px
            }

            .appi-cta-modal-wrapper.form__select .floating-input-label.open {
                font-size: 11px
            }

            .appi-cta-modal-wrapper .clear_text {
                transform: scale(.6);
                top: 3px
            }

            .appi-cta-modal-wrapper .floating-input-text {
                padding-bottom: 0
            }

            .appi-cta-modal-wrapper .floating-input-text,
            .appi-cta-modal-wrapper .select2-container .select2-selection--single,
            .appi-cta-modal-wrapper .contact_number .floating-input-text {
                height: 24px
            }

            .appi-cta-modal-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
                top: -3px
            }

            .appi-cta-modal-wrapper .select2-container .select2-selection--single,
            .appi-cta-modal-wrapper .contact_number .floating-input-text {
                height: 28px
            }

            .appi-cta-modal-wrapper .floated+.floating-input-label,
            .appi-cta-modal-wrapper .floated+em+.floating-input-label {
                top: -16px;
                font-size: 11px
            }

            .appi-cta-modal-wrapper .form-field-wrap {
                margin: 6px 0
            }

            .appi-cta-modal-wrapper .contact-info-grid {
                gap: 10px
            }

            .appi-cta-modal-wrapper .contact-info-box {
                border-radius: 8px
            }

            .appi-cta-modal-wrapper .fs-sp-title {
                margin-bottom: 1rem
            }

            .appi-cta-modal-wrapper .contact-form-top.gap48 {
                gap: 32px
            }

            .appi-cta-modal-wrapper .icon-btn {
                margin-left: 8px;
                max-width: 18px;
                height: 21px
            }

            .appi-cta-modal-wrapper .icon-btn img {
                width: 100%;
                height: 100%
            }

            .appi-cta-modal-wrapper .auto-grow-textarea {
                height: 28px
            }

            .appi-cta-modal-wrapper .form-captcha-box {
                padding: 10px;
                max-width: 46px;
                height: 40px
            }

            .appi-cta-modal-wrapper .error-msg {
                margin-top: 4px;
                font-size: 10px
            }

            .appi-cta-modal-wrapper .contact-form-banner {
                padding: 10.625em 0 4em
            }

            .appi-cta-modal-wrapper .select2-container .select2-selection--single {
                padding-top: 3px
            }

            .appi-cta-modal-wrapper .contact-container.gap64 {
                gap: 32px
            }

            .appi-cta-modal-wrapper .contact-content-section {
                padding: 32px;
                border-radius: 16px
            }
        }

        @media (min-width: 768px) and (max-width:1023px) {

            .appi-cta-modal-wrapper .appi-exit-modal-form-wrapper,
            .appi-cta-modal-wrapper .appi-exit-modal-left {
                width: 100%
            }

            .cta_modal.modal_popup {
                flex-direction: column
            }
        }

        @media (max-width: 767px) {
            .appi-cta-modal-wrapper.appi-cta-mena-region .appi-exit-modal-form-wrapper {
                width: 100%
            }

            .modal_popup.cta_modal .cont_formbtm {
                height: auto;
                padding: 40px 25px
            }

            .popup-client-logo-slider.owl-carousel .owl-item img {
                max-height: 15px
            }

            .award-badge-wrapper,
            .popup-client-logo-slider {
                width: 100%
            }

            .appi-exit-modal-form-wrapper.mena-region .contact-form-section {
                border-radius: 10px
            }

            .popup-award img {
                max-height: 45px
            }

            .appi-cta-modal-wrapper .appi-exit-modal-form-wrapper {
                width: 100%;
                position: relative
            }

            .appi-cta-modal-wrapper .appi-exit-modal-form-header {
                margin-bottom: 15px
            }

            .appi-exit-modal-form-header {
                padding-right: 30px
            }

            .appi-cta-modal-wrapper .auto-grow-textarea {
                height: 56px
            }

            .appi-cta-modal-wrapper .appi-exit-modal-left {
                padding: 16px;
                order: 2;
                display: none
            }

            .appi-cta-modal-wrapper .exit-modal-close {
                right: 12px;
                top: 12px !important
            }

            .appi-cta-modal-wrapper .contact-form-submit {
                max-width: 160px
            }

            .appi-cta-modal-wrapper .form-title-main {
                padding-right: 0;
                margin-top: 12px;
                display: none
            }

            .appi-cta-modal-wrapper .appi-exit-modal-left {
                width: 100%
            }

            .appi-cta-modal-wrapper .modal-awards-content-item {
                min-height: 48px
            }

            .appi-cta-modal-wrapper {
                flex-direction: column;
                width: calc(100% - 32px);
                border: 1px solid #696969
            }

            .appi-exit-modal-form-header .title-h4 {
                margin-bottom: 8px
            }

            .appi-cta-modal-wrapper .fast-response-nda-wrap .fs-sm {
                font-size: 10px
            }

            .appi-cta-modal-wrapper .form-field-wrap {
                flex: 1 1 calc(100% - 32px)
            }

            .appi-cta-modal-wrapper .contact-form-footer {
                margin-top: 22px
            }

            .appi-cta-modal-wrapper .contact-form-top.fdc.gap48 {
                gap: 24px
            }

            .appi-cta-modal-wrapper .form-fields-grid {
                margin-bottom: 18px
            }

            .modal-awards-content {
                flex-wrap: wrap
            }

            .appi-cta-modal-wrapper .modal-awards-content-item {
                padding: 0 8px;
                border-radius: 8px;
                background: rgba(0, 0, 0, .5);
                width: 48%;
                min-height: 48px
            }

            .appi-cta-modal-wrapper .selectric-wrapper {
                top: -11px
            }
        }

        *,
        *:before,
        *:after {
            box-sizing: border-box
        }

        li {
            list-style-type: none
        }

        a {
            text-decoration: none
        }

        ul {
            margin: 0;
            padding: 0
        }

        figure {
            margin: 0
        }

        img {
            margin: 0
        }

        .hidden-scroll-body {
            overflow: hidden
        }

        html {
            scrollbar-width: none;
            -ms-overflow-style: none
        }

        html::-webkit-scrollbar {
            display: none
        }

        a,
        button,
        img a,
        input {
            transition: all .3s ease-in
        }

        *,
        li,
        ol,
        ul {
            margin: 0;
            padding: 0;
            box-sizing: border-box
        }

        article,
        aside,
        dialog,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        nav,
        section,
        details,
        menu {
            display: block
        }

        :focus {
            outline: none
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        li,
        ol,
        ul {
            list-style: none
        }

        *,
        *:before,
        *:after {
            box-sizing: border-box
        }

        html,
        body {
            width: 100%;
            max-width: 100%;
            margin: 0;
            padding: 0
        }

        li {
            list-style-type: none
        }

        a {
            text-decoration: none
        }

        ul {
            margin: 0;
            padding: 0
        }

        @font-face {
            font-family: "Clash Display";
            src: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../fonts/ClashDisplay-Regular.woff2) format("woff2");
            font-weight: 500;
            font-style: normal
        }

        :root {
            --font-family-primary: "Plus Jakarta Sans", sans-serif;
            --color-text-black: #111;
            --color-text-white: #fff;
            --color-primary: #1a69fd;
            --color-primary-hover: #0c4fcb;
            --color-bg-dark: #000;
            --color-yellow: #ffff37;
            --section-padding-fluid: clamp(24px, 5vw + 4px, 75px);
            --container-max-width: clamp(320px, 83.33vw, 1600px);
            --container-sm-max-width: 790px;
            --container-padding-inline: clamp(1rem, 4vw, 3rem)
        }

        @media (min-width: 1440px) and (max-width:1899px) {
            .hero-button {
                margin-top: 2em !important
            }

            .hero-section .section.hero-brand-marquee {
                bottom: 90px !important;
                padding: 0 !important
            }
        }

        @media (min-width: 1366px) and (max-width:1440px) {
            .hero-brand-marquee {
                padding: 0 0 30px !important
            }
        }

        @media (min-width: 900px) and (max-width:1280px) {
            .title-h1 {
                font-size: 42px !important
            }

            .hero-subheading-text {
                font-size: 11px !important
            }

            .hero-button {
                margin-top: 2em !important
            }

            .hero-section .section.hero-brand-marquee {
                bottom: 0 !important;
                padding: 0 !important
            }
        }

        @media (min-width: 768px) and (max-width:1023px) {
            .award-logos {
                grid-template-columns: repeat(2, 1fr) !important;
                grid-row-gap: 10px !important
            }

            .hero-section {
                height: calc(100vh + 120px) !important
            }
        }

        @media (min-width: 640px) {
            :root {
                --fs-xs: 12px;
                --fs-sm: clamp(0.7rem, 0.7rem + 0.146vw, 0.875rem);
                --fs-para: clamp(0.8rem, 0.8rem + 0.167vw, 1rem);
                --fs-base: clamp(1rem, 1rem + 0.104vw, 1.125rem);
                --fs-md20: clamp(1rem, 1rem + 0.3125vw, 1.25rem);
                --fs-md: clamp(1rem, 1rem + 0.3125vw, 1.375rem);
                --fs-subtitle: clamp(1.125rem, 1rem + 0.625vw, 1.5rem);
                --fs-lg: clamp(1.125rem, 1rem + 0.625vw, 1.75rem);
                --fs-h4: clamp(1.25rem, 1rem + 0.7292vw, 1.875rem);
                --fs-h3: clamp(1.25rem, 1rem + 1.0417vw, 2.25rem);
                --fs-h2: clamp(1.5rem, 1rem + 1.6667vw, 3rem);
                --fs-sp-title: clamp(3rem, 3rem + 1.25vw, 3.75rem);
                --fs-h1: clamp(3rem, 3rem + 1.875vw, 4.5rem)
            }
        }

        body {
            font-family: var(--font-family-primary);
            font-size: var(--fs-base);
            line-height: 1.6;
            color: var(--color-text-black);
            background-color: var(--color-bg-black);
            font-weight: 400
        }

        .title-h1 {
            font-size: var(--fs-h1);
            font-weight: 600;
            line-height: 1.2;
            letter-spacing: -.25px;
            margin-bottom: 1.5rem;
            margin-top: 0;
            position: relative;
            z-index: 2
        }

        .fs-sp-title {
            font-size: var(--fs-sp-title);
            font-weight: 400;
            line-height: 1.2;
            letter-spacing: -.25px;
            margin-bottom: 1.5rem;
            margin-top: 0;
            position: relative;
            z-index: 2
        }

        .title-h2 {
            font-size: var(--fs-h2);
            font-weight: 400;
            line-height: .9;
            margin-bottom: 1rem;
            letter-spacing: -.25px;
            margin-top: 0;
            position: relative;
            z-index: 2
        }

        .title-h3 {
            font-size: var(--fs-h3);
            font-weight: 500;
            line-height: 1.47;
            margin-bottom: 1.5rem;
            margin-top: 0;
            position: relative;
            z-index: 2
        }

        .title-h4 {
            font-size: var(--fs-h4);
            font-weight: 500;
            line-height: 1.47;
            margin-bottom: 1em;
            margin-top: 0;
            position: relative;
            z-index: 2
        }

        .title-h5 {
            font-size: var(--fs-lg);
            font-weight: 500;
            line-height: 1.47;
            margin-bottom: 1em;
            margin-top: 0;
            position: relative;
            z-index: 2
        }

        .subtitle {
            font-size: var(--fs-subtitle);
            font-weight: 700;
            line-height: 1.6
        }

        .fs-md {
            font-size: var(--fs-md);
            font-weight: 700;
            line-height: 1.6
        }

        .fs-md20 {
            font-size: var(--fs-md20);
            line-height: 1.60
        }

        .fs-base {
            font-size: var(--fs-base);
            line-height: 1.6
        }

        .fs-para {
            font-size: var(--fs-para);
            font-weight: 500;
            line-height: 1.6
        }

        .fs-xs {
            font-size: var(--fs-xs);
            line-height: 1.6
        }

        .fs-sm {
            font-size: var(--fs-sm)
        }

        strong {
            font-weight: 800
        }

        .weight300 {
            font-weight: 300
        }

        .weight400 {
            font-weight: 400
        }

        .weight500 {
            font-weight: 500
        }

        .weight600 {
            font-weight: 600
        }

        .weight700 {
            font-weight: 700
        }

        .weight800 {
            font-weight: 800
        }

        .text-justify {
            text-align: justify
        }

        button {
            font-family: var(--font-family-primary)
        }

        .head-gap {
            margin-top: clamp(36px, 2.5vw, 48px)
        }

        .section-inner-gap {
            margin-top: clamp(36px, 3.91vw, 75px)
        }

        .mobile-block {
            display: none !important
        }

        .desktop-block {
            display: block !important
        }

        .block {
            display: block
        }

        .wht-link-line,
        .blk-link-line {
            position: relative;
            display: inline;
            background-repeat: no-repeat;
            background-position: 0 100%;
            transition: background-size .35s ease
        }

        .wht-link-line {
            color: var(--color-text-white);
            background-image: linear-gradient(var(--color-text-white), var(--color-text-white));
            background-size: 100% 1px
        }

        .blk-link-line {
            color: var(--color-text-black);
            background-image: linear-gradient(var(--color-text-black), var(--color-text-black));
            background-size: 100% 1px
        }

        .wht-link-line:hover,
        .blk-link-line:hover {
            background-size: 0% 1px
        }

        .text-uppercase {
            text-transform: uppercase
        }

        .grid-col2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px
        }

        .grid-col3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px
        }

        .grid-col6 {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 24px
        }

        .line-anim span {
            white-space: nowrap
        }

        .footer-new-bottom .layout-container {
            padding: 48px 0 0
        }

        .section {
            padding-top: var(--section-padding-fluid);
            padding-bottom: var(--section-padding-fluid);
            position: relative
        }

        .layout-container-lg {
            max-width: 100%;
            margin: 0 auto;
            padding: 0 48px;
            width: 100%;
            position: relative;
            z-index: 2
        }

        .layout-container {
            max-width: var(--container-max-width);
            margin: 0 auto;
            width: 100%;
            position: relative;
            z-index: 2
        }

        .layout-container-sm {
            max-width: var(--container-sm-max-width);
            margin: 0 auto;
            width: 100%;
            position: relative;
            z-index: 2
        }

        .wht-text {
            color: var(--color-text-white)
        }

        .blk-text {
            color: var(--color-text-black)
        }

        .appi-theme {
            color: var(--color-primary)
        }

        .appi-yellow {
            color: var(--color-yellow)
        }

        .dark-bg {
            background-color: var(--color-bg-dark)
        }

        .m0 {
            margin: 0
        }

        .text-center {
            text-align: center
        }

        .text-left {
            text-align: left
        }

        .text-right {
            text-align: right
        }

        .gap8 {
            gap: 8px
        }

        .gap12 {
            gap: 12px
        }

        .gap16 {
            gap: 16px
        }

        .gap18 {
            gap: 18px
        }

        .gap24 {
            gap: 24px
        }

        .gap32 {
            gap: 32px
        }

        .gap36 {
            gap: 36px
        }

        .gap64 {
            gap: 64px
        }

        .mt36 {
            margin-top: 36px
        }

        .gap40 {
            gap: 40px
        }

        .gap48 {
            gap: 48px
        }

        .gap64 {
            gap: 64px
        }

        .dp-flex {
            display: flex
        }

        .flex-center {
            align-items: center
        }

        .flex-start {
            align-items: flex-start
        }

        .justify-center {
            justify-content: center
        }

        .justify-space-between {
            justify-content: space-between
        }

        .justify-flex-end {
            justify-content: flex-end
        }

        .align-flex-end {
            align-items: flex-end
        }

        .fdc {
            display: flex;
            flex-direction: column
        }

        .layout-container-sm .fs-base {
            text-align: justify
        }

        .swap-text-button {
            font-size: var(--fs-para);
            font-weight: 600;
            color: #fff;
            border-radius: 3rem;
            cursor: pointer;
            padding: 20px 32px;
            line-height: 1.26;
            border: none;
            background-color: var(--color-primary);
            font-family: var(--font-family-primary);
            border-top: 2px solid #5e96fe;
            border-bottom: 2px solid transparent;
            display: inline-flex;
            gap: 10px;
            align-items: center;
            text-decoration: none
        }

        .lets-ai .hero-content {
            max-width: 1330px
        }

        .swap-text-button.second-icon svg {
            max-height: 14px
        }

        .swap-text-button.lg-btn .text-hover {
            transform: translateX(-14px)
        }

        .swap-text-button.second-icon .button__icon-wrapper svg {
            height: 100%
        }

        .swap-text-button.blue-swap-btn {
            border-top: 2px solid #0e47b3
        }

        .text-original {
            display: flex;
            overflow: hidden
        }

        .swap-text-button:hover .text-original span {
            transform: translateY(100%)
        }

        .swap-text-button .text-original span:nth-child(1) {
            transition: .2s
        }

        .swap-text-button .text-hover {
            display: flex;
            position: absolute;
            overflow: hidden
        }

        .swap-text-button .text-hover span {
            transform: translateY(-100%)
        }

        .swap-text-button:hover .text-hover span {
            transform: translateY(0)
        }

        .swap-text-button .text-hover span {
            transition: .2s
        }

        .button__icon-wrapper {
            flex-shrink: 0;
            width: 18px;
            height: 18px;
            position: relative;
            background-color: transparent;
            border-radius: 50%;
            display: grid;
            place-items: center;
            overflow: hidden
        }

        .button__icon-svg,
        .button__icon-svg--copy {
            position: absolute;
            transition: transform .3s ease-in-out
        }

        .button__icon-svg {
            transform: translate(0, 0)
        }

        .button__icon-svg--copy {
            transform: translate(-150%, 150%)
        }

        .swap-text-button:hover .button__icon-svg {
            transform: translate(150%, -150%)
        }

        .swap-text-button:hover .button__icon-svg--copy {
            transform: translate(0, 0);
            transition-delay: .1s
        }

        .wht-btn {
            color: var(--color-text-black);
            border-top: 2px solid #cecece;
            border-bottom: 2px solid transparent;
            background: linear-gradient(180deg, #fff 0%, #eee 100%)
        }

        .transparent-wht-btn {
            background-color: transparent;
            border: 2px solid var(--color-text-black)
        }

        .transparent-blk-btn {
            background-color: transparent;
            border: 2px solid var(--color-text-white)
        }

        .transparent-blue-btn {
            background-color: transparent;
            border: 2px solid var(--color-primary);
            color: var(--color-primary)
        }

        .title-h2 {
            text-rendering: optimizeSpeed
        }

        .title-h2 i {
            font-style: normal
        }

        .mt24 {
            margin-top: 24px
        }

        .mb0 {
            margin-bottom: 0
        }

        .pt0 {
            padding-top: 0
        }

        .pb0 {
            padding-bottom: 0
        }

        .text-caps {
            text-transform: uppercase
        }

        .stat-box>p {
            text-transform: capitalize
        }

        .loader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            z-index: 999999;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            display: none
        }

        #get-in-touch .loader {
            display: block !important
        }

        .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 1));
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .hero-content {
            max-width: 1133px;
            width: 100%
        }

        .hero-content-container {
            opacity: 1 !important
        }

        .line-anim span {
            display: inline-block;
            overflow: hidden;
            will-change: transform, opacity;
            line-height: 1.24
        }

        .line-anim span span {
            display: inline-block
        }

        .fade-up {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity .4s ease, transform .4s ease
        }

        .common-carousel-nav {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px
        }

        .common-carousel-nav button {
            width: 96px;
            height: 96px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #111;
            border-radius: 50%;
            border: 1px solid #3e4044;
            cursor: pointer;
            color: #fff;
            font-size: 18px;
            transition: all .3s ease
        }

        .owl-carousel .owl-nav {
            display: none
        }

        .owl-carousel .owl-dots {
            display: none
        }

        .nav-svg-wrap {
            flex-shrink: 0;
            width: 18px;
            height: 18px;
            position: relative;
            border-radius: 50%;
            display: grid;
            place-items: center;
            overflow: hidden
        }

        .arrow-real,
        .arrow-copy {
            position: absolute;
            transition: transform .3s ease-in-out
        }

        .arrow-btn.prev-btn .arrow-real,
        .arrow-btn.next-btn .arrow-real {
            transform: translateX(0)
        }

        .arrow-btn.prev-btn .arrow-copy {
            transform: translateX(150%)
        }

        .arrow-btn.next-btn .arrow-copy {
            transform: translateX(-150%)
        }

        .arrow-btn.prev-btn:hover .arrow-real {
            transform: translateX(-150%)
        }

        .arrow-btn.prev-btn:hover .arrow-copy {
            transform: translateX(0);
            transition-delay: .1s
        }

        .arrow-btn.next-btn:hover .arrow-real {
            transform: translateX(150%)
        }

        .arrow-btn.next-btn:hover .arrow-copy {
            transform: translateX(0);
            transition-delay: .1s
        }

        .common-carousel-nav.trans-slider-nav button {
            background-color: transparent;
            border: 1px solid rgba(255, 255, 255, .2)
        }

        @media (max-width: 1899px) {
            .title-h4 {
                font-size: var(--fs-lg)
            }

            .swap-text-button.second-icon .button__icon-wrapper {
                height: 12px;
                width: 10px
            }
        }

        @media (max-width: 1550px) {
            :root {
                --fs-xs: 8px;
                --fs-sm: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
                --fs-para: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
                --fs-base: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
                --fs-md20: clamp(1rem, 1rem + 0vw, 1rem);
                --fs-md: clamp(1rem, 1rem + 0vw, 1rem);
                --fs-subtitle: clamp(1.125rem, 0.9rem + 0.25vw, 1.25rem);
                --fs-lg: clamp(1.25rem, 1rem + 0.35vw, 1.5rem);
                --fs-h4: clamp(1.375rem, 1rem + 0.55vw, 1.75rem);
                --fs-h3: clamp(1.5rem, 1rem + 0.65vw, 1.75rem);
                --fs-h2: clamp(2rem, 1rem + 1.25vw, 2.25rem);
                --fs-h1: clamp(3.5rem, 3rem + 1.25vw, 3.5rem)
            }

            .swap-text-button {
                padding: 14px 32px
            }

            .swap-text-button.second-icon svg {
                max-height: 10px
            }

            .layout-container-sm {
                max-width: 650px
            }

            .industry-cta-content .swap-text-button {
                padding: 16px 22px
            }

            .title-h1 {
                margin-bottom: 18px
            }

            .title-h4 {
                font-size: var(--fs-lg)
            }

            .common-carousel-nav button {
                width: 78px;
                height: 78px
            }

            .layout-container-lg {
                padding: 0 36px
            }
        }

        @media (max-width: 1440px) {
            .common-carousel-nav button {
                width: 66px;
                height: 66px
            }

            .swap-text-button {
                padding: 20px 30px
            }
        }

        @media (max-width: 1366px) {
            .swap-text-button {
                gap: 6px
            }

            .swap-text-button {
                padding: 12px 20px
            }

            .layout-container-sm {
                max-width: 600px
            }

            .layout-container-lg {
                padding: 0 24px
            }
        }

        @media (max-width: 639px) {
            .layout-container {
                max-width: 100%;
                padding: 0 15px
            }

            .section {
                padding: 3.125rem 0
            }

            br {
                display: none
            }
        }

        @media (min-width: 640px) and (max-width:767px) {
            .layout-container {
                max-width: clamp(72rem, 85vw, var(--container-max-width));
                padding: 0 15px
            }
        }

        @media (min-width: 768px) and (max-width:1023px) {
            .layout-container {
                max-width: clamp(72rem, 90vw, var(--container-max-width));
                padding: 0 15px
            }

            .title-h1 {
                font-size: 42px
            }
        }

        @media (min-width: 1024px) and (max-width:1279px) {
            .layout-container {
                max-width: var(--container-max-width)
            }
        }

        @media (max-width: 767px) {
            :root {
                --fs-xs: .625rem;
                --fs-sm: clamp(0.75rem, calc(0.75rem + 0.492vw), 0.875rem);
                --fs-para: clamp(0.8125rem, calc(0.8125rem + 0.492vw), 0.9375rem);
                --fs-base: clamp(0.875rem, calc(0.875rem + (16 - 14) * ((100vw - 375px) / (1440 - 375))), 1rem);
                --fs-md: clamp(1rem, calc(1rem + 0.984vw), 1.25rem);
                --fs-subtitle: clamp(1rem, calc(1rem + 0.208vw), 1.25rem);
                --fs-lg: clamp(1.25rem, calc(1.25rem + 0.492vw), 1.5rem);
                --fs-h4: clamp(1.5rem, calc(1.5rem + (28 - 24) * ((100vw - 375px) / (1440 - 375))), 1.75rem);
                --fs-h3: clamp(1.75rem, calc(1.75rem + (32 - 28) * ((100vw - 375px) / (1440 - 375))), 2rem);
                --fs-h2: clamp(1.875rem, calc(1.875rem + (34 - 30) * ((100vw - 375px) / (1440 - 375))), 2.125rem);
                --fs-h1: clamp(1.5rem, calc(1.5rem + (28 - 24) * ((100vw - 375px) / (1440 - 375))), 1.75rem)
            }

            .wht-link-line {
                border-bottom: 1px solid var(--color-text-white)
            }

            .blk-link-line {
                border-bottom: 1px solid var(--color-text-black)
            }

            .gap24 {
                gap: 16px
            }

            .flex-dir-col {
                flex-direction: column
            }

            .button__icon-wrapper {
                width: 16px;
                height: 16px
            }

            .common-carousel-nav button {
                width: 48px;
                height: 48px
            }

            .head-gap {
                margin-top: 32px
            }

            .mobile-block {
                display: block !important
            }

            .desktop-block {
                display: none !important
            }

            .swap-text-button {
                padding: 16px 24px;
                font-size: 12px
            }

            .mt36 {
                margin-top: 24px
            }

            br {
                display: none
            }

            .layout-container-sm,
            .layout-container {
                padding: 0 15px
            }

            .line-anim>span {
                display: inline !important
            }

            #pattern,
            #glaze {
                display: none
            }

            .line-anim span {
                white-space: normal
            }

            .layout-container-sm .fs-base {
                text-align: unset
            }

            .hero-overlay {
                background: 0 0;
                top: 98px;
                transform: none;
                align-items: flex-start
            }

            .loader {
                display: none
            }

            .hero-section .hero-content {
                top: auto !important;
                margin-top: 82px;
                padding: 0 15px;
                opacity: 1;
                transform: none
            }

            .hero-section {
                height: 100%;
                padding-top: 98px
            }

            .hero-banner-mobile img {
                height: 100vh
            }

            .hero-button {
                margin-top: 36px
            }

            .layout-container-lg {
                padding: 0 15px
            }
        }

        .footer-new {
            padding-bottom: 0
        }

        :root {
            --font-family-primary: "Plus Jakarta Sans", sans-serif;
            --color-text-black: #111;
            --color-text-white: #fff;
            --color-primary: #1a69fd;
            --color-primary-hover: #0c4fcb;
            --color-bg-dark: #000;
            --color-yellow: #ffff37;
            --section-padding-fluid: clamp(24px, 5vw + 4px, 75px);
            --container-max-width: clamp(320px, 83.33vw, 1600px);
            --container-sm-max-width: 790px;
            --container-padding-inline: clamp(1rem, 4vw, 3rem)
        }

        @media (min-width: 640px) {
            :root {
                --fs-xs: 12px;
                --fs-sm: clamp(0.7rem, 0.7rem + 0.146vw, 0.875rem);
                --fs-para: clamp(0.8rem, 0.8rem + 0.167vw, 1rem);
                --fs-base: clamp(1rem, 1rem + 0.104vw, 1.125rem);
                --fs-md20: clamp(1rem, 1rem + 0.3125vw, 1.25rem);
                --fs-md: clamp(1rem, 1rem + 0.3125vw, 1.375rem);
                --fs-subtitle: clamp(1.125rem, 1rem + 0.625vw, 1.5rem);
                --fs-lg: clamp(1.125rem, 1rem + 0.625vw, 1.75rem);
                --fs-h4: clamp(1.25rem, 1rem + 0.7292vw, 1.875rem);
                --fs-h3: clamp(1.25rem, 1rem + 1.0417vw, 2.25rem);
                --fs-h2: clamp(1.5rem, 1rem + 1.6667vw, 3rem);
                --fs-sp-title: clamp(3rem, 3rem + 1.25vw, 3.75rem);
                --fs-h1: clamp(3rem, 3rem + 1.875vw, 4.5rem)
            }
        }

        .subtitle {
            font-size: var(--fs-subtitle);
            font-weight: 700;
            line-height: 1.6
        }

        .fs-md {
            font-size: var(--fs-md);
            font-weight: 700;
            line-height: 1.6
        }

        .fs-md20 {
            font-size: var(--fs-md20);
            line-height: 1.60
        }

        .fs-base {
            font-size: var(--fs-base);
            line-height: 1.6
        }

        .fs-para {
            font-size: var(--fs-para);
            font-weight: 500;
            line-height: 1.6
        }

        .weight400 {
            font-weight: 400
        }

        .weight500 {
            font-weight: 500
        }

        .weight600 {
            font-weight: 600
        }

        button {
            font-family: var(--font-family-primary)
        }

        .block {
            display: block
        }

        .wht-link-line,
        .blk-link-line {
            position: relative;
            display: inline;
            background-repeat: no-repeat;
            background-position: 0 100%;
            transition: background-size .35s ease
        }

        .wht-link-line {
            color: var(--color-text-white);
            background-image: linear-gradient(var(--color-text-white), var(--color-text-white));
            background-size: 100% 1px
        }

        .blk-link-line {
            color: var(--color-text-black);
            background-image: linear-gradient(var(--color-text-black), var(--color-text-black));
            background-size: 100% 1px
        }

        .wht-link-line:hover,
        .blk-link-line:hover {
            background-size: 0% 1px
        }

        .text-uppercase {
            text-transform: uppercase
        }

        .flex-center {
            align-items: center
        }

        .section {
            padding-top: var(--section-padding-fluid);
            padding-bottom: var(--section-padding-fluid);
            position: relative
        }

        .layout-container {
            max-width: var(--container-max-width);
            margin: 0 auto;
            width: 100%;
            position: relative;
            z-index: 2
        }

        .wht-text {
            color: var(--color-text-white)
        }

        .dark-bg {
            background-color: var(--color-bg-dark)
        }

        .gap8 {
            gap: 8px
        }

        .gap12 {
            gap: 12px
        }

        .gap16 {
            gap: 16px
        }

        .gap18 {
            gap: 18px
        }

        .gap24 {
            gap: 24px
        }

        .gap32 {
            gap: 32px
        }

        .gap36 {
            gap: 36px
        }

        .gap64 {
            gap: 64px
        }

        .mt36 {
            margin-top: 36px
        }

        .gap40 {
            gap: 40px
        }

        .gap48 {
            gap: 48px
        }

        .gap64 {
            gap: 64px
        }

        .dp-flex {
            display: flex
        }

        .justify-space-between {
            justify-content: space-between
        }

        .justify-flex-start {
            justify-content: flex-start
        }

        .fdc {
            display: flex;
            flex-direction: column
        }

        .swap-text-button {
            font-size: var(--fs-para);
            font-weight: 600;
            color: #fff;
            border-radius: 3rem;
            cursor: pointer;
            padding: 20px 32px;
            line-height: 1.26;
            border: none;
            background-color: var(--color-primary);
            font-family: var(--font-family-primary);
            border-top: 2px solid #5e96fe;
            border-bottom: 2px solid transparent;
            display: inline-flex;
            gap: 10px;
            align-items: center;
            text-decoration: none
        }

        .text-original {
            display: flex;
            overflow: hidden
        }

        .swap-text-button:hover .text-original span {
            transform: translateY(1.3em)
        }

        .swap-text-button .text-original span:nth-child(1) {
            transition: .2s
        }

        .swap-text-button .text-hover {
            display: flex;
            position: absolute;
            overflow: hidden
        }

        .swap-text-button .text-hover span {
            transform: translateY(-1.3em)
        }

        .swap-text-button:hover .text-hover span {
            transform: translateY(0)
        }

        .swap-text-button .text-hover span {
            transition: .2s
        }

        .button__icon-wrapper {
            flex-shrink: 0;
            width: 18px;
            height: 18px;
            position: relative;
            background-color: transparent;
            border-radius: 50%;
            display: grid;
            place-items: center;
            overflow: hidden
        }

        .button__icon-svg,
        .button__icon-svg--copy {
            position: absolute;
            transition: transform .3s ease-in-out
        }

        .button__icon-svg {
            transform: translate(0, 0)
        }

        .button__icon-svg--copy {
            transform: translate(-150%, 150%)
        }

        .swap-text-button:hover .button__icon-svg {
            transform: translate(150%, -150%)
        }

        .swap-text-button:hover .button__icon-svg--copy {
            transform: translate(0, 0);
            transition-delay: .1s
        }

        .mb0 {
            margin-bottom: 0
        }

        .m0 {
            margin: 0
        }

        .header-main+.common-overlay+.wrapper {
            margin-top: 60px !important
        }

        @media (max-width: 1550px) {
            :root {
                --fs-xs: 8px;
                --fs-sm: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
                --fs-para: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
                --fs-base: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
                --fs-md20: clamp(1rem, 1rem + 0vw, 1rem);
                --fs-md: clamp(1rem, 1rem + 0vw, 1rem);
                --fs-subtitle: clamp(1.125rem, 0.9rem + 0.25vw, 1.25rem);
                --fs-lg: clamp(1.25rem, 1rem + 0.35vw, 1.5rem);
                --fs-h4: clamp(1.375rem, 1rem + 0.55vw, 1.75rem);
                --fs-h3: clamp(1.5rem, 1rem + 0.65vw, 1.75rem);
                --fs-h2: clamp(2rem, 1rem + 1.25vw, 2.25rem);
                --fs-h1: clamp(3.5rem, 3rem + 1.25vw, 3.5rem)
            }

            .swap-text-button {
                padding: 14px 32px
            }

            .swap-text-button.second-icon svg {
                max-height: 10px
            }
        }

        @media (max-width: 1440px) {
            .swap-text-button {
                padding: 20px 30px
            }
        }

        @media (max-width: 1366px) {
            .swap-text-button {
                gap: 6px
            }

            .swap-text-button {
                padding: 12px 20px
            }
        }

        @media (max-width: 639px) {
            .layout-container {
                max-width: 100%;
                padding: 0 15px
            }

            .section {
                padding: 3.125rem 0
            }

            br {
                display: none
            }
        }

        @media (min-width: 640px) and (max-width:767px) {
            .layout-container {
                max-width: clamp(72rem, 85vw, var(--container-max-width));
                padding: 0 15px
            }
        }

        @media (min-width: 768px) and (max-width:1023px) {
            .layout-container {
                max-width: clamp(72rem, 90vw, var(--container-max-width));
                padding: 0 15px
            }
        }

        @media (min-width: 1024px) and (max-width:1279px) {
            .layout-container {
                max-width: var(--container-max-width)
            }
        }

        @media (max-width: 767px) {
            :root {
                --fs-xs: .625rem;
                --fs-sm: clamp(0.75rem, calc(0.75rem + 0.492vw), 0.875rem);
                --fs-para: clamp(0.8125rem, calc(0.8125rem + 0.492vw), 0.9375rem);
                --fs-base: clamp(0.875rem, calc(0.875rem + (16 - 14) * ((100vw - 375px) / (1440 - 375))), 1rem);
                --fs-md: clamp(1rem, calc(1rem + 0.984vw), 1.25rem);
                --fs-subtitle: clamp(1rem, calc(1rem + 0.208vw), 1.25rem);
                --fs-lg: clamp(1.25rem, calc(1.25rem + 0.492vw), 1.5rem);
                --fs-h4: clamp(1.5rem, calc(1.5rem + (28 - 24) * ((100vw - 375px) / (1440 - 375))), 1.75rem);
                --fs-h3: clamp(1.75rem, calc(1.75rem + (32 - 28) * ((100vw - 375px) / (1440 - 375))), 2rem);
                --fs-h2: clamp(1.875rem, calc(1.875rem + (34 - 30) * ((100vw - 375px) / (1440 - 375))), 2.125rem);
                --fs-h1: clamp(1.5rem, calc(1.5rem + (28 - 24) * ((100vw - 375px) / (1440 - 375))), 1.75rem)
            }

            .flex-dir-col {
                flex-direction: column
            }

            .button__icon-wrapper {
                width: 16px;
                height: 16px
            }

            .swap-text-button {
                padding: 16px 24px;
                font-size: 12px
            }

            br {
                display: none
            }

            .layout-container {
                padding: 0 15px
            }

            .header-main+.common-overlay+.wrapper {
                margin-top: 55px !important
            }
        }

        @font-face {
            font-family: "Clash Display";
            src: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/common/../../fonts/ClashDisplay-Regular.woff2) format("woff2");
            font-weight: 500;
            font-style: normal
        }

        :root {
            --font-family-primary: "Plus Jakarta Sans", sans-serif;
            --color-text-black: #111;
            --color-text-white: #fff;
            --color-primary: #1a69fd;
            --color-primary-hover: #0c4fcb;
            --color-bg-dark: #000;
            --color-yellow: #fdf073;
            --section-padding-fluid: clamp(24px, 5vw + 4px, 75px);
            --container-max-width: clamp(320px, 83.33vw, 1600px);
            --container-sm-max-width: 790px;
            --container-padding-inline: clamp(1rem, 4vw, 3rem)
        }

        @media (min-width: 640px) {
            :root {
                --fs-xs: 12px;
                --fs-sm: clamp(0.7rem, 0.7rem + 0.146vw, 0.875rem);
                --fs-para: clamp(0.8rem, 0.8rem + 0.167vw, 1rem);
                --fs-base: clamp(1rem, 1rem + 0.104vw, 1.125rem);
                --fs-md20: clamp(1rem, 1rem + 0.3125vw, 1.25rem);
                --fs-md: clamp(1rem, 1rem + 0.3125vw, 1.375rem);
                --fs-subtitle: clamp(1.125rem, 1rem + 0.625vw, 1.5rem);
                --fs-lg: clamp(1.125rem, 1rem + 0.625vw, 1.75rem);
                --fs-h4: clamp(1.25rem, 1rem + 0.7292vw, 1.875rem);
                --fs-h3: clamp(1.25rem, 1rem + 1.0417vw, 2.25rem);
                --fs-h2: clamp(1.5rem, 1rem + 1.6667vw, 3rem);
                --fs-sp-title: clamp(3rem, 3rem + 1.25vw, 3.75rem);
                --fs-h1: clamp(3rem, 3rem + 1.875vw, 4.5rem)
            }
        }

        .title-h1 {
            font-size: var(--fs-h1);
            font-weight: 600;
            line-height: 1.2;
            letter-spacing: -.25px;
            margin-bottom: 1.5rem;
            margin-top: 0;
            position: relative;
            z-index: 2
        }

        .fs-sp-title {
            font-size: var(--fs-sp-title);
            font-weight: 400;
            line-height: 1.2;
            letter-spacing: -.25px;
            margin-bottom: 1.5rem;
            margin-top: 0;
            position: relative;
            z-index: 2
        }

        .fs-md {
            font-size: var(--fs-md);
            font-weight: 700;
            line-height: 1.6
        }

        .fs-md20 {
            font-size: var(--fs-md20);
            line-height: 1.60
        }

        .fs-base {
            font-size: var(--fs-base);
            line-height: 1.6
        }

        .fs-para {
            font-size: var(--fs-para);
            font-weight: 500;
            line-height: 1.6
        }

        .fs-xs {
            font-size: var(--fs-xs);
            line-height: 1.6
        }

        .weight300 {
            font-weight: 300
        }

        .weight400 {
            font-weight: 400
        }

        .weight500 {
            font-weight: 500
        }

        .weight600 {
            font-weight: 600
        }

        .weight700 {
            font-weight: 700
        }

        .weight800 {
            font-weight: 800
        }

        button {
            font-family: var(--font-family-primary)
        }

        .head-gap {
            margin-top: clamp(36px, 2.5vw, 48px)
        }

        .section-inner-gap {
            margin-top: clamp(36px, 3.91vw, 75px)
        }

        .mobile-block {
            display: none !important
        }

        .desktop-block {
            display: block !important
        }

        .block {
            display: block
        }

        .footer-new-navigation .wht-link-line,
        .footer-new-navigation .blk-link-line {
            position: relative;
            display: inline;
            background-repeat: no-repeat;
            background-position: 0 100%;
            transition: background-size .35s ease
        }

        .footer-new-navigation .wht-link-line {
            color: var(--color-text-white);
            background-image: linear-gradient(var(--color-text-white), var(--color-text-white));
            background-size: 0% 1px;
            background-repeat: no-repeat;
            background-position: 0 100%;
            transition: background-size .35s ease
        }

        .footer-new-navigation .blk-link-line {
            color: var(--color-text-black);
            background-image: linear-gradient(var(--color-text-black), var(--color-text-black));
            background-size: 100% 1px
        }

        .footer-new-navigation .wht-link-line:hover {
            background-size: 100% 1px
        }

        .blk-link-line:hover {
            background-size: 0% 1px
        }

        .text-uppercase {
            text-transform: uppercase
        }

        .footer-new-grid-col2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px
        }

        .footer-new-grid-col3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px
        }

        .footer-new-grid-col6 {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 24px
        }

        .section {
            padding-top: var(--section-padding-fluid);
            padding-bottom: var(--section-padding-fluid);
            position: relative
        }

        .layout-container {
            max-width: var(--container-max-width);
            margin: 0 auto;
            width: 100%;
            position: relative;
            z-index: 2
        }

        .layout-container-sm {
            max-width: var(--container-sm-max-width);
            margin: 0 auto;
            width: 100%;
            position: relative;
            z-index: 2
        }

        .wht-text {
            color: var(--color-text-white)
        }

        .blk-text {
            color: var(--color-text-black)
        }

        .appi-theme {
            color: var(--color-primary)
        }

        .appi-yellow {
            color: var(--color-yellow)
        }

        .dark-bg {
            background-color: var(--color-bg-dark)
        }

        .text-center {
            text-align: center
        }

        .text-left {
            text-align: left
        }

        .text-right {
            text-align: right
        }

        .gap8 {
            gap: 8px
        }

        .gap12 {
            gap: 12px
        }

        .gap16 {
            gap: 16px
        }

        .gap24 {
            gap: 24px
        }

        .gap32 {
            gap: 32px
        }

        .gap36 {
            gap: 36px
        }

        .gap64 {
            gap: 64px
        }

        .mt36 {
            margin-top: 36px
        }

        .gap48 {
            gap: 48px
        }

        .gap64 {
            gap: 64px
        }

        .footer-new-dp-flex,
        .footer-new-dp-flex strong {
            display: flex;
            margin: 0
        }

        .footer-new-flex-center {
            align-items: center
        }

        .footer-new-justify-center {
            justify-content: center
        }

        .footer-new-justify-end {
            justify-content: flex-end
        }

        .footer-new-justify-space-between {
            justify-content: space-between
        }

        .footer-new-align-flex-end {
            align-items: flex-end
        }

        .footer-new-fdc {
            display: flex;
            flex-direction: column
        }

        .layout-container-sm .fs-base {
            text-align: justify
        }

        .swap-text-button {
            font-size: var(--fs-para);
            font-weight: 600;
            color: #fff;
            border-radius: 3rem;
            cursor: pointer;
            padding: 20px 32px;
            line-height: 1.26;
            border: none;
            background-color: var(--color-primary);
            font-family: var(--font-family-primary);
            border-top: 2px solid #5e96fe;
            border-bottom: 2px solid transparent;
            display: inline-flex;
            gap: 10px;
            align-items: center;
            text-decoration: none
        }

        .swap-text-button.second-icon svg {
            max-height: 14px
        }

        .swap-text-button.lg-btn .text-hover {
            transform: translateX(-14px)
        }

        .swap-text-button.second-icon .button__icon-wrapper svg {
            height: 100%
        }

        .swap-text-button.blue-swap-btn {
            border-top: 2px solid #0e47b3
        }

        .text-original {
            display: flex;
            overflow: hidden
        }

        .swap-text-button:hover .text-original span {
            transform: translateY(1.3em)
        }

        .swap-text-button .text-original span:nth-child(1) {
            transition: .2s
        }

        .swap-text-button .text-hover {
            display: flex;
            position: absolute;
            overflow: hidden
        }

        .swap-text-button .text-hover span {
            transform: translateY(-1.4em)
        }

        .swap-text-button:hover .text-hover span {
            transform: translateY(0)
        }

        .swap-text-button .text-hover span {
            transition: .2s
        }

        .button__icon-wrapper {
            flex-shrink: 0;
            width: 18px;
            height: 18px;
            position: relative;
            background-color: transparent;
            border-radius: 50%;
            display: grid;
            place-items: center;
            overflow: hidden
        }

        .button__icon-svg,
        .button__icon-svg--copy {
            position: absolute;
            transition: transform .3s ease-in-out
        }

        .button__icon-svg {
            transform: translate(0, 0)
        }

        .button__icon-svg--copy {
            transform: translate(-150%, 150%)
        }

        .swap-text-button:hover .button__icon-svg {
            transform: translate(150%, -150%)
        }

        .swap-text-button:hover .button__icon-svg--copy {
            transform: translate(0, 0);
            transition-delay: .1s
        }

        .wht-btn {
            color: var(--color-text-black);
            border-top: 2px solid #cecece;
            border-bottom: 2px solid transparent;
            background: linear-gradient(180deg, #fff 0%, #eee 100%)
        }

        .transparent-wht-btn {
            background-color: transparent;
            border: 2px solid var(--color-text-black)
        }

        .transparent-blk-btn {
            background-color: transparent;
            border: 2px solid var(--color-text-white)
        }

        .transparent-blue-btn {
            background-color: transparent;
            border: 2px solid var(--color-primary);
            color: var(--color-primary)
        }

        .mt24 {
            margin-top: 24px
        }

        .mb0 {
            margin-bottom: 0
        }

        .pt0 {
            padding-top: 0
        }

        .pb0 {
            padding-bottom: 0
        }

        .text-caps {
            text-transform: uppercase
        }

        .stat-box>p {
            text-transform: capitalize
        }

        .common-carousel-nav {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px
        }

        .common-carousel-nav button {
            width: 96px;
            height: 96px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #111;
            border-radius: 50%;
            border: 1px solid #3e4044;
            cursor: pointer;
            color: #fff;
            font-size: 18px;
            transition: all .3s ease
        }

        .footer-new-locations-slider.owl-carousel .owl-nav {
            display: none
        }

        .footer-new-locations-slider.owl-carousel .owl-dots {
            display: none
        }

        .nav-svg-wrap {
            flex-shrink: 0;
            width: 18px;
            height: 18px;
            position: relative;
            border-radius: 50%;
            display: grid;
            place-items: center;
            overflow: hidden
        }

        .arrow-real,
        .arrow-copy {
            position: absolute;
            transition: transform .3s ease-in-out
        }

        .arrow-btn.prev-btn .arrow-real,
        .arrow-btn.next-btn .arrow-real {
            transform: translateX(0)
        }

        .arrow-btn.prev-btn .arrow-copy {
            transform: translateX(150%)
        }

        .arrow-btn.next-btn .arrow-copy {
            transform: translateX(-150%)
        }

        .arrow-btn.prev-btn:hover .arrow-real {
            transform: translateX(-150%)
        }

        .arrow-btn.prev-btn:hover .arrow-copy {
            transform: translateX(0);
            transition-delay: .1s
        }

        .arrow-btn.next-btn:hover .arrow-real {
            transform: translateX(150%)
        }

        .arrow-btn.next-btn:hover .arrow-copy {
            transform: translateX(0);
            transition-delay: .1s
        }

        .common-carousel-nav.trans-slider-nav button {
            background-color: transparent;
            border: 1px solid rgba(255, 255, 255, .2)
        }

        .footer-card-icon {
            margin: 0 auto
        }

        @media (max-width: 1899px) {
            .title-h4 {
                font-size: var(--fs-lg)
            }

            .swap-text-button.second-icon .button__icon-wrapper {
                height: 12px;
                width: 10px
            }
        }

        @media (max-width: 1550px) {
            :root {
                --fs-xs: 10px;
                --fs-sm: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
                --fs-para: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
                --fs-base: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
                --fs-md20: clamp(1rem, 1rem + 0vw, 1rem);
                --fs-md: clamp(1rem, 1rem + 0vw, 1rem);
                --fs-subtitle: clamp(1.125rem, 0.9rem + 0.25vw, 1.25rem);
                --fs-lg: clamp(1.25rem, 1rem + 0.35vw, 1.5rem);
                --fs-h4: clamp(1.375rem, 1rem + 0.55vw, 1.75rem);
                --fs-h3: clamp(1.5rem, 1rem + 0.65vw, 1.75rem);
                --fs-h2: clamp(2rem, 1rem + 1.25vw, 2.25rem);
                --fs-h1: clamp(3.5rem, 3rem + 1.25vw, 3.5rem)
            }

            .swap-text-button {
                padding: 14px 26px
            }

            .swap-text-button.second-icon svg {
                max-height: 10px
            }

            .layout-container-sm {
                max-width: 650px
            }

            .industry-cta-content .swap-text-button {
                padding: 14px 22px
            }

            .title-h1 {
                margin-bottom: 18px
            }

            .title-h4 {
                font-size: var(--fs-lg)
            }

            .common-carousel-nav button {
                width: 78px;
                height: 78px
            }
        }

        @media (max-width: 1440px) {
            .common-carousel-nav button {
                width: 66px;
                height: 66px
            }

            .swap-text-button {
                padding: 20px 30px
            }
        }

        @media (max-width: 1366px) {
            .swap-text-button {
                gap: 6px
            }

            .swap-text-button {
                padding: 12px 20px
            }

            .layout-container-sm {
                max-width: 600px
            }
        }

        @media (max-width: 639px) {
            .layout-container {
                max-width: 100%;
                padding: 0 15px
            }

            .section {
                padding: 3.125rem 0
            }

            br {
                display: none
            }
        }

        @media (min-width: 640px) and (max-width:767px) {
            .layout-container {
                max-width: clamp(72rem, 85vw, var(--container-max-width));
                padding: 0 15px
            }
        }

        @media (min-width: 768px) and (max-width:1023px) {
            .layout-container {
                max-width: clamp(72rem, 90vw, var(--container-max-width));
                padding: 0 15px
            }
        }

        @media (min-width: 1024px) and (max-width:1279px) {
            .layout-container {
                max-width: var(--container-max-width)
            }
        }

        @media (max-width: 767px) {
            :root {
                --fs-xs: .625rem;
                --fs-sm: clamp(0.75rem, calc(0.75rem + 0.492vw), 0.875rem);
                --fs-para: clamp(0.8125rem, calc(0.8125rem + 0.492vw), 0.9375rem);
                --fs-base: clamp(0.875rem, calc(0.875rem + (16 - 14) * ((100vw - 375px) / (1440 - 375))), 1rem);
                --fs-md: clamp(1rem, calc(1rem + 0.984vw), 1.25rem);
                --fs-subtitle: clamp(1rem, calc(1rem + 0.208vw), 1.25rem);
                --fs-lg: clamp(1.25rem, calc(1.25rem + 0.492vw), 1.5rem);
                --fs-h4: clamp(1.5rem, calc(1.5rem + (28 - 24) * ((100vw - 375px) / (1440 - 375))), 1.75rem);
                --fs-h3: clamp(1.75rem, calc(1.75rem + (32 - 28) * ((100vw - 375px) / (1440 - 375))), 2rem);
                --fs-h2: clamp(1.875rem, calc(1.875rem + (34 - 30) * ((100vw - 375px) / (1440 - 375))), 2.125rem);
                --fs-h1: clamp(1.5rem, calc(1.5rem + (28 - 24) * ((100vw - 375px) / (1440 - 375))), 1.75rem)
            }

            .wht-link-line {
                border-bottom: 1px solid var(--color-text-white)
            }

            .blk-link-line {
                border-bottom: 1px solid var(--color-text-black)
            }

            .gap24 {
                gap: 16px
            }

            .flex-dir-col {
                flex-direction: column
            }

            .button__icon-wrapper {
                width: 16px;
                height: 16px
            }

            .common-carousel-nav button {
                width: 48px;
                height: 48px
            }

            .head-gap {
                margin-top: 32px
            }

            .mobile-block {
                display: block !important
            }

            .desktop-block {
                display: none !important
            }

            .swap-text-button {
                padding: 12px 24px;
                font-size: 12px
            }

            br {
                display: none
            }

            .layout-container-sm,
            .layout-container {
                padding: 0 15px
            }

            .layout-container-sm .fs-base {
                text-align: unset
            }
        }

        body {
            margin: 0
        }

        .footer-new {
            background: linear-gradient(180deg, var(--color-bg-dark) 38.46%, var(--color-primary) 100%);
            padding: var(--section-padding-fluid) 0;
            font-family: var(--font-family-primary);
            font-size: var(--fs-base);
            font-weight: 400
        }

        .footer-new-top-content {
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 48px;
            align-items: start
        }

        .footer-new-logo {
            margin-bottom: 1rem
        }

        .footer-new-social {
            margin-top: 24px
        }

        .footer-new-social-link {
            border-radius: 8px;
            background: rgba(255, 255, 255, .1);
            padding: 10px 12px;
            color: var(--color-text-white);
            gap: 10px;
            text-decoration: none;
            margin: 0 10px 0 0;
            transition: all .3s ease
        }

        .footer-new-social-link:hover {
            background: rgba(255, 255, 255, .2);
            transform: translateY(-2px)
        }

        .footer-new-deloitte {
            display: flex;
            align-items: center;
            gap: 8px
        }

        .footer-new-google-rating {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 4px
        }

        .clutch-widget {
            width: 120px !important;
            height: 92px !important
        }

        .footer-new-google-rating iframe {
            background-color: #fff;
            border-radius: 4px;
            cursor: pointer;
            width: 100% !important;
            height: 100% !important
        }

        .footer-new-google-rating img {
            max-width: 120px
        }

        .footer-new-stars {
            display: flex;
            align-items: center;
            gap: 4px
        }

        .footer-new-locations {
            margin-bottom: 48px
        }

        .footer-new-locations-slider {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 24px
        }

        .footer-new-location-card {
            border-radius: 24px;
            border: 1px solid rgba(255, 255, 255, .3);
            padding: 24px;
            transition: all .3s ease
        }

        .footer-new-location-card a {
            color: var(--color-text-white)
        }

        .footer-new-location-card a:hover {
            color: var(--color-primary-hover)
        }

        .footer-new-location-flag img {
            width: 32px;
            height: 32px;
            object-fit: cover;
            border-radius: 50%
        }

        .footer-new-location-card h3 {
            margin: 0
        }

        .footer-new-location-card p {
            margin: 0;
            min-height: 100px
        }

        .footer-new-location-phone {
            display: flex;
            align-items: center;
            gap: 8px
        }

        .footer-new-location-phone span {
            opacity: .5
        }

        .footer-new-locations .owl-carousel .owl-item img {
            width: auto
        }

        .footer-new-navigation .layout-container {
            border-top: 1px solid rgba(255, 255, 255, .3)
        }

        .footer-new-nav-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 24px;
            margin-bottom: 48px
        }

        .footer-new-nav-column {
            display: flex;
            flex-direction: column
        }

        .footer-new-nav-title {
            margin: 0;
            padding-bottom: 24px
        }

        .footer-new-nav-links {
            list-style: none;
            padding: 0;
            margin: 0
        }

        .footer-nav-more {
            border-bottom: 1px solid #fff;
            display: inline-block;
            margin: 0
        }

        .footer-new-nav-links li {
            margin: 0
        }

        .footer-navlink {
            text-decoration: none;
            transition: all .3s ease;
            color: rgba(255, 255, 255, .5)
        }

        .footer-navlink:hover {
            color: #fff
        }

        .footer-new-view-more {
            margin-top: 16px;
            display: flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            transition: all .3s ease
        }

        .footer-new-view-more svg {
            transition: transform .3s ease
        }

        .footer-new-view-more:hover svg {
            transform: translate(2px, -2px)
        }

        .footer-new-get-in-touch {
            display: flex;
            justify-content: flex-start
        }

        .footer-new-cta-btn {
            text-decoration: none
        }

        .footer-new-business-units .layout-container {
            border-top: 1px solid rgba(255, 255, 255, .3);
            padding-top: 36px
        }

        .footer-new-business-title {
            margin-bottom: 24px
        }

        .footer-new-business-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px
        }

        .footer-new-business-card {
            border-radius: 16px;
            background: rgba(255, 255, 255, .1);
            padding: 32px 24px;
            transition: all .3s ease
        }

        .footer-new-business-card img {
            max-width: 140px
        }

        .footer-new-business-link {
            font-size: 14px;
            margin: 0
        }

        .footer-new-business-card:hover {
            background: rgba(255, 255, 255, .1);
            transform: translateY(-4px)
        }

        .footer-new-business-logo {
            width: 64px;
            height: 64px;
            background: var(--color-primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 16px
        }

        .footer-new-business-card h3 {
            margin: 0
        }

        .footer-new-business-link {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            text-decoration: none;
            transition: all .3s ease
        }

        .footer-new-business-link svg {
            transition: transform .3s ease
        }

        .footer-new-business-link:hover svg {
            transform: translateX(4px)
        }

        .footer-new-bottom .layout-container {
            border-top: 1px solid rgba(255, 255, 255, .3);
            padding: 48px 0
        }

        .footer-new-bottom-content {
            display: flex;
            gap: 24px;
            align-items: flex-start;
            justify-content: space-between
        }

        .footer-new-bottom-links {
            display: flex;
            align-items: center;
            gap: 16px
        }

        .footer-new-bottom-links a {
            text-decoration: none;
            margin: 0
        }

        .footer-new-bottom-links span {
            margin: 0
        }

        .footer-new-copyright {
            text-align: center
        }

        .footer-new-dmca {
            display: flex;
            justify-content: flex-end
        }

        .statutory-content {
            width: 100%;
            max-width: 500px;
            margin: 20px 0
        }

        .statutory-content p {
            line-height: 1.5
        }

        .footer-new-nav-column.mobile-accordion {
            position: relative
        }

        .footer-new-nav-title.mobile-toggle {
            cursor: pointer;
            position: relative;
            user-select: none
        }

        .footer-new-nav-title.mobile-toggle:after {
            content: '+';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            transition: transform .3s ease
        }

        .footer-new-nav-title.mobile-toggle.active:after {
            content: '-';
            transform: translateY(-50%) rotate(0deg)
        }

        .footer-new-nav-links.mobile-hidden {
            display: none
        }

        .footer-new-nav-links.mobile-visible {
            display: flex
        }

        @media (max-width: 1728px) {
            .footer-new-business-card img {
                max-width: 80px
            }
        }

        @media (max-width: 1550px) {
            .footer-new-locations {
                margin-bottom: 38px
            }

            .footer-new-location-card {
                border-radius: 18px;
                padding: 20px
            }

            .footer-new-location-card .gap24 {
                gap: 18px
            }

            .footer-new-location-card p {
                min-height: 80px
            }

            .footer-new-location-flag img {
                width: 28px;
                height: 28px
            }

            .footer-new-nav-grid {
                margin-bottom: 36px
            }

            .footer-new-business-grid {
                gap: 12px
            }

            .footer-new-business-link {
                font-size: 11px
            }

            .footer-new-business-card {
                border-radius: 12px;
                padding: 28px 24px
            }

            .footer-new-business-card img {
                max-width: 90px
            }

            .footer-new-bottom {
                padding: 36px 0
            }

            .footer-new-business-units .layout-container {
                padding-top: 28px
            }

            .footer-new-nav-title {
                padding-bottom: 20px
            }

            .footer-new-view-more svg,
            .footer-new-business-link svg {
                max-width: 18px
            }

            .footer-new-locations-slider {
                gap: 18px
            }

            .footer-new-location-phone img {
                max-width: 20px
            }
        }

        @media (max-width: 1366px) {
            .footer-new-locations {
                margin-bottom: 32px
            }

            .footer-new-location-card {
                border-radius: 16px;
                padding: 18px
            }

            .footer-new-location-card .gap24 {
                gap: 16px
            }

            .footer-new-location-card p {
                min-height: 96px
            }

            .footer-new-location-flag img {
                width: 26px;
                height: 24px
            }

            .footer-new-nav-grid {
                margin-bottom: 32px
            }

            .footer-new-business-grid {
                gap: 10px
            }

            .footer-new-business-link {
                font-size: 9px
            }

            .footer-new-business-card {
                border-radius: 10px;
                padding: 26px 22px
            }

            .footer-new-business-card img {
                max-width: 80px
            }

            .footer-new-bottom {
                padding: 32px 0
            }

            .footer-new-business-units .layout-container {
                padding-top: 22px
            }

            .footer-new-deloitte img {
                transform: scale(.8)
            }

            .footer-navlink {
                font-size: 12px
            }

            .footer-new-nav-title {
                padding-bottom: 18px
            }

            .footer-new-view-more svg,
            .footer-new-business-link svg {
                max-width: 16px
            }

            .footer-new-locations-slider {
                gap: 12px
            }

            .footer-new-location-phone img {
                max-width: 18px
            }
        }

        @media (max-width: 1200px) {
            .footer-new-nav-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 18px
            }

            .footer-new-locations-slider {
                grid-template-columns: repeat(3, 1fr)
            }
        }

        @media (max-width: 767px) {
            .footer-new-top-content {
                grid-template-columns: 1fr;
                gap: 24px
            }

            .footer-new-social {
                align-items: center
            }

            .footer-new-ratings {
                align-items: flex-start;
                justify-content: flex-start;
                gap: 12px
            }

            .footer-btm-logo-container img {
                transform: scale(.9);
                max-width: 100px
            }

            .footer-new-nav-grid {
                grid-template-columns: 1fr
            }

            .footer-new-nav-column {
                border-bottom: 1px solid rgba(255, 255, 255, .1);
                padding-bottom: 16px
            }

            .footer-new-nav-title {
                margin-bottom: 16px;
                padding-bottom: 8px
            }

            .footer-new-business-grid {
                grid-template-columns: 1fr
            }

            .footer-new-bottom-links {
                justify-content: center;
                flex-wrap: wrap
            }

            .footer-new-dmca {
                justify-content: center
            }
        }

        @media (max-width: 767px) {
            .footer-new-copyright {
                text-align: left
            }

            .footer-new-bottom-content {
                flex-direction: column;
                gap: 24px;
                align-items: flex-start;
                justify-content: flex-start
            }

            .footer-new-bottom-links {
                justify-content: flex-start;
                gap: 8px
            }

            .footer-new-bottom-links .fs-sm {
                font-size: 11px
            }

            .footer-new-copyright .fs-para {
                font-size: 11px
            }

            .footer-new-section .mobile-block {
                margin-bottom: 24px
            }

            .footer-new-nav-column {
                padding-bottom: 0;
                border-bottom: none
            }

            .footer-new-nav-title {
                margin-bottom: 10px;
                padding-bottom: 0
            }

            .footer-navlink {
                border-bottom: none
            }

            .footer-new-view-more {
                margin: 0 0 20px;
                font-size: 12px
            }

            .footer-new-location-card br {
                display: block
            }

            .footer-new {
                overflow-x: hidden
            }

            .footer-btm-logo-container {
                display: flex;
                gap: 12px;
                justify-content: space-between
            }
        }

        @media (max-width: 480px) {
            .footer-new-locations-slider {
                display: block
            }

            .footer-new-location-card {
                margin-bottom: 16px
            }

            .footer-new-social-links {
                justify-content: flex-start
            }
        }

        .footer-new-locations-slider.owl-carousel .owl-dots {
            text-align: center;
            margin-top: 24px
        }

        .footer-new-locations-slider.owl-carousel .owl-dots .owl-dot {
            display: inline-block;
            margin: 0 4px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .3);
            transition: all .3s ease
        }

        .footer-new-locations-slider.owl-carousel .owl-dots .owl-dot.active {
            background: var(--color-primary);
            transform: scale(1.2)
        }

        .footer-new-locations-slider.owl-carousel .owl-dots .owl-dot:hover {
            background: rgba(255, 255, 255, .6)
        }

        @media (max-width: 767px) {
            .footer-new-locations-slider.owl-carousel {
                display: block
            }

            .footer-new-locations-slider.owl-carousel .owl-stage-outer {
                overflow: visible
            }

            .footer-new-locations .owl-carousel .owl-item img {
                margin: 0
            }

            .footer-new-bottom .layout-container {
                padding: 36px 15px
            }

            .footer-new-bottom {
                padding: 0
            }
        }

        @media (min-width: 768px) and (max-width:991px) {
            .footer-new-bottom-content {
                gap: 12px
            }

            .footer-new-bottom-links {
                gap: 8px
            }

            .footer-new-bottom-links a,
            .footer-new-copyright .fs-para {
                font-size: 10px
            }

            .footer-new-dmca-badge img {
                max-width: 86px
            }

            .footer-new-nav-title {
                margin-bottom: 18px;
                padding: 0
            }

            .footer-new-nav-grid {
                column-gap: 32px
            }

            .footer-new-business-card {
                padding: 18px 8px;
                flex-direction: column
            }
        }

        html,
        body {
            overflow-x: visible !important
        }

        :root {
            --color-text-black: #111;
            --color-text-white: #fff;
            --color-primary: #1a69fd;
            --color-primary-hover: #0c4fcb;
            --color-bg-dark: #000;
            --color-yellow: #ffff37
        }

        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        img,
        a,
        span,
        p,
        img,
        figure {
            margin: 0
        }

        .hero-section {
            width: 100%;
            height: calc(100vh + 120px);
            position: relative;
            overflow: hidden;
            background-color: #000
        }

        .hero-video {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100vw;
            height: 100%;
            object-fit: cover
        }

        .hero-button {
            display: inline-flex;
            margin-top: 4em
        }

        .hero-brand-marquee {
            position: absolute;
            z-index: 2;
            width: 100%;
            background: 0 0;
            bottom: 140px
        }

        .hero-section .hero-content {
            position: relative;
            top: 0
        }

        .gradient-line-left {
            width: 178px;
            height: 1px;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
            display: block
        }

        .gradient-line-right {
            transform: rotate(180deg)
        }

        .hero-subheading {
            max-width: 100%
        }

        .hero-subheading-text {
            color: #c6c6c3
        }

        .head-gap100 {
            margin-top: 100px
        }

        .hero-overlay {
            background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, 1))
        }

        .appi-cta.btn-effect {
            position: relative
        }

        .app_form_wrap {
            padding: 10px
        }

        .app_form_left {
            position: relative;
            width: 50%;
            padding: 28px 28px 20px;
            background-color: #ecf3ff;
            border-radius: 8px;
            background-position: top
        }

        .pop_up_image {
            position: absolute;
            content: "";
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/popup-new-banner.webp) no-repeat;
            background-position: bottom;
            width: 100%;
            height: 100%;
            left: 0;
            bottom: 0
        }

        .app_form_rght {
            width: 50%;
            padding: 30px 50px 20px
        }

        .app_form_left .heading2 {
            color: #000;
            font-size: 28px;
            line-height: 42px;
            font-weight: 700;
            position: relative
        }

        .app_form_left .heading2 span {
            color: #1163fb
        }

        .app_form_left .heading6 {
            color: #000;
            font-size: 16px;
            line-height: 20px;
            font-weight: 600;
            padding: 0
        }

        .expert_list {
            margin: 0;
            padding-top: 16px
        }

        .expert_list li {
            position: relative;
            font-size: 14px;
            line-height: 21px;
            font-weight: 600;
            color: #000;
            padding-left: 22px;
            margin: 0 0 10px
        }

        .expert_list li:before {
            position: absolute;
            content: "";
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/expert-list-icon.svg) no-repeat;
            width: 14px;
            height: 15px;
            top: 2px;
            left: 0
        }

        .exit_modalnew .cont_form_group .col {
            position: relative
        }

        .exit_modalnew .cont_form_group.bottom_sec .contact_form_btn {
            margin-bottom: 0
        }

        .software-dev-exitpopup {
            margin: 0 !important
        }

        @media (min-width: 1200px) and (max-width:1899px) {
            .hero-section {
                height: calc(100vh + 100px)
            }
        }

        @media (max-width: 1600px) {
            .hero-button {
                margin-top: 3em
            }
        }

        @media (max-width: 1550px) {
            .hero-section {
                height: 100vh
            }

            .hero-button {
                margin-top: 2em
            }
        }

        @media (max-width: 1440px) {

            .brand-logos figure img,
            .award-logos img {
                transform: scale(.8)
            }

            .hero-brand-marquee .brand-logos .marquee-logo {
                padding: 28px 0
            }

            .hero-brand-marquee.gap24 {
                gap: 12px
            }

            .hero-button {
                margin-top: 1.5em
            }
        }

        @media (max-width: 1366px) {

            .brand-logos figure img,
            .award-logos img {
                transform: scale(.7)
            }
        }

        @media (max-width: 767px) {
            .hero-overlay {
                background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .2))
            }

            .hero-section .hero-content {
                margin-top: 132px
            }

            .hero-banner-mobile img {
                width: 100%
            }

            .hero-brand-marquee .fs-sm {
                font-size: 10px;
                text-align: center;
                max-width: 200px
            }

            .hero-brand-marquee .brand-logos .marquee-logo {
                padding: 28px 0;
                margin: 0
            }

            .hero-section {
                height: 100vh
            }
        }

        .line-anim span {
            display: inline-block;
            overflow: hidden;
            will-change: transform, opacity;
            line-height: 1.24
        }

        .line-anim span span {
            display: inline-block
        }

        .fade-up {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity .4s ease, transform .4s ease
        }

        .service-card,
        .feature-text-block,
        .img-right-inner,
        .img-left-inner,
        .title-h2 span span,
        .fade-up {
            will-change: transform;
            transform: translateZ(0);
            backface-visibility: hidden
        }

        .feature-content {
            display: flex;
            background-color: #000
        }

        .feature-text-block {
            position: relative;
            z-index: 2;
            background: #000;
            border-radius: 24px 24px 0 0;
            width: 50%;
            justify-content: space-between;
            gap: 48px
        }

        .feature-text-header {
            padding-top: 120px
        }

        .feature-text-block,
        .brand-logos,
        .img-right {
            will-change: transform
        }

        .img-left,
        .img-right {
            overflow: hidden;
            height: auto;
            position: relative
        }

        .img-left-inner,
        .img-right-inner {
            will-change: transform
        }

        .feature-list-block {
            margin-top: 3.5em
        }

        .img-right-inner {
            transform: translateY(80px)
        }

        .feature-list {
            padding: 0;
            margin-top: 3.5em;
            display: flex;
            flex-direction: column;
            gap: 24px
        }

        .feature-list li {
            position: relative;
            padding-left: 2.5rem
        }

        .feature-list li:before {
            content: "";
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/double-check-blue.svg) no-repeat;
            width: 24px;
            height: 24px;
            position: absolute;
            left: 0;
            top: 0
        }

        .brand-logos {
            display: flex;
            flex-wrap: wrap;
            gap: 1.5rem;
            align-items: center;
            justify-content: flex-start;
            margin-top: auto;
            overflow: hidden
        }

        .brand-logos figure {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 104px
        }

        .brand-logos .marquee-logo,
        .brand-logos .marquee-logo2 {
            position: relative;
            width: 100%;
            max-width: 100%;
            display: flex;
            align-items: center;
            padding: 40px 0
        }

        .track,
        .track2 {
            position: absolute;
            white-space: nowrap;
            will-change: transform;
            animation: marquee-logo 20s linear infinite
        }

        .track2 {
            position: absolute;
            white-space: nowrap;
            will-change: transform;
            animation: marquee-logo2 20s linear infinite
        }

        @keyframes marquee-logo {
            from {
                transform: translateX(-50%)
            }

            to {
                transform: translateX(0)
            }
        }

        @keyframes marquee-logo2 {
            from {
                transform: translateX(0)
            }

            to {
                transform: translateX(-50%)
            }
        }

        .content,
        .content2 {
            display: flex;
            align-items: center;
            gap: 24px
        }

        .content figure,
        .content2 figure {
            display: flex;
            align-items: center;
            min-width: 212px;
            min-height: 104px
        }

        .brand-logos figure img,
        .award-logos img {
            max-width: 100%;
            object-fit: contain
        }

        .award-logos-main {
            padding: 64px 0 64px 64px
        }

        .feature-image-block {
            width: 50%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 2rem;
            background-color: var(--color-text-white)
        }

        .award-logos {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            text-align: center;
            grid-row-gap: 22px
        }

        .award-logos figure {
            width: 245px;
            height: 164px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .award-logos figure {
            height: 120px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .image-wrapper img {
            width: 100%;
            height: auto;
            border-radius: 1rem;
            object-fit: cover
        }

        .feature-text-block,
        .brand-logos,
        .img-left {
            will-change: transform
        }

        .img-left {
            transform: translateY(10px)
        }

        .img-left img,
        .img-right img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            vertical-align: bottom;
            border-radius: 12px 12px 0 0
        }

        .brand-logo-caption {
            width: 100%
        }

        @media (max-width: 1728px) {

            .brand-logos .marquee-logo,
            .brand-logos .marquee-logo2 {
                padding: 28px 0
            }

            .award-logos-main {
                padding-bottom: 48px
            }
        }

        @media (max-width: 1550px) {

            .brand-logos figure img,
            .award-logos img {
                transform: scale(.9)
            }

            .hero-brand-marquee {
                bottom: 20px
            }

            .feature-list li:before {
                width: 18px;
                height: 18px;
                background-size: 18px
            }

            .feature-list li {
                padding-left: 30px
            }

            .award-logos figure {
                max-width: 200px
            }

            .content figure,
            .content2 figure {
                min-width: 170px
            }
        }

        @media (max-width: 1366px) {
            .section.hero-brand-marquee {
                bottom: 0;
                padding: 40px 0
            }

            .gradient-line-left {
                width: 100px
            }

            .brand-logos figure img {
                transform: scale(.8)
            }

            .feature-list-block {
                margin-top: 3em
            }

            .feature-list {
                margin-top: 3em;
                gap: 16px
            }

            .feature-list li:before {
                width: 16px;
                height: 16px;
                background-size: 16px
            }

            .feature-list li {
                padding-left: 28px
            }

            .award-logos figure {
                max-width: 160px;
                height: 100px
            }

            .brand-logos figure {
                height: 87px
            }

            .award-logos img {
                transform: scale(.7)
            }

            .award-logos-main {
                padding: 36px 0 0 54px
            }

            .feature-text-block {
                gap: 101px
            }
        }

        @media (max-width: 767px) {
            .feature-text-header {
                padding-top: 20px
            }

            .content figure,
            .content2 figure {
                min-width: 120px
            }

            .brand-logos figure img {
                transform: scale(.8)
            }

            .section.hero-brand-marquee {
                padding: 0;
                bottom: 0
            }

            .feature-content {
                flex-direction: column;
                background-color: transparent
            }

            .feature-image-block,
            .feature-text-block {
                width: 100%
            }

            .feature-text-block {
                gap: 18px;
                padding: 70px 0 20px !important;
                border-radius: 0
            }

            .feature-text-block {
                padding-top: 40px
            }

            .feature-list {
                padding: 0;
                margin-top: 1.5em;
                display: flex;
                flex-direction: column;
                gap: 16px
            }

            .brand-logos figure {
                height: 68px
            }

            .award-logos,
            .brand-logos {
                grid-template-columns: repeat(2, 1fr);
                grid-row-gap: 10px;
                margin: 25px 0 0 !important
            }

            .award-logos {
                grid-row-gap: 20px
            }

            .award-logos-main {
                padding: 10px 24px 30px !important
            }

            .feature-image-block .image-wrapper {
                display: none
            }

            .feature-image-block {
                display: none
            }

            .award-logos figure {
                max-width: 100px;
                height: auto;
                margin: 0 auto
            }

            .brand-logos .marquee-logo {
                margin-bottom: 0
            }

            .feature-list li:before {
                width: 20px;
                height: 20px;
                background-size: 20px;
                top: 1px
            }

            .hero-brand-marquee.gap24 {
                gap: 32px
            }

            .gradient-line-left {
                width: 40px
            }

            .brand-logo-caption {
                justify-content: space-between
            }

            .brand-logos .marquee-logo2 {
                padding: 24px 0
            }
        }

        @media (max-width: 640px) {
            .feature-text-header .subtitle {
                font-size: 14px
            }

            .feature-list li {
                font-size: 14px;
                padding-left: 32px
            }

            .content figure,
            .content2 figure {
                min-width: 120px
            }

            .brand-logos figure img {
                transform: scale(.7)
            }

            .feature-list-block {
                margin-top: 1.5em
            }
        }

        .stats-container {
            background-image: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/stats-section-result-bg.webp);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 24px;
            padding: 75px 48px;
            color: #fff
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 75px 24px
        }

        .item-1 {
            grid-column: 1/2;
            grid-row: 1
        }

        .item-2 {
            grid-column: 2/3;
            grid-row: 1
        }

        .item-3 {
            grid-column: 3/4;
            grid-row: 1
        }

        .item-4 {
            grid-column: 2/3;
            grid-row: 2
        }

        .item-5 {
            grid-column: 3/4;
            grid-row: 2
        }

        .item-6 {
            grid-column: 4/5;
            grid-row: 2
        }

        .stat-box {
            position: relative;
            padding-bottom: 24px
        }

        .stat-box:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px;
            background: rgba(255, 255, 255, .5)
        }

        .stat-box:hover:after {
            background: #fff
        }

        .stat-box:hover p {
            opacity: 1
        }

        .stat-count {
            display: flex;
            height: 87px;
            overflow: hidden
        }

        .stat-count span {
            display: inline-block;
            transform: translateY(60px);
            opacity: 0
        }

        .stat-box.highlight {
            color: #6fd3ff
        }

        .stat-box p {
            opacity: .5;
            margin-top: 20px
        }

        @media (max-width: 1550px) {
            .stats-grid {
                gap: 58px 18px
            }

            .stat-count {
                height: 76px
            }

            .stat-box p {
                margin-top: 8px
            }

            .stats-container {
                padding: 58px 36px
            }
        }

        @media (max-width: 1440px) {
            .carousel-box {
                padding: 22px 0
            }

            .stats-grid {
                gap: 36px 16px
            }

            .stat-count {
                height: 62px
            }
        }

        @media (max-width: 1366px) {
            .stat-count {
                height: 60px
            }

            .stat-box .fs-base {
                font-size: 12px
            }
        }

        @media (max-width: 767px) {
            .stat-box {
                border: none
            }

            .stats-container {
                padding: 36px 15px
            }

            .stat-box .fs-base {
                font-size: 10px
            }

            .left-stats-wrap {
                border-radius: 12px;
                flex-wrap: wrap;
                width: 100%;
                padding: 24px 0;
                row-gap: 48px
            }

            .stat-box {
                height: auto;
                width: 100%;
                padding: 0;
                justify-content: flex-start
            }

            .stat-count {
                font-size: 24px;
                height: auto
            }

            .stat-count span {
                transform: none;
                opacity: 1
            }

            .item-1,
            .item-2,
            .item-3,
            .item-4,
            .item-5,
            .item-6 {
                grid-column: auto;
                grid-row: auto;
                padding-bottom: 12px
            }

            .stats-grid {
                grid-template-columns: repeat(2, 1fr)
            }
        }

        .badge-container {
            overflow: hidden
        }

        .award-showcase-slider {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0
        }

        .award-showcase-card {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: transparent;
            border: 1px solid #3e3e3d
        }

        .award-showcase-card-img {
            width: 100%;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .award-showcase-card-img img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            transition: filter .3s ease
        }

        @media (max-width: 767px) {
            .award-showcase-slider.award-marquee {
                display: flex;
                animation: marquee 20s linear infinite;
                gap: 0;
                width: max-content
            }

            .award-showcase-slider.award-marquee .award-showcase-card {
                flex-shrink: 0;
                min-width: 240px
            }

            .award-showcase-card-img {
                min-height: 76px
            }

            @keyframes marquee {
                0% {
                    transform: translateX(0)
                }

                100% {
                    transform: translateX(-50%)
                }
            }
        }

        .award-showcase-card {
            padding: 32px;
            border-radius: 100px;
            border: 1px solid #3e3e3d
        }

        .award-showcase-card-img {
            min-height: 97px
        }

        .award-showcase-slider .award-showcase-card-img img {
            width: auto
        }

        @media (max-width: 1550px) {
            .award-showcase-card {
                padding: 24px
            }

            .award-showcase-slider .award-showcase-card-img img {
                width: auto;
                transform: scale(.9)
            }
        }

        @media (max-width: 1366px) {
            .award-showcase-card {
                padding: 12px
            }

            .award-showcase-slider .award-showcase-card-img img {
                width: auto;
                transform: scale(.8)
            }
        }

        @media (max-width: 767px) {
            .award-showcase-slider .award-showcase-card-img img {
                transform: scale(1)
            }
        }

        .service-section {
            background: linear-gradient(180deg, var(--Primary-NB500, #1163fb) 0%, var(--Neutral-NB1000, #000) 100%)
        }

        .scroll-wrap1 {
            height: 360px;
            overflow-y: scroll
        }

        .scroll-wrap1::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 4px
        }

        .scroll-wrap1::-webkit-scrollbar-thumb {
            background-color: #ddd;
            border-radius: 8px
        }

        .tab-list2 {
            width: 35%;
            background: #fff;
            color: #000;
            border-radius: 1.5rem;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            gap: 8px;
            padding: 1.5rem;
            max-height: 520px;
            overflow-y: auto
        }

        .tab-list2 .custom-li {
            position: relative;
            padding: 16px 24px;
            margin-right: 8px;
            cursor: pointer;
            border-radius: 12px;
            background: #fff;
            color: #000
        }

        .tab-list2 .tab.active {
            background: var(--color-primary);
            color: #fff
        }

        .tab-content-panel {
            width: 65%;
            padding: 32px;
            border-radius: 24px;
            border: 1px solid #535353;
            background: #1c1c1c;
            min-height: 430px
        }

        .scroll-wrap1 .custom-li {
            gap: 6px
        }

        .tab-content .subtitle {
            margin-bottom: 1.5rem
        }

        .features-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1.5rem;
            margin-top: 3rem
        }

        .feature-box {
            background: #2a2a2a;
            padding: 1.5rem;
            border-radius: 12px;
            display: flex;
            flex-direction: column;
            gap: 24px
        }

        .scroll-wrap {
            height: 290px;
            overflow-y: scroll
        }

        .scroll-wrap::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 4px
        }

        .scroll-wrap::-webkit-scrollbar-thumb {
            background-color: #ddd;
            border-radius: 8px
        }

        .tab-accordion-header {
            display: none
        }

        .tab-accordion-header.tab-accordion-common-header {
            display: block
        }

        .tab-list {
            width: 35%;
            border-radius: 24px;
            border: 1px solid rgba(255, 255, 255, .2);
            background: rgba(255, 255, 255, .1);
            color: #000;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            gap: 8px;
            padding: 1.5rem;
            overflow-y: auto
        }

        .tab-icon {
            position: absolute;
            left: 24px;
            top: 50%;
            transform: translateY(-50%);
            width: 24px;
            height: 24px
        }

        .tab-list .custom-li {
            cursor: pointer;
            transition: background .3s, color .3s;
            position: relative;
            padding: 16px 60px;
            margin-right: 8px
        }

        .custom-ol {
            display: flex;
            flex-direction: column;
            gap: 8px
        }

        .tab-list .tab {
            border-radius: 12px;
            cursor: pointer;
            background-color: transparent;
            transition: background .3s;
            line-height: 1.6
        }

        .tab-list .tab.active {
            background: var(--color-bg-dark)
        }

        .tab-list .custom-li.active:before {
            background-color: #000
        }

        .content-card-title {
            color: #888886
        }

        .tab-contents-panel {
            width: 48%;
            padding: 32px;
            border-radius: 24px;
            background: #fff;
            min-height: 370px
        }

        .tab-list .tab {
            border: none;
            border-radius: 12px
        }

        .features-container {
            display: flex;
            flex-wrap: wrap;
            gap: 24px;
            justify-content: space-between
        }

        .feature-card {
            flex: 1 1 calc(25% - 24px)
        }

        .full-height {
            height: 100%
        }

        .feature-number {
            border-radius: 8px;
            background: #f8f7f4;
            color: var(--color-primary);
            display: flex;
            justify-content: center;
            align-items: center;
            width: 48px;
            height: 48px;
            margin-bottom: 32px
        }

        .feature-desc {
            margin-top: 16px
        }

        .partner-us-cta {
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/partner-cta-bg2.webp) no-repeat;
            background-size: cover;
            background-position: center;
            position: relative;
            border-radius: 24px;
            padding: 32px;
            width: 25%;
            overflow: hidden;
            background-color: #000
        }

        .partner-cta-content {
            position: relative;
            z-index: 2
        }

        @media (max-width: 1728px) {
            .tab-icon {
                left: 18px
            }

            .tab-list .custom-li {
                padding-left: 55px
            }

            .tab-contents-panel,
            .partner-us-cta {
                padding: 28px
            }

            .tab-content-panel,
            .tab-list2 {
                padding: 24px;
                border-radius: 18px
            }

            .gap64 {
                gap: 50px
            }

            .custom-ol {
                gap: 5px
            }
        }

        @media (max-width: 1550px) {
            .scroll-wrap {
                height: 218px
            }

            .scroll-wrap1 {
                height: 288px
            }

            .tab-list {
                border-radius: 18px;
                padding: 18px
            }

            .tab-list .custom-li {
                padding: 12px 50px
            }

            .tab-list .tab {
                border-radius: 10px
            }

            .tab-icon {
                width: 20px;
                height: 20px
            }

            .tab-icon img {
                max-width: 100%
            }

            .tab-contents-panel,
            .partner-us-cta {
                padding: 24px
            }

            .tab-contents-panel {
                padding: 24px;
                border-radius: 18px;
                min-height: 282px
            }

            .partner-us-cta {
                border-radius: 18px
            }

            .tab-list2 .custom-li.tab {
                padding: 12px 22px;
                border-radius: 8px
            }

            .tab-list2 .custom-li:before {
                top: 12px
            }

            .features-grid {
                gap: 1rem;
                margin-top: 2rem
            }

            .feature-box {
                border-radius: 10px;
                gap: 18px
            }

            .tab-content .subtitle {
                margin-bottom: 1rem
            }

            .tab-content-panel {
                min-height: 190px
            }
        }

        @media (max-width: 1366px) {
            .features-container.head-gap {
                margin-top: 20px
            }

            .feature-number {
                width: 42px;
                height: 42px;
                margin-bottom: 22px
            }

            .scroll-wrap {
                height: 198px
            }

            .tab-list {
                width: 36%;
                border-radius: 16px;
                padding: 16px
            }

            .custom-li .fs-base {
                font-size: 12px
            }

            .tab {
                padding: 10px 36px
            }

            .custom-li.tab {
                padding: 10px 36px
            }

            .tab-icon {
                width: 16px;
                height: 16px
            }

            .scroll-wrap1 {
                height: 260px
            }

            .custom-ol {
                gap: 4px
            }

            .tab-list2 .custom-li {
                border-radius: 8px
            }

            .tab-list .custom-li {
                margin: 0 6px 10px 0;
                padding-left: 44px
            }

            .content-card-title {
                font-size: 12px
            }

            .tab-accordion-body .subtitle {
                font-size: 16px
            }

            .tab-contents-panel {
                width: 45%
            }

            .tab-contents-panel,
            .partner-us-cta {
                padding: 21px;
                border-radius: 16px
            }

            .partner-cta-content .title-h4 {
                font-size: 20px
            }

            .tab-list .tab {
                border-radius: 8px
            }

            .tab-content-panel,
            .tab-list2 {
                padding: 20px;
                border-radius: 16px
            }

            .gap64 {
                gap: 42px
            }

            .features-grid {
                gap: .8rem;
                margin-top: 1.5rem
            }

            .feature-box {
                border-radius: 8px;
                gap: 16px
            }

            .tab-content .subtitle {
                margin-bottom: .8rem
            }

            .tab-content-panel {
                min-height: 310px
            }

            .tab-contents-panel {
                min-height: 244px
            }
        }

        @media (max-width: 767px) {
            .feature-card {
                flex: 1 1 calc(100% - 24px);
                margin-bottom: 16px
            }

            .tab-accordion-header {
                display: block
            }

            .partner-us-cta {
                width: 100%
            }

            .partner-cta-content .title-h4 {
                font-size: 18px
            }

            .partner-us-cta .swap-text-button {
                width: auto
            }

            .partner-us-cta {
                border-radius: 12px;
                padding: 18px
            }

            .partner-cta-content {
                gap: 22px
            }

            .partner-cta-content .fs-para {
                width: 80%
            }

            .tab-list,
            .tab-list2 {
                display: none
            }

            .tab-contents-panel,
            .tab-list {
                width: 100%
            }

            .Services section .advanced-tech {
                margin-top: -1px
            }

            .tab-content {
                margin-bottom: 12px
            }

            .tab-accordion-header {
                position: relative;
                padding: 14px 28px 12px
            }

            .tab-accordion-header .fs-base>.blk-link-line {
                color: #fff !important;
                background-image: linear-gradient(#fff, #fff);
                border-bottom: none
            }

            .service-section .tab-accordion-header {
                padding: 14px 28px 12px 0
            }

            .tab-accordion-header:before {
                background-image: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/mobile-drop-arrow.svg);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 12px;
                position: absolute;
                content: "";
                right: 5px;
                top: 50%;
                width: 12px;
                height: 12px;
                transform: translateY(-50%)
            }

            .clicked .tab-accordion-header:before {
                transform: rotate(-180deg) translateY(50%);
                top: 50%
            }

            .tab-contents-panel .tab-content:last-child .custom-li-text,
            .tab-contents-panel .tab-content:last-child .tab-accordion-body {
                margin-bottom: 0
            }

            .tab-contents-panel .tab-content.clicked:last-child .custom-li-text {
                margin-bottom: 1.5rem
            }

            .tab-icon,
            .clicked .tab-icon {
                left: 0
            }

            .partner-us-cta {
                border-radius: 12px
            }

            .features-grid {
                grid-template-columns: 1fr;
                margin-top: 2rem
            }

            .tab-content .tab-accordion-body {
                display: none;
                overflow: hidden;
                transition: max-height .2s ease-out;
                max-height: 100% !important;
                background: 0 0;
                border-radius: 0;
                padding: 0;
                margin: 12px 0
            }

            .tab-accordion-body .subtitle {
                color: #fff;
                font-size: 14px;
                font-weight: 500;
                margin-bottom: 0
            }

            .tab-accordion-body .content-card-title {
                display: none
            }

            .feature-box {
                gap: 16px
            }

            .tab-accordion-body .blk-link-line {
                background-image: linear-gradient(#fff, #fff);
                color: #fff
            }

            .tab-contents-mobile .tab-content {
                display: block;
                border-bottom: 1px solid rgba(255, 255, 255, .2)
            }

            .tab-content-panel .tab-content:last-child .subtitle,
            .tab-contents-panel .tab-content:last-child .subtitle,
            .tab-content-panel .tab-content:last-child .tab-accordion-body,
            .tab-contents-panel .tab-content:last-child .tab-accordion-body {
                margin-bottom: 0
            }

            .tab-content .subtitle {
                margin-bottom: 0
            }

            .tab-contents-panel .tab-content:last-child .tab-accordion-body {
                padding-bottom: 12px
            }

            .features-grid {
                grid-template-columns: 1fr;
                margin-top: 1.5rem;
                gap: 8px
            }

            .feature-box {
                background-color: rgba(255, 255, 255, .1);
                padding: 18px;
                gap: 8px
            }

            .tab-contents .tab-content:nth-child(1) .tab-accordion-header {
                padding-top: 0
            }

            .tab-content-panel,
            .tab-contents-panel {
                width: 100%;
                background-color: transparent;
                border: none;
                padding: 0
            }

            .tab-content-panel {
                min-height: auto
            }

            .tab-contents-panel .tab-content {
                display: block;
                border-bottom: 1px solid rgba(255, 255, 255, .2)
            }

            .tab-content-panel .tab-content:nth-child(1) .tab-accordion-header {
                padding-top: 0
            }
        }

        .common-carousel-nav {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px
        }

        .common-carousel-nav button {
            width: 96px;
            height: 96px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: transparent;
            border-radius: 50%;
            border: 1px solid #3e4044;
            cursor: pointer;
            color: #fff;
            font-size: 18px;
            transition: all .3s ease
        }

        .nav-svg-wrap {
            flex-shrink: 0;
            width: 18px;
            height: 18px;
            position: relative;
            border-radius: 50%;
            display: grid;
            place-items: center;
            overflow: hidden
        }

        .arrow-real,
        .arrow-copy {
            position: absolute;
            transition: transform .3s ease-in-out
        }

        .arrow-btn.prev-btn .arrow-real,
        .arrow-btn.next-btn .arrow-real {
            transform: translateX(0)
        }

        .arrow-btn.prev-btn .arrow-copy {
            transform: translateX(150%)
        }

        .arrow-btn.next-btn .arrow-copy {
            transform: translateX(-150%)
        }

        .arrow-btn.prev-btn:hover .arrow-real {
            transform: translateX(-150%)
        }

        .arrow-btn.prev-btn:hover .arrow-copy {
            transform: translateX(0);
            transition-delay: .1s
        }

        .arrow-btn.next-btn:hover .arrow-real {
            transform: translateX(150%)
        }

        .arrow-btn.next-btn:hover .arrow-copy {
            transform: translateX(0);
            transition-delay: .1s
        }

        .testimonial-section {
            display: flex;
            background-color: var(--color-bg-dark);
            border: 1px solid #252525;
            border-radius: 16px;
            color: var(--color-text-white);
            overflow: hidden
        }

        .testimonial-rating {
            flex: 0 0 382px
        }

        .rating-header {
            background: #fbfadc;
            text-align: center;
            padding: 36px;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: space-between
        }

        .rating-header.goodfirm {
            background-color: #fff
        }

        .stars {
            font-size: 2rem;
            color: #f7c94f;
            gap: 4px
        }

        .review-count {
            margin: 0
        }

        .testimonial-logo {
            margin: 0 auto 0
        }

        .rating-header {
            display: flex;
            flex-direction: column;
            height: 100%
        }

        .testimonial-card {
            flex: 1;
            background-color: #0b0b0c;
            padding: 32px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 52px;
            height: 100%
        }

        .testimonial-section .owl-item,
        .testimonial-section .item {
            min-height: 488px !important;
            display: flex;
            flex-direction: column;
            height: 100%
        }

        .owl-carousel .testimonial-card img {
            width: auto !important
        }

        .card-line {
            border-left: 1px solid #252525
        }

        .testimonial-header {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 36px
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 1.5rem
        }

        .author-img {
            max-width: 64px;
            border-radius: 16px
        }

        .author-about {
            width: calc(100% - 64px)
        }

        .author-name {
            font-weight: 600
        }

        .author-title {
            line-height: 1.6;
            font-weight: 400
        }

        .absolute-center {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 2;
            width: 100%;
            display: flex;
            justify-content: space-between
        }

        .wht-slider-nav button {
            position: relative;
            border-radius: 50%;
            border: 1px solid #ececec;
            background: #fff;
            box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, .2)
        }

        .blue-bg-section {
            background: #1162fa;
            position: relative;
            overflow: hidden
        }

        #glaze {
            position: absolute;
            top: 0
        }

        .partner-card {
            padding: 32px;
            border-radius: 24px;
            background-color: #fff;
            gap: 60px
        }

        .partner-card figure {
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .partner-card img {
            max-width: 100%
        }

        .marquee-grid {
            overflow: hidden
        }

        .marquee-partership {
            position: relative;
            width: 100vw;
            height: 250px;
            max-width: 100%;
            display: flex;
            align-items: center;
            padding: 0
        }

        .track-partership {
            position: absolute;
            white-space: nowrap;
            will-change: transform;
            animation: marquee-partnership 70s linear infinite
        }

        .track-partership2 {
            position: absolute;
            white-space: nowrap;
            will-change: transform;
            animation: marquee-partnership2 70s linear infinite
        }

        @keyframes marquee-partnership {
            from {
                transform: translateX(-50%)
            }

            to {
                transform: translateX(0)
            }
        }

        @keyframes marquee-partnership2 {
            from {
                transform: translateX(0)
            }

            to {
                transform: translateX(-50%)
            }
        }

        .marquee-card {
            padding: 32px;
            border-radius: 24px;
            border: .996px solid #3e3e3d;
            background: #191918;
            width: 246px;
            height: 250px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between
        }

        .content-partership,
        .content-partership2 {
            display: flex;
            align-items: center;
            gap: 24px
        }

        .content-partership figure,
        .content-partership2 figure {
            display: flex;
            height: 100px;
            align-items: center;
            justify-content: center
        }

        .content-partership figure img,
        .content-partership2 figure img {
            max-width: 100%;
            object-fit: contain
        }

        @media (max-width: 1550px) {
            .marquee-card {
                padding: 24px;
                width: 193px;
                height: 196px;
                border-radius: 18px
            }

            .content-partership figure img,
            .content-partership2 figure img {
                transform: scale(.8)
            }

            .marquee-partership {
                height: 200px
            }
        }

        @media (max-width: 1366px) {
            .marquee-card {
                padding: 21px;
                width: 164px;
                height: 166px;
                border-radius: 16px
            }

            .content-partership,
            .content-partership2 {
                display: flex;
                align-items: center;
                gap: 16px
            }

            .marquee-partership {
                height: 166px
            }

            .content-partership figure img,
            .content-partership2 figure img {
                transform: scale(.7)
            }

            .marquee-grid.gap24 {
                gap: 12px;
                margin-top: 24px
            }
        }

        @media (max-width: 767px) {
            .grid-col3 {
                grid-template-columns: repeat(2, 1fr);
                gap: 16px
            }

            .partner-card {
                padding: 24px;
                gap: 28px
            }

            .marquee-card {
                width: 140px;
                height: 135px;
                padding: 16px;
                border-radius: 12px
            }

            .marquee-partership {
                height: 135px
            }

            .content-partership,
            .content-partership2,
            .marquee-partership .gap24 {
                gap: 12px
            }

            .content-partership figure img,
            .content-partership2 figure img {
                transform: scale(.7)
            }

            .marquee-card .fs-para {
                font-size: 12px;
                white-space: normal;
                text-align: center
            }

            .content-partership figure,
            .content-partership2 figure {
                height: 60px
            }
        }

        .tab-rows {
            gap: 12px
        }

        .tab-row {
            display: flex;
            flex-wrap: wrap;
            gap: 12px
        }

        .tab.toggle-extra {
            text-decoration: underline
        }

        .tab.toggle-extra:hover {
            color: #fff
        }

        .tab {
            color: #888886;
            border-radius: 32px;
            background-color: #191918;
            border: none;
            padding: 16px 24px;
            cursor: pointer;
            font-family: "Plus Jakarta Sans", sans-serif;
            transition: background-color .3s ease
        }

        .tab.active {
            background-color: #fff;
            color: var(--color-text-black)
        }

        .hidden {
            display: none
        }

        .tab-content {
            display: none
        }

        .tab-content.active {
            display: block
        }

        .tech-card {
            padding: 24px;
            border-radius: 16px;
            background-color: #fff
        }

        .tech-card figure {
            height: 55px;
            display: flex;
            align-items: center
        }

        .tech-card img {
            max-width: 100px;
            margin: 0
        }

        @media (max-width: 1728px) {
            .tab {
                padding: 12px 18px
            }
        }

        @media (max-width: 1550px) {
            .tab-row {
                gap: 10px
            }

            .tech-card {
                padding: 18px;
                border-radius: 12px
            }

            .tech-card figure {
                height: 42px
            }

            .tech-card figure img {
                height: 100%
            }

            .grid-col6 {
                gap: 20px
            }
        }

        @media (max-width: 1366px) {
            .tab-row {
                gap: 8px
            }

            .tab {
                padding: 14px 18px;
                font-size: 12px
            }

            .grid-col6 {
                gap: 16px
            }

            .tech-card figure {
                height: 35px
            }

            .tech-card {
                padding: 16px;
                border-radius: 10px
            }
        }

        @media (max-width: 767px) {
            .grid-col6 {
                grid-template-columns: repeat(2, 1fr);
                gap: 12px
            }

            .tab-row {
                flex-wrap: nowrap;
                white-space: nowrap;
                overflow-x: scroll;
                padding-bottom: 6px
            }

            .tab-row::-webkit-scrollbar {
                height: 5px
            }

            .tab-row::-webkit-scrollbar-track {
                background: 0 0
            }

            .tab-row::-webkit-scrollbar-thumb {
                background: #f2f2f2;
                border-radius: 10px
            }

            .tech-stack-wrapper .tab-rows {
                display: none
            }

            .tech-card figure {
                height: 35px;
                max-width: 90px
            }

            .tech-stack-wrapper .fs-para {
                font-size: 12px
            }

            .accordion-noicon .tab-accordion-header {
                padding-left: 0
            }

            .tech-stack-mobile-bg {
                background: linear-gradient(180deg, var(--Neutral-NB1000, #000) 0%, var(--Primary-NB500, #1163fb) 100%)
            }

            .tab-content-inner {
                border-bottom: 1px solid rgba(255, 255, 255, .2)
            }

            .active .tab-accordion-header.tab-accordion-common-header {
                border-bottom: 0
            }
        }

        .text-swapper-section {
            position: relative
        }

        .text-swap-section {
            position: relative;
            overflow: hidden
        }

        .relative-wrapper {
            position: relative
        }

        .text-swapper-inner {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            padding-left: 150px
        }

        .number-strip {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 250px;
            width: 40%;
            padding-top: 60px
        }

        .number-item {
            font-size: 200px;
            font-style: italic;
            line-height: normal;
            color: #373737;
            transition: color .3s ease, transform .3s ease
        }

        .number-item.current {
            color: #fff
        }

        .text-swapper {
            width: 40%;
            height: auto;
            min-height: 60vh;
            padding-top: 100px;
            position: relative;
            display: flex
        }

        .text-label {
            display: inline;
            position: relative;
            margin-left: 76px
        }

        .text-label:before {
            position: absolute;
            content: "";
            background-color: #fff;
            width: 52px;
            height: 1px;
            top: 50%;
            left: -76px;
            transform: translateY(-50%)
        }

        .text-label span {
            border-bottom: 1px solid #fff
        }

        .text-label:hover span {
            border-bottom: 1px solid var(--color-bg-dark)
        }

        .text-panel {
            position: absolute;
            opacity: 0;
            z-index: 1
        }

        .text-panel.active {
            opacity: 1;
            z-index: 2
        }

        .timeline-wrapper {
            position: relative;
            margin: 100px 100px 0
        }

        .timeline-line {
            position: absolute;
            left: 50%;
            top: 16px;
            width: 6px;
            height: 0;
            background: #252525;
            transform: translateX(-50%);
            z-index: 2
        }

        .timeline-line-progress {
            position: absolute;
            left: 50%;
            top: 0;
            width: 6px;
            height: 0;
            background: #1163fb;
            border-radius: 12px;
            transform: translateX(-50%);
            z-index: 3
        }

        .timeline-item {
            position: relative;
            display: flex;
            align-items: flex-start
        }

        .timeline-dot {
            position: absolute;
            left: 50%;
            top: 0;
            width: 32px;
            height: 32px;
            background: #252525;
            border-radius: 50%;
            transform: translateX(-50%) !important;
            z-index: 3;
            transition: background-color .3s ease, transform .3s ease
        }

        .timeline-item.active .timeline-dot {
            background-color: #1163fb;
            transform: scale(1.2)
        }

        .timeline-dot.active {
            background-color: #1163fb
        }

        .timeline-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 350px;
            width: 100%
        }

        .phase-title {
            font-size: 2rem;
            font-weight: 600;
            color: #1f2937;
            margin-bottom: 12px;
            line-height: 1.3
        }

        .heading-section {
            max-width: 500px
        }

        .actions {
            margin: 39px 0
        }

        .actions ul li:nth-child(1) {
            margin-top: 12px
        }

        .section-content {
            color: #4b5563;
            font-size: 1rem
        }

        .content-section {
            padding-bottom: 274px
        }

        .timeline-item:last-child .content-section {
            padding-bottom: 0
        }

        .content-section .fs-base {
            margin-top: 0
        }

        .actions ul {
            margin-left: 5px
        }

        .actions li {
            position: relative;
            padding-left: 18px;
            margin-bottom: 6px
        }

        .actions li:before {
            content: '•';
            position: absolute;
            left: 0;
            color: #111;
            font-size: 16px
        }

        .pricing-form-bg {
            background-color: #16303a;
            overflow: hidden
        }

        #pattern {
            position: absolute;
            top: 0;
            width: 100%
        }

        @media (max-width: 1550px) {
            .heading-section {
                max-width: 400px
            }

            .timeline-dot {
                width: 25px;
                height: 25px
            }

            .timeline-line,
            .timeline-line-progress {
                width: 5px
            }

            .content-section {
                padding-bottom: 175px
            }

            .timeline-wrapper {
                margin: 70px 60px 0
            }
        }

        @media (max-width: 1366px) {
            .timeline-content {
                gap: 250px
            }

            .content-section {
                padding-bottom: 80px
            }

            .timeline-dot {
                width: 21px;
                height: 21px
            }

            .timeline-line,
            .timeline-line-progress {
                width: 4px
            }

            .content-section {
                padding-bottom: 150px
            }
        }

        @media (max-width: 767px) {
            .content-section {
                padding-bottom: 40px
            }

            .timeline-item {
                flex-direction: column;
                min-height: auto;
                padding-left: 24px
            }

            .timeline-content {
                grid-template-columns: 1fr;
                gap: 0
            }

            .timeline-item .title-h3 {
                font-size: 18px;
                margin-bottom: 12px
            }

            .content-section .fs-para {
                font-size: 12px
            }

            .timeline-dot {
                left: 6px;
                width: 10px;
                height: 10px;
                top: 6px;
                translate: none
            }

            .timeline-line,
            .timeline-line-progress {
                left: 6px;
                width: 2px;
                translate: none
            }

            .timeline-line-progress {
                top: 10px
            }

            .timeline-line {
                top: 8px
            }

            .actions {
                margin: 24px 0
            }

            .timeline-wrapper {
                margin: 24px 0 0
            }

            .heading-section {
                max-width: 100%;
                margin-bottom: 12px
            }

            .actions li,
            .content-section .fs-base,
            .action-item span {
                font-size: 12px
            }
        }

        .portfolio-section {
            background: linear-gradient(180deg, #000 0%, #191918 100%)
        }

        .portfolio-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px
        }

        .title-wrapper .title-h4 {
            margin-bottom: 0
        }

        .col-image-panel img {
            max-width: 100%;
            border-radius: 24px;
            width: 100%;
            aspect-ratio: 1/1;
            overflow: hidden
        }

        .port-content-box,
        .col-img-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            border-radius: 1.5rem;
            border: 2px solid #121212;
            background: linear-gradient(180deg, #181818 0%, #0e0e0e 100%);
            overflow: hidden
        }

        .port-content-box {
            padding: 3rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .col-numbers {
            gap: 4px
        }

        .col-num {
            display: flex;
            width: 60px;
            height: 60px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 50%
        }

        .active-col {
            border: 1px solid #fff;
            color: #fff
        }

        .total-col {
            border: 1px solid #434343;
            color: #434343
        }

        .case-content .fs-para {
            margin: 0
        }

        ul.common-list-wht {
            margin-left: 10px
        }

        .common-list-wht li {
            position: relative;
            padding-left: 20px
        }

        .common-list-wht li:before {
            position: absolute;
            content: "";
            background-color: #fff;
            border-radius: 50%;
            width: 6px;
            height: 6px;
            left: 0;
            top: 8px
        }

        .case-item {
            gap: 12px;
            display: flex;
            flex-direction: column
        }

        .about-project-inner {
            display: flex;
            flex-direction: column;
            gap: 36px
        }

        .fadeOut {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut
        }

        @-webkit-keyframes fadeOut {
            0% {
                opacity: 0
            }

            100% {
                opacity: 0
            }
        }

        @keyframes fadeOut {
            0% {
                opacity: 0
            }

            100% {
                opacity: 0
            }
        }

        .reveal-bottom {
            position: relative;
            width: 100%;
            height: 100%;
            max-width: 100%;
            overflow: hidden;
            visibility: hidden;
            clip-path: inset(100% 0 0 0);
            transition: clip-path .5s ease-in-out, visibility 0s linear .5s
        }

        .reveal-bottom img {
            transition: transform .5s ease-out
        }

        .owl-item.active .reveal-bottom {
            clip-path: inset(0 0 0 0);
            visibility: visible;
            transition: clip-path .5s ease-in-out, visibility 0s
        }

        .owl-item.active .reveal-bottom img {
            transform: scale(1)
        }

        .portfolio-tab-mobile {
            width: 100%
        }

        .tab-header ul {
            display: flex;
            justify-content: flex-start;
            gap: 16px;
            padding: 0;
            margin: 0;
            list-style: none;
            border-bottom: 1px solid #888886
        }

        .tab-header .tab-item {
            margin: 0;
            padding: 0;
            background-color: transparent
        }

        .tab-header .tab-item button {
            background: 0 0;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 4px 8px;
            font-size: 12px;
            font-weight: 600;
            color: #888886;
            transition: all .3s ease;
            white-space: nowrap;
            position: relative
        }

        .tab-header .tab-item button:before {
            position: absolute;
            content: "";
            background-color: #fff;
            height: 1px;
            width: 100%;
            left: 0;
            bottom: 0;
            opacity: 0
        }

        .tab-header .tab-item.active button:before {
            opacity: 1
        }

        .tab-header .tab-item.active button {
            color: #fff
        }

        .portfolio-grid .tab-header .tab-item.active {
            color: #fff;
            background-color: transparent
        }

        .portfolio-grid .tab-header .tab-item {
            border: none
        }

        .tab-header ul {
            flex-wrap: wrap
        }

        .portfolio-grid .tab-content {
            display: block
        }

        @media (max-width: 1899px) {
            .port-content-box {
                padding: 2rem 5rem
            }

            .port-content-box .title-h4 {
                margin-bottom: 12px
            }

            .about-project-inner {
                gap: 24px
            }

            .title-h4 {
                font-size: var(--fs-lg)
            }
        }

        @media (max-width: 1728px) {
            .case-content-header.gap64 {
                gap: 44px
            }

            .title-wrapper .subtitle {
                font-size: 22px
            }
        }

        @media (max-width: 1550px) {
            .case-icon img {
                max-width: 24px
            }

            .port-content-box {
                padding: 36px
            }

            .case-content-header.gap64 {
                gap: 50px
            }

            .col-num {
                width: 48px;
                height: 48px
            }

            .title-wrapper .subtitle {
                font-size: 18px
            }

            .col-image-panel img,
            .port-content-box {
                border-radius: 18px
            }
        }

        @media (max-width: 1366px) {
            .case-content-header.gap64 {
                gap: 42px
            }

            .about-project-inner {
                gap: 24px
            }

            .case-item {
                gap: 6px
            }

            .port-content-box {
                padding: 32px;
                gap: 14px
            }

            .case-icon {
                display: flex;
                align-items: center
            }

            .case-icon img {
                max-width: 18px
            }

            .case-item .fs-md {
                font-size: 16px
            }

            .case-item .fs-para {
                font-size: 11px
            }

            .col-num {
                width: 40px;
                height: 40px
            }

            .common-list-wht li:before {
                width: 4px;
                height: 4px;
                top: 6px
            }

            .common-list-wht li {
                padding-left: 14px
            }

            .title-wrapper .subtitle {
                font-size: 16px
            }

            .col-image-panel img,
            .port-content-box {
                border-radius: 16px
            }
        }

        @media (max-width: 767px) {
            .portfolio-grid {
                grid-template-columns: repeat(1, 1fr)
            }

            .port-content-box {
                padding: 2rem 15px;
                gap: 14px
            }

            .gap64 {
                gap: 24px
            }

            .col-num {
                width: 32px;
                height: 32px;
                font-size: 10px
            }

            .col-content-footer {
                margin-top: 20px
            }

            .col-content {
                padding: 0 15px
            }

            .col-img {
                padding: 0
            }

            .col-content {
                padding: 0;
                margin-bottom: 0;
                order: 2
            }

            .col-portfolio-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 1.5rem
            }

            .col-numbers {
                display: none
            }

            .portfolio-tab-mobile {
                margin-bottom: 32px
            }

            .portfolio-grid .tab-content {
                display: none
            }

            .portfolio-grid .tab-content.active {
                display: block
            }

            .case-item .fs-md {
                font-size: 14px;
                text-transform: uppercase
            }

            .case-item>.gap12 {
                gap: 8px
            }

            .portfolio-grid .case-icon img {
                width: 18px
            }

            .port-content-box {
                padding: 16px;
                gap: 14px;
                background: linear-gradient(180deg, #252525 0%, #191918 100%)
            }

            .port-content-box,
            .col-img-wrapper,
            .col-image-panel img {
                border-radius: 12px
            }

            .case-content-header.gap64 {
                gap: 32px
            }

            .gap64 {
                gap: 32px
            }

            .col-num {
                width: 32px;
                height: 32px;
                font-size: 10px
            }

            .col-content-footer {
                margin-top: 0
            }

            .col-content {
                padding: 0 15px
            }

            .col-img {
                padding: 0
            }

            .col-content {
                padding: 0;
                margin-bottom: 0;
                order: 2;
                min-height: 384px
            }

            .col-portfolio-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 1.5rem
            }

            .title-wrapper .subtitle {
                font-size: 12px;
                padding-top: 6px
            }

            .about-project {
                min-height: 130px
            }
        }

        #image-slider.owl-carousel .owl-item img {
            width: auto !important;
            transition: all .5s ease-out
        }

        #image-slider {
            height: 32.8125rem
        }

        #image-slider.owl-carousel .owl-item {
            height: 20rem;
            transition: opacity .5s, height .8s cubic-bezier(.439, .007, .006, 1.007);
            padding: 0 10px;
            opacity: .8;
            pointer-events: none
        }

        #image-slider.owl-carousel .owl-item.rest-item .logo_sc {
            opacity: .4
        }

        #image-slider.owl-carousel .owl-item.prev-item,
        #image-slider.owl-carousel .owl-item.next-item,
        #image-slider.owl-carousel .owl-item.current-item+.owl-item {
            height: 26.25rem;
            opacity: 1;
            pointer-events: all
        }

        #image-slider.owl-carousel .owl-item.active.center {
            height: 32.8125rem;
            opacity: 1;
            pointer-events: all
        }

        #image-slider.owl-carousel .owl-item.active.center .logo_sc {
            transform: scale(.8) translateY(-70px) !important
        }

        #image-slider.owl-carousel .owl-item.active.center .award_slider_box .award_title {
            transform: translateY(-40px)
        }

        #image-slider.owl-carousel .owl-item.rest-item .award_slider_box_main.active .award_slider_box .award_title {
            transform: translateY(200px)
        }

        .award_clr {
            color: #1163fb;
            font-weight: 800
        }

        #image-slider.owl-carousel .item {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative
        }

        #image-slider.owl-carousel .owl-item .item,
        #image-slider.owl-carousel .owl-item .item .award_slider_box_main,
        #image-slider.owl-carousel .owl-item .item .award_slider_box_main .award_slider_box {
            height: 100%
        }

        .award_slider_box_main {
            background: linear-gradient(to bottom, rgba(18, 18, 18, 1) 0%, rgba(28, 27, 27, 1) 100%);
            padding: 2px;
            border-radius: 24px;
            overflow: hidden;
            color: #fff;
            width: 100%
        }

        .award_slider_box {
            background: linear-gradient(to bottom, rgba(24, 24, 24, 1) 0%, rgba(14, 14, 14, 1) 100%);
            padding: 25px;
            border-radius: 24px;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .award_slider_box_top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%
        }

        .btn_rd .btn_rd_btn {
            background: #2e2e2e;
            width: 64px;
            height: 64px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            border: 0;
            flex-direction: column;
            transition: all .5s ease-out;
            cursor: pointer
        }

        .btn_rd .btn_rd_btn span {
            background: #fff;
            width: 16px;
            height: 2px;
            top: -2px;
            position: relative
        }

        .btn_rd .btn_rd_btn span:first-child {
            transform: rotate(90deg) translateX(2.5px)
        }

        .award_title {
            text-align: center;
            transform: translateY(200px)
        }

        .award_slider_box .logo_sc {
            margin: 0 auto;
            display: flex;
            justify-content: center;
            position: relative;
            padding: 0 95px;
            width: 100%;
            transition: all .5s cubic-bezier(0, 0 0, .95)
        }

        .award_slider_box .logo_sc:after,
        .award_slider_box .logo_sc:before {
            content: '';
            position: absolute;
            top: 50%;
            width: 82px;
            height: 150px;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

        #image-slider.owl-carousel .owl-stage {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 32.8125rem
        }

        .award_slider_box .logo_sc {
            transform: scale(1);
            transition: all .5s cubic-bezier(0, 0, 0, .95)
        }

        #image-slider.owl-carousel .owl-item.prev-item .award_slider_box .logo_sc:after,
        #image-slider.owl-carousel .owl-item.next-item .award_slider_box .logo_sc:after,
        #image-slider.owl-carousel .owl-item.current-item .award_slider_box .logo_sc:after,
        #image-slider.owl-carousel .owl-item.current-item+.owl-item .award_slider_box .logo_sc:after {
            right: 0;
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/leef-right.svg) no-repeat center center
        }

        #image-slider.owl-carousel .owl-item.prev-item .award_slider_box .logo_sc:before,
        #image-slider.owl-carousel .owl-item.next-item .award_slider_box .logo_sc:before,
        #image-slider.owl-carousel .owl-item.current-item .award_slider_box .logo_sc:before,
        #image-slider.owl-carousel .owl-item.current-item+.owl-item .award_slider_box .logo_sc:before {
            left: 0;
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/leef-left.svg) no-repeat center center
        }

        #image-slider.owl-carousel .owl-item.active.center .award_slider_box .logo_sc {
            transform: scale(1);
            padding: 0 70px
        }

        .award_slider_box_main.active .award_slider_box .logo_sc {
            transform: scale(.8) translateY(-70px) !important
        }

        .yr,
        .btn_rd {
            opacity: 0
        }

        .current-item+.owl-item .yr,
        .current-item .yr,
        .current-item+.owl-item .btn_rd,
        .current-item .btn_rd,
        .prev-item .yr,
        .prev-item .btn_rd {
            opacity: 1
        }

        .award_slider_box_main.active .award_slider_box .award_title {
            transform: translateY(-40px)
        }

        .award_slider_box_main.active .btn_rd .btn_rd_btn {
            transform: rotate(45deg)
        }

        .recogproud_inner .recogproud_head {
            margin-bottom: 48px
        }

        .recogproud_sliderwrap .recogproudlist {
            min-height: 101px;
            text-align: center;
            display: flex;
            flex-direction: column;
            padding: 66px 100px
        }

        .recogproud_sliderwrap {
            margin: 0 100px
        }

        .recogproud_sliderwrap .recogproudlist:before {
            content: "";
            background-image: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/tree-img-left-new.svg);
            background-repeat: no-repeat;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            width: 55px;
            height: 101px
        }

        .recogproud_sliderwrap .recogproudlist:after {
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 0;
            width: 55px;
            height: 101px;
            background-image: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/tree-img-right-new.svg);
            background-repeat: no-repeat
        }

        #custom-cursor {
            position: fixed;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .2);
            pointer-events: none;
            z-index: 9999;
            display: none;
            transform: translate(-50%, -50%)
        }

        #drag-box {
            position: fixed;
            padding: 4px 10px;
            background: #222;
            color: #fff;
            border-radius: 6px;
            font-size: 12px;
            pointer-events: none;
            z-index: 10000;
            display: none;
            white-space: nowrap;
            transform: translate(0%, 110%);
            opacity: .9;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: all .3s ease-out
        }

        .recogproud_sliderwrap .recogproudlist img {
            max-width: 100%
        }

        .add input[type=file] {
            background: rgba(0, 0, 0, 0);
            height: 100%;
            left: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            position: absolute;
            top: 0;
            width: 100%;
            cursor: pointer;
            z-index: 2
        }

        .contact-grid .crosss {
            position: absolute;
            right: 30px;
            top: 20px;
            background: #fe5164;
            width: 50px;
            height: 50px;
            transition: all .3s ease-in;
            -webkit-transition: all .3s ease-in;
            border-radius: 6px;
            display: none
        }

        #doc-upload {
            position: absolute;
            opacity: 0;
            width: 100%;
            height: 100%;
            cursor: pointer
        }

        .attach-doc-label.hidden {
            display: none !important
        }

        .floating-input-label.attach-doc-label {
            top: 3px
        }

        .file-info {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-right: 30px;
            width: 100%
        }

        .file-name {
            flex-grow: 1;
            text-align: left;
            font-size: 16px;
            color: #888886;
            font-weight: 500;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            line-clamp: 1;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical
        }

        .contact_number .iti__country-list {
            max-width: 320px
        }

        .remove-btn {
            margin-left: 10px;
            flex-shrink: 0;
            background: #cdcfd2;
            border: none;
            font-size: 16px;
            cursor: pointer
        }

        .formloader {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 5;
            background: hsla(0, 0%, 100%, .8);
            top: 0;
            display: none;
            padding: 0 20px
        }

        .appi-cta.btn-effect {
            position: relative
        }

        #image-slider.owl-carousel .owl-item.active.center .btn_rd {
            opacity: 0
        }

        @media (max-width: 1550px) {
            .recogproud_sliderwrap {
                margin: 0
            }

            .recogproudlist .fs-md {
                margin-bottom: 12px
            }

            .recogproud_sliderwrap .recogproudlist:after {
                right: 20px
            }

            .recogproud_sliderwrap .recogproudlist:before {
                left: 20px
            }

            #image-slider.owl-carousel .owl-item {
                height: 300px
            }

            #image-slider.owl-carousel .owl-item.active.center,
            #image-slider {
                height: 413px
            }

            #image-slider.owl-carousel .owl-item.prev-item,
            #image-slider.owl-carousel .owl-item.next-item,
            #image-slider.owl-carousel .owl-item.current-item+.owl-item {
                height: 330px
            }

            #image-slider.owl-carousel .owl-stage {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 413px
            }

            #image-slider.owl-carousel .owl-item img,
            #image-slider .owl-item.rest-item .logo_sc img,
            #image-slider.owl-carousel .owl-item.current-item img,
            #image-slider.owl-carousel .owl-item.current-item .deloitte-award-logo img {
                width: auto !important;
                transform: scale(.9)
            }

            .award_slider_box .logo_sc:after,
            .award_slider_box .logo_sc:before {
                width: 64px;
                height: 118px
            }

            #image-slider.owl-carousel .owl-item.prev-item .award_slider_box .logo_sc:after,
            #image-slider.owl-carousel .owl-item.next-item .award_slider_box .logo_sc:after,
            #image-slider.owl-carousel .owl-item.current-item .award_slider_box .logo_sc:after,
            #image-slider.owl-carousel .owl-item.current-item+.owl-item .award_slider_box .logo_sc:after {
                background-size: 64px;
                right: 0
            }

            #image-slider.owl-carousel .owl-item.prev-item .award_slider_box .logo_sc:before,
            #image-slider.owl-carousel .owl-item.next-item .award_slider_box .logo_sc:before,
            #image-slider.owl-carousel .owl-item.current-item .award_slider_box .logo_sc:before,
            #image-slider.owl-carousel .owl-item.current-item+.owl-item .award_slider_box .logo_sc:before {
                background-size: 64px;
                left: 0
            }

            .award_slider_box {
                padding: 18px;
                border-radius: 18px
            }

            .award_slider_box_main {
                border-radius: 18px
            }

            .award_slider_box {
                padding: 18px;
                border-radius: 18px
            }

            .btn_rd .btn_rd_btn {
                width: 50px;
                height: 50px
            }

            #image-slider.owl-carousel .owl-item {
                padding: 0 9px
            }

            .common-carousel-nav button {
                width: 75px;
                height: 75px
            }

            .recogproud_sliderwrap .recogproudlist {
                padding: 66px 50px
            }
        }

        @media (max-width: 1440px) {
            #image-slider.owl-carousel .owl-item img {
                transform: scale(.8)
            }
        }

        @media (max-width: 1366px) {

            #image-slider.owl-carousel .owl-item.active.center,
            #image-slider,
            #image-slider.owl-carousel .owl-stage {
                height: 350px
            }

            #image-slider.owl-carousel .owl-item.prev-item,
            #image-slider.owl-carousel .owl-item.next-item,
            #image-slider.owl-carousel .owl-item.current-item+.owl-item {
                height: 280px
            }

            #image-slider.owl-carousel .owl-item {
                height: 253px
            }

            #image-slider.owl-carousel .owl-item.prev-item .award_slider_box .logo_sc:after,
            #image-slider.owl-carousel .owl-item.next-item .award_slider_box .logo_sc:after,
            #image-slider.owl-carousel .owl-item.current-item .award_slider_box .logo_sc:after,
            #image-slider.owl-carousel .owl-item.current-item+.owl-item .award_slider_box .logo_sc:after {
                background-size: 55px;
                right: -6px
            }

            #image-slider.owl-carousel .owl-item.prev-item .award_slider_box .logo_sc:before,
            #image-slider.owl-carousel .owl-item.next-item .award_slider_box .logo_sc:before,
            #image-slider.owl-carousel .owl-item.current-item .award_slider_box .logo_sc:before,
            #image-slider.owl-carousel .owl-item.current-item+.owl-item .award_slider_box .logo_sc:before {
                background-size: 55px;
                left: -6px
            }

            .award_slider_box .logo_sc:after,
            .award_slider_box .logo_sc:before {
                width: 55px;
                height: 100px
            }

            #image-slider .owl-item.rest-item .logo_sc img {
                margin-top: -15px
            }

            #image-slider.owl-carousel .owl-item {
                padding: 0 8px
            }

            .award_slider_box {
                border-radius: 16px;
                padding: 16px
            }

            .award_slider_box_main {
                border-radius: 16px
            }

            #image-slider.owl-carousel .owl-item img,
            #image-slider .owl-item.rest-item .logo_sc img,
            #image-slider.owl-carousel .owl-item.current-item img,
            #image-slider.owl-carousel .owl-item.current-item .deloitte-award-logo img {
                width: auto !important;
                transform: scale(.8)
            }

            .btn_rd .btn_rd_btn {
                width: 42px;
                height: 42px
            }

            .btn_rd .btn_rd_btn span {
                width: 14px
            }
        }

        @media (max-width: 1024px) {
            #image-slider.owl-carousel .owl-item img {
                width: 100px
            }
        }

        @media (max-width: 767px) {
            .award-section {
                margin-top: -1px
            }

            #image-slider.owl-carousel .owl-item.active.center,
            #image-slider.owl-carousel .owl-stage,
            #image-slider {
                height: 23.8125rem;
                padding: 0
            }

            .yr {
                font-size: 14px
            }

            .btn_rd .btn_rd_btn span:first-child {
                transform: rotate(90deg) translateX(2px)
            }

            .btn_rd .btn_rd_btn {
                width: 40px;
                height: 40px
            }

            #image-slider.owl-carousel .owl-item.active.center,
            #image-slider.owl-carousel .owl-stage,
            #image-slider {
                height: 21rem
            }

            #image-slider.owl-carousel .owl-item.prev-item,
            #image-slider.owl-carousel .owl-item.next-item,
            #image-slider.owl-carousel .owl-item.current-item+.owl-item {
                height: 18rem
            }

            .award_slider_box_main.active .award_slider_box .award_title {
                transform: translateY(-20px);
                font-size: 14px
            }

            .award_slider_box .logo_sc:after,
            .award_slider_box .logo_sc:before {
                width: 60px;
                height: 110px
            }

            #image-slider.owl-carousel .owl-item.prev-item .award_slider_box .logo_sc:before,
            #image-slider.owl-carousel .owl-item.next-item .award_slider_box .logo_sc:before,
            #image-slider.owl-carousel .owl-item.current-item .award_slider_box .logo_sc:before,
            #image-slider.owl-carousel .owl-item.current-item+.owl-item .award_slider_box .logo_sc:before,
            #image-slider.owl-carousel .owl-item.prev-item .award_slider_box .logo_sc:after,
            #image-slider.owl-carousel .owl-item.next-item .award_slider_box .logo_sc:after,
            #image-slider.owl-carousel .owl-item.current-item .award_slider_box .logo_sc:after,
            #image-slider.owl-carousel .owl-item.current-item+.owl-item .award_slider_box .logo_sc:after {
                background-size: 60px
            }

            .award_slider_box_main {
                border-radius: 12px
            }

            .award_slider_box {
                padding: 16px
            }

            .btn_rd .btn_rd_btn span {
                width: 13px;
                height: 2px
            }

            .award_slider_box_top {
                padding-bottom: 36px
            }

            #image-slider.owl-carousel .owl-item img,
            #image-slider .owl-item.rest-item .logo_sc img,
            #image-slider.owl-carousel .owl-item.current-item img,
            #image-slider.owl-carousel .owl-item.current-item .deloitte-award-logo img {
                width: auto !important;
                transform: scale(.7)
            }

            .award-section .head-gap {
                margin-top: 36px
            }

            .recognition_proud.head-gap {
                margin-top: 0
            }

            .recogproudlist .fs-para {
                font-size: 12px
            }

            .recogproud_sliderwrap .recogproudlist:before {
                left: 30px
            }

            .recogproud_sliderwrap .recogproudlist:after {
                right: 30px
            }

            .recogproud_sliderwrap .recogproudlist {
                padding: 56px 100px
            }
        }

        .sticky-section {
            position: relative
        }

        .sticky-item {
            width: 100%;
            background-color: var(--color-bg-dark)
        }

        .sticky-item-flex {
            display: flex;
            padding: 45px 0 65px;
            border-top: 1px solid #3e3e3d
        }

        .sticky-item-number {
            display: flex;
            min-width: 400px
        }

        .sticky-item-detail {
            border-left: 1px solid #3e3e3d;
            padding-left: 24px;
            max-width: 650px;
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 68px
        }

        .sticky-item-detail .fs-md {
            padding-top: 12px
        }

        .sticky-item-detail .fs-para {
            margin-bottom: 12px
        }

        @media (max-width: 1728px) {
            .sticky-item-detail {
                gap: 45px
            }

            .sticky-item-number {
                min-width: 320px
            }
        }

        @media (max-width: 1550px) {
            .sticky-item-number {
                min-width: 320px
            }

            .sticky-item-detail {
                max-width: 500px
            }

            .sticky-item-flex {
                padding: 24px 0
            }

            .sticky-item-detail {
                gap: 64px
            }
        }

        @media (max-width: 1440px) {
            .sticky-item-flex {
                padding: 25px 0
            }
        }

        @media (max-width: 1366px) {
            .sticky-item-detail {
                gap: 52px
            }

            .sticky-item-detail .subtitle {
                font-size: 16px
            }

            .sticky-item-number {
                min-width: 210px
            }
        }

        @media (max-width: 1280px) {
            .sticky-item-detail .subtitle {
                font-size: 14px
            }
        }

        @media (max-width: 767px) {
            .sticky-item-detail {
                gap: 24px;
                padding-left: 20px
            }

            .sticky-item-number {
                min-width: 36px
            }

            .sticky-item-detail .subtitle {
                font-size: 18px
            }

            .sticky-item-detail .subtitle+.subtitle {
                font-size: 14px;
                padding-bottom: 0
            }

            .sticky-section .head-gap {
                margin-top: 0
            }

            .sticky-item-flex {
                margin-top: 0;
                min-height: 250px
            }

            .sticky-item-detail {
                display: flex;
                flex-direction: column;
                justify-content: space-between
            }
        }

        .quote-form-panel {
            padding: 48px;
            border-radius: 24px;
            background: #fff
        }

        form.quote-form-inner {
            display: flex;
            flex-direction: column;
            gap: 48px
        }

        .question-step {
            display: inline-block;
            padding-right: 2px
        }

        .question-step-count {
            color: #000;
            text-align: center;
            line-height: 1px
        }

        .quote-question {
            color: #000;
            text-align: center;
            margin-bottom: 48px
        }

        .quote-option-grid {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 12px
        }

        .quote-option textarea {
            border-radius: 8px;
            border: 1px solid rgba(0, 0, 0, .1);
            padding: 16px;
            height: 200px;
            width: 100%;
            resize: none;
            font-size: 16px;
            font-family: var(--font-family-primary)
        }

        textarea:focus-visible {
            outline: none
        }

        .quote-option label {
            border-radius: 8px;
            border: 1px solid rgba(0, 0, 0, .1);
            cursor: pointer;
            padding: 12px;
            font-size: 16px;
            font-weight: 500;
            line-height: 147%;
            width: 100%;
            display: block;
            text-align: center
        }

        textarea::placeholder {
            color: #b3b3b3;
            opacity: 1
        }

        textarea::-webkit-input-placeholder {
            color: #b3b3b3;
            opacity: 1
        }

        textarea::-moz-placeholder {
            color: #b3b3b3;
            opacity: 1
        }

        textarea:-moz-placeholder {
            color: #b3b3b3;
            opacity: 1
        }

        textarea:-ms-input-placeholder {
            color: #b3b3b3;
            opacity: 1
        }

        .quote-option.active label {
            border: 1px solid #000
        }

        .quote-option label input[type=checkbox] {
            display: none
        }

        .quote-questions_controls {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .compliance-tabs {
            border-radius: 48px;
            background: #f0f0f0;
            padding: 8px;
            color: #000
        }

        .compliance-tabs .tab {
            width: 50%;
            background-color: transparent;
            border: none;
            padding: 12px
        }

        .compliance-tabs .tab.active {
            border-radius: 34px;
            background: #0f0f0f;
            color: #fff
        }

        .compliance-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 0;
            border-radius: 24px;
            background: #f0f0f0;
            padding: 8px
        }

        .compliance-item {
            perspective: 1200px
        }

        .compliance-card-inner {
            position: relative;
            width: 100%;
            height: 300px;
            text-align: center;
            transition: transform .8s;
            transform-style: preserve-3d;
            border-radius: 20px
        }

        .compliance-card-front {
            position: relative;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            border-radius: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 24px;
            gap: 24px;
            box-sizing: border-box
        }

        .compliance-card-front {
            background: #fff;
            border: 1px solid #e1e1e1
        }

        .compliance-card-front figure {
            height: 150px;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .compliance-card-front img {
            max-width: 100%
        }

        .compliance-card-front p {
            margin: 0;
            min-height: 60px
        }

        .compliance-card-back p {
            margin: 0
        }

        .compliance-cta {
            height: 300px;
            position: relative;
            grid-column: span 4;
            border-radius: 20px;
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/compliance-cta-bg-img1.webp) center center/cover no-repeat;
            background-position: center center;
            overflow: hidden
        }

        .industry-standard-cta {
            border-radius: 20px;
            background: #000;
            padding: 36px 18px
        }

        .industry-cta-content,
        .cta-text-inner {
            height: 100%
        }

        .cta-content-inner {
            padding: 36px;
            max-width: 700px;
            width: 100%
        }

        .compliance-cta .swap-text-button {
            margin-top: 30px
        }

        .cta-image {
            position: absolute;
            right: 0;
            top: -85px;
            width: 65%
        }

        .cta-image img {
            max-width: 100%
        }

        @media (max-width: 1728px) {
            .compliance-card-inner {
                position: relative;
                width: 100%;
                height: 260px
            }

            .compliance-cta {
                height: 260px
            }

            .compliance-card-front figure {
                height: 130px;
                max-width: 70px
            }
        }

        @media (max-width: 1550px) {

            .compliance-card-inner,
            .compliance-cta {
                height: 236px
            }

            .compliance-grid {
                padding: 7px;
                border-radius: 18px
            }

            .compliance-card-front {
                border-radius: 14px
            }

            .compliance-card-front figure {
                height: 120px;
                max-width: 70px
            }

            .compliance-card-front .hipaa-img {
                max-width: 110px
            }

            .compliance-card-front .nist-img {
                max-width: 90px
            }

            .compliance-card-front .fisma-img {
                max-width: 90px
            }

            .compliance-card-front .cobit-img {
                max-width: 100px
            }

            .compliance-card-front .acsc-img {
                max-width: 100px
            }

            .compliance-card-front .phipa-img {
                max-width: 100px
            }

            .compliance-card-back .fs-para {
                font-size: var(--fs-sm)
            }

            .compliance-card-front {
                padding: 18px
            }
        }

        @media (max-width: 1366px) {
            .compliance-grid {
                padding: 6px;
                border-radius: 16px
            }

            .compliance-card-front {
                border-radius: 12px
            }

            .compliance-card-inner,
            .compliance-cta {
                height: 200px
            }

            .industry-cta-content .fs-md {
                font-size: var(--fs-para)
            }

            .industry-cta-content .swap-text-button {
                padding: 15px 12px;
                text-align: center
            }

            .compliance-card-front,
            .compliance-card-back {
                padding: 16px
            }

            .compliance-card-front figure {
                height: 80px
            }

            .compliance-card-front img {
                transform: scale(.7)
            }

            .cta-content-inner {
                padding: 24px
            }

            .compliance-cta .swap-text-button {
                margin-top: 28px
            }
        }

        @media (max-width: 767px) {
            .compliance-tabs .tab {
                padding: 8px 15px
            }

            .compliance-grid {
                display: block
            }

            .compliance-card-front figure {
                height: 85px
            }

            .cta-text-inner {
                gap: 36px;
                align-items: flex-start
            }

            .cta-image {
                display: none
            }

            .cta-content .title-h3 {
                font-size: 18px;
                max-width: 90%
            }

            .compliance-card-back .fs-para {
                font-size: 11px
            }

            .cta-content-inner {
                padding: 24px 19px
            }

            .compliance-grid {
                background-color: transparent;
                display: grid;
                grid-template-columns: 1fr 1fr;
                padding: 0;
                border-radius: 12px;
                gap: 8px
            }

            .compliance-card-front,
            .compliance-card-back {
                padding: 20px 12px
            }

            .compliance-mobile-slider.owl-carousel .owl-item img {
                width: auto;
                transform: scale(.7)
            }

            .compliance-card-front {
                justify-content: flex-start
            }

            .compliance-card-front .fs-para {
                font-size: 10px;
                min-height: 65px
            }

            .compliance-card-front .blk-link-line {
                border-bottom: none
            }

            .compliance-cta {
                margin-top: 24px;
                border-radius: 12px;
                height: auto;
                background: linear-gradient(180deg, var(--Neutral-NB1000, #000) 0%, var(--Primary-NB500, #1163fb) 100%)
            }

            .cta-content .swap-text-button {
                width: auto
            }

            .cta-content .title-h4 {
                font-size: 18px;
                margin-bottom: 0
            }
        }

        .carousel-wrapper .btn-top-3 {
            margin-top: 30px
        }

        .appismart-cta-inner {
            border-radius: 24px;
            background: rgba(0, 0, 0, 0);
            border: 1px solid #7eb2fe47;
            backdrop-filter: blur(20px);
            padding: 48px 46px
        }

        .appi-smart-cta {
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/au-ecommerce-cta-bg.webp) no-repeat;
            background-size: cover;
            background-position: center
        }

        .appi-cta-left {
            width: 45%;
            padding-right: 80px
        }

        .appi-smart-cta3 .appi-cta-left {
            width: 65%;
            padding-right: 50px
        }

        .appi-smart-cta3 .appi-cta-right {
            width: 35%
        }

        .appi-cta-right {
            width: 55%
        }

        .cta-icon {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .2)
        }

        .appi-cta-grid2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr)
        }

        .appi-cta-grid3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr)
        }

        .appi-cta-card {
            border-radius: 12px;
            background: rgba(0, 0, 0, .2);
            backdrop-filter: blur(5px);
            padding: 24px
        }

        .appi-smart-cta .appi-cta-card {
            padding: 24px;
            min-height: 300px
        }

        .cta-check-card {
            padding: 16px;
            border-radius: 12px;
            background: #fff
        }

        .business-cta-section {
            position: relative;
            overflow: hidden;
            border-radius: 24px
        }

        .business-cta-section .appi-cta-left {
            background-image: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/engineer-software-cta-left.webp);
            background-size: cover;
            background-position: center;
            width: 50%;
            padding: 48px
        }

        .business-cta-section .appi-cta-right img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: middle;
            display: inline-block
        }

        .industry-demand-cta-section {
            position: relative;
            overflow: hidden;
            border-radius: 24px
        }

        .industry-demand-cta-section .appi-cta-left {
            background-image: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/modernize-cta-left.webp);
            background-size: cover;
            background-position: center;
            width: 50%;
            padding: 48px
        }

        .industry-demand-cta-section .appi-cta-right img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: middle;
            display: inline-block
        }

        @media (max-width: 1728px) {
            .appi-smart-cta2 .appi-cta-left {
                padding-right: 55px
            }

            .appi-smart-cta2 .appi-cta-right2 img {
                width: 560px
            }

            .appi-smart-cta3 .appi-cta-right3 img {
                max-width: 570px
            }
        }

        @media (max-width: 1550px) {
            .appi-cta-left {
                padding-right: 50px;
                gap: 50px
            }

            .appi-smart-cta .appi-cta-card {
                padding: 18px
            }

            .appismart-cta-inner {
                padding: 36px;
                border-radius: 18px
            }

            .cta-check-card {
                padding: 12px;
                border-radius: 10px;
                gap: 9px
            }

            .appi-smart-cta2 .appi-cta-right2 img {
                width: 450px
            }

            .appi-smart-cta .appi-cta-card .stat-count {
                margin-bottom: 0
            }

            .appi-smart-cta .appi-cta-card {
                border-radius: 10px
            }

            .cta-icon {
                width: 44px;
                height: 44px
            }

            .appi-cta-card .cta-icon img {
                width: 18px
            }

            .appi-smart-cta .appi-cta-card.gap48 {
                gap: 30px
            }

            .appi-smart-cta3 .appi-cta-right3 img {
                max-width: 465px
            }

            .cta-check-card {
                border-radius: 10px;
                gap: 9px
            }
        }

        @media (max-width: 1366px) {
            .appismart-cta-inner {
                padding: 32px;
                border-radius: 16px
            }

            .appi-smart-cta .appi-cta-card {
                min-height: 204px;
                padding: 16px
            }

            .appi-cta-left {
                padding-right: 42px;
                gap: 36px
            }

            .appi-cta-card .fs-base {
                font-size: 12px
            }

            .appi-smart-cta2 .appi-cta-left {
                padding-right: 32px
            }

            .gap24 {
                gap: 16px
            }

            .cta-check-card {
                padding: 10px;
                border-radius: 8px;
                gap: 8px
            }

            .cta-check-card img {
                width: 16px
            }

            .appi-cta-left .fs-para {
                font-size: 11px
            }

            .appi-cta-left .fs-base {
                font-size: 12px
            }

            .appi-smart-cta2 .appi-cta-right2 img {
                width: 380px
            }

            .appi-smart-cta .appi-cta-card {
                border-radius: 8px
            }

            .cta-icon {
                width: 37px;
                height: 37px
            }

            .appi-cta-card .cta-icon img {
                width: 16px
            }

            .appi-smart-cta3 .appi-cta-right3 img {
                max-width: 400px
            }

            .cta-check-card {
                padding: 8px;
                border-radius: 8px;
                gap: 6px
            }

            .appi-cta-grid2.gap24 {
                gap: 14px
            }
        }

        @media (max-width: 767px) {
            .appi-smart-cta {
                background-position: left
            }

            .appismart-cta-inner {
                padding: 28px 20px
            }

            .title-h3 {
                font-size: 22px
            }

            .appi-smart-cta .mobile-block {
                margin-top: 24px
            }

            .appi-smart-cta2 .appi-cta-left {
                width: 100%;
                padding: 0
            }

            .appi-smart-cta2 .appi-cta-right {
                width: 100%
            }

            .appi-smart-cta2 .appi-cta-right2 {
                position: relative;
                top: -24px;
                bottom: auto;
                right: 0;
                left: 0;
                margin-bottom: 0;
                width: 100%
            }

            .appi-smart-cta2 .appi-cta-right2 img {
                width: 100%
            }

            .appi-smart-cta .appismart-cta-inner {
                padding: 0;
                background-color: transparent;
                backdrop-filter: blur(0px);
                border: none
            }

            .appi-cta-grid3 {
                border-radius: 10px
            }

            .appi-smart-cta .appi-cta-card.gap48 {
                gap: 12px;
                padding: 8px
            }

            .appi-cta-card .fs-base {
                min-height: 58px
            }

            .cta-icon {
                width: 32px;
                height: 32px
            }

            .appi-cta-card .cta-icon img {
                width: 14px
            }

            .appi-smart-cta .appi-cta-card {
                min-height: auto;
                gap: 24px
            }

            .appi-cta-left {
                width: 100%;
                padding: 0
            }

            .appi-cta-right {
                width: 100%;
                margin-top: 24px
            }

            .appi-cta-card {
                border-left: 0
            }

            .appi-cta-left .fs-para {
                font-size: 14px
            }

            .appi-smart-cta3 .appi-cta-right3 {
                position: relative;
                right: auto;
                bottom: auto;
                top: -26px;
                margin: 0 auto
            }

            .appi-smart-cta3 .appi-cta-right3 img {
                max-width: 100%
            }

            .cta-btn-wrapper .swap-text-button {
                width: auto
            }

            .cta-check-card .fs-para {
                font-size: 12px
            }

            .appi-cta-grid2.gap24 {
                gap: 8px
            }

            .appi-smart-cta3 .appi-cta-left {
                width: 100%;
                padding-right: 0
            }

            .industry-demand-cta-section {
                border-radius: 12px;
                border: none
            }

            .industry-demand-cta-section .appi-cta-left {
                width: 100%;
                order: 2;
                padding: 24px;
                background-position: left
            }

            .industry-demand-cta-section .appi-cta-right {
                margin-top: 0
            }

            .business-cta-section {
                border-radius: 12px;
                border: none
            }

            .business-cta-section .appi-cta-left {
                width: 100%;
                order: 2;
                padding: 24px;
                background-position: left
            }

            .business-cta-section .appi-cta-right {
                margin-top: 0
            }

            .appi-cta-left .title-h3 {
                font-size: 18px
            }
        }

        .insight-section {
            border-radius: 24px;
            padding: 50px 0;
            border: 1px solid #3e3e3d;
            background: linear-gradient(180deg, #000 0%, #1163fb 100%)
        }

        .insight-section .tab {
            border-radius: 32px;
            padding: 16px 24px;
            border: 1px solid #888886;
            color: #888886;
            background-color: transparent;
            cursor: pointer
        }

        .insight-section .tab.active {
            color: var(--color-text-white);
            border: 1px solid var(--color-text-white);
            background-color: transparent
        }

        .card-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px
        }

        .insight-card {
            transition: transform .3s ease
        }

        .card-image {
            overflow: hidden;
            display: block;
            border-radius: 8px
        }

        .insight-card:hover img {
            transform: scale(1.05)
        }

        .card-image img {
            max-width: 100%;
            border-radius: 8px;
            display: block;
            transition: transform .3s ease
        }

        .card-text {
            padding: 24px 0;
            font-weight: 500;
            display: block
        }

        .accordion-item {
            border-bottom: 1px solid #3e3e3d
        }

        .accordion-item.active {
            border-bottom: 1px solid #fff
        }

        .accordion-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            gap: 24px;
            padding: 24px 0
        }

        .accordion-header h3 {
            margin: 0
        }

        .accordion-content {
            overflow: hidden;
            padding-bottom: 8px;
            display: none
        }

        .accordion-toggle {
            width: 24px;
            height: 20px;
            margin: 0;
            display: flex;
            align-items: center;
            transition: transform .3s ease
        }

        .active .accordion-toggle {
            transform: rotate(45deg)
        }

        .active .accordion-toggle path {
            stroke: #fff
        }

        .accordion-content p,
        .faq-section .accordion-content ul,
        .faq-section .accordion-content ol {
            margin: 0 0 15px
        }

        .accordion-item .common-list-blk {
            margin-bottom: 12px
        }

        .accordion-item .common-list-blk li {
            margin-bottom: 8px
        }

        .faq-section .accordion-content li {
            position: relative;
            padding-left: 1rem;
            margin-bottom: .5rem
        }

        .faq-section .accordion-content li:last-child {
            margin-bottom: 0
        }

        .faq-section .accordion-content ul li:before {
            content: "•";
            font-size: var(--fs-para);
            color: #fff;
            left: 0;
            top: -3px;
            position: absolute
        }

        .faq-section {
            width: 65%;
            padding-right: 48px
        }

        .cta-section {
            width: 35%
        }

        .cta-question {
            position: sticky;
            top: 90px;
            height: 680px;
            overflow: hidden;
            border-radius: 24px 104px 24px 24px;
            background-color: var(--color-bg-dark)
        }

        .cta-question-img {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%
        }

        .cta-question-img img {
            max-width: 100%;
            height: 100%
        }

        .cta-text {
            position: absolute;
            width: 100%;
            bottom: 0;
            padding: 0 36px 36px;
            box-sizing: border-box
        }

        .cta-text .swap-text-button {
            margin-top: 64px
        }

        .cta-text .title-h3 {
            margin-bottom: 12px
        }

        @media (max-width: 1728px) {
            .cta-question {
                height: 650px
            }
        }

        @media (max-width: 1550px) {
            .cta-question .fs-para br {
                display: none
            }

            .cta-question {
                height: 528px
            }

            .quote-option label {
                font-size: 12px
            }

            .quote-option textarea {
                padding: 12px;
                height: 136px;
                font-size: 12px
            }

            .accordion-header {
                padding: 18px 0
            }

            .accordion-toggle {
                width: 18px;
                height: 18px
            }
        }

        @media (max-width: 1440px) {
            .cta-question {
                height: 570px
            }
        }

        @media (max-width: 1366px) {
            .cta-question {
                height: 410px
            }

            .accordion-header {
                padding: 16px 0
            }

            .cta-text .swap-text-button {
                margin-top: 42px
            }

            .cta-text {
                padding: 70px 24px 36px
            }
        }

        @media (max-width: 767px) {
            .faq-cta-section .layout-container>.dp-flex {
                flex-direction: column
            }

            .faq-section,
            .cta-section {
                width: 100%
            }

            .cta-section {
                margin-top: 24px
            }

            .faq-section {
                padding-right: 0
            }

            .faq-cta-section .fs-md {
                font-size: 18px
            }

            .cta-question {
                height: 460px;
                position: relative;
                top: 0;
                border-radius: 12px 90px 12px 12px
            }

            .cta-text .swap-text-button {
                margin-top: 42px
            }

            .cta-text .title-h3 {
                margin-bottom: 16px;
                font-size: 26px
            }

            .cta-text {
                padding: 100px 16px 16px
            }

            .insight-section {
                border-radius: 0;
                border: 0
            }
        }

        @media (max-width: 640px) {
            .faq-section .accordion-header {
                padding: 12px 0
            }

            .faq-section .accordion-header h3 {
                font-size: 16px
            }

            .faq-section .fs-para {
                font-size: 12px
            }

            .faq-section .accordion .accordion-item:nth-child(1) .accordion-header {
                padding-top: 0
            }
        }

        @media (max-width: 1550px) {
            .common-carousel-nav button {
                width: 75px;
                height: 75px
            }

            .section {
                padding: 60px 0;
                margin-top: -1px
            }

            .gap24 {
                gap: 18px
            }

            .head-gap100 {
                margin-top: 78px
            }
        }

        @media (max-width: 1366px) {
            .head-gap100 {
                margin-top: 66px
            }

            .common-carousel-nav button {
                width: 64px;
                height: 64px
            }

            .section {
                padding: 50px 0
            }

            .head-gap {
                margin-top: 32px
            }

            .gap24 {
                gap: 16px
            }
        }

        @media (max-width: 767px) {
            .fade-up {
                opacity: 1;
                transform: none
            }

            .common-carousel-nav.mobile-block {
                display: flex !important
            }

            .swap-text-button {
                width: 100%;
                justify-content: center
            }

            .common-carousel-nav button {
                width: 48px;
                height: 48px;
                border: 1px solid rgba(255, 255, 255, .2)
            }

            .swap-text-button .text-hover {
                transform: translateX(-12px)
            }

            .section {
                padding: 36px 0;
                margin-top: -1px
            }

            .head-gap100 {
                margin-top: 24px
            }

            .blk-link-line {
                border-bottom: none
            }

            .services-tab-wrapper {
                flex-direction: column
            }

            .services-tab-list {
                width: 100%
            }

            .services-carousel-wrapper {
                width: 100%;
                margin: 0
            }

            .services-static-image {
                width: 100%;
                height: 300px
            }

            .services-tab-list {
                padding: 1rem
            }

            .service-tab-item {
                padding: 12px 16px
            }

            .service-content-blue,
            .service-content-white {
                padding: 1.5rem
            }

            .services-carousel-nav {
                bottom: -50px
            }
        }

        .services-tab-header-left {
            width: 50%
        }

        .services-tab-header-right {
            width: 34%
        }

        .our-services-tab-left {
            padding: 48px;
            border-radius: 24px;
            background: #fff;
            width: 40%;
            height: 100%
        }

        .our-services-tab-right {
            width: 60%;
            display: flex;
            flex-direction: column
        }

        .our-services-top-row {
            height: 36%
        }

        .our-services-top-row img {
            width: 100%;
            height: 100%;
            vertical-align: middle;
            border-radius: 24px
        }

        .our-services-bottom-row {
            display: flex;
            flex-direction: column;
            height: 64%
        }

        .our-services-tab-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 0;
            align-items: end;
            grid-auto-rows: 1fr;
            height: 100%
        }

        .our-services-tab-right .tab-accordion-body,
        .our-services-bottom-row .tab-content {
            height: 100%
        }

        .service-card-left {
            border-radius: 24px;
            background: #1163fb;
            padding: 48px;
            height: 100%;
            min-height: 100%;
            position: relative
        }

        .service-card-right {
            padding: 48px;
            border-radius: 24px;
            background-image: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/service-card-right-bg.webp);
            background-size: cover;
            background-position: bottom;
            background-repeat: no-repeat;
            height: 100%;
            min-height: 100%;
            position: relative
        }

        .our-services-tab-item {
            padding: 32px 0;
            position: relative;
            background-color: transparent
        }

        .our-services-tab-item .fs-base,
        .our-services-tab-item .title-h4 {
            color: #888886
        }

        .our-services-tab-item.active .title-h4,
        .our-services-tab-item.active .fs-base {
            color: #000
        }

        .item-pointer {
            cursor: pointer
        }

        .service-progress-bar-line {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #dfdedc;
            overflow: hidden
        }

        .service-progress-fill-line {
            height: 100%;
            background-color: var(--color-bg-dark);
            width: 0;
            transition: width .1s linear;
            will-change: width
        }

        .our-services-tab-item .service-progress-fill-line {
            transition: width 6s linear
        }

        .service-card-left-inner.active,
        .service-about-list-inner.active {
            display: flex
        }

        .service-tab-nav {
            position: absolute;
            left: 48px;
            bottom: 48px;
            z-index: 2
        }

        .arrow-btn {
            cursor: pointer;
            display: block
        }

        .call-btn-wrap {
            position: relative;
            padding-left: 59px
        }

        .call-btn-icon {
            position: absolute;
            left: 30px;
            top: 52%;
            transform: translateY(-50%)
        }

        .our-services-tab-grid .subtitle {
            margin-bottom: 0
        }

        @media screen and (max-width: 1550px) {
            .our-services-tab-item {
                padding: 28px 0
            }

            .our-services-tab-left {
                padding: 36px;
                border-radius: 18px
            }

            .service-card-left,
            .service-card-right {
                padding: 36px;
                border-radius: 18px
            }

            .our-services-tab-left svg {
                max-width: 24px
            }

            .service-card-left-inner,
            .service-about-list-inner {
                gap: 24px
            }

            .service-card-left-inner .fs-md20 {
                font-size: 14px
            }

            .highlight:after {
                bottom: -10px
            }

            .service-tab-nav {
                left: 36px;
                bottom: 36px
            }
        }

        @media screen and (max-width: 1366px) {
            .our-services-tab-item {
                padding: 24px 0
            }

            .our-services-tab-left {
                padding: 24px;
                border-radius: 16px
            }

            .service-card-left,
            .service-card-right {
                padding: 24px;
                border-radius: 16px
            }

            .our-services-tab-left svg {
                max-width: 20px
            }

            .service-card-left-inner,
            .service-about-list-inner {
                gap: 18px
            }

            .service-tab-nav {
                left: 24px;
                bottom: 18px
            }

            .our-services-tab-right .fs-md20 {
                font-size: 14px
            }
        }

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

            .services-tab-header-left,
            .services-tab-header-right,
            .our-services-tab-left,
            .our-services-tab-right {
                width: 100%
            }

            .our-services-top-row,
            .our-services-tab-left,
            .our-services-tab-right .min-w-fit,
            .service-tab-nav,
            .service-card-icon,
            .our-services-tab-right .subtitle {
                display: none
            }

            .our-services-tab-right .tab-content .tab-accordion-body {
                transition: none
            }

            .our-services-tab-grid {
                display: block
            }

            .services-tab-section {
                background: linear-gradient(180deg, #000 27.46%, #1163fb 97.17%)
            }

            .services-tab-container {
                padding: 0 15px
            }

            .service-card-left {
                background: 0 0;
                padding: 0
            }

            .service-card-right {
                border-radius: 12px;
                padding: 16px;
                margin-top: 16px;
                border: 1px solid rgba(255, 255, 255, .2);
                background: rgba(255, 255, 255, .1)
            }

            .service-num {
                border-radius: 20px;
                background: rgba(255, 255, 255, .1);
                width: 70px;
                padding: 4px 16px;
                font-size: 12px;
                text-align: center;
                position: relative
            }

            .card-line {
                opacity: .08;
                background: #fff;
                height: 2px;
                width: calc(100% - 70px);
                display: block
            }

            .our-services-tab-right .tab-accordion-header {
                padding: 14px 0
            }

            .service-header {
                margin-bottom: 16px
            }

            .our-services-tab-right .fs-md20 {
                color: #fff
            }

            .services-tab-header-right {
                margin-top: 24px
            }

            .our-services-tab-right .title-h4 {
                color: #fff;
                padding-right: 24px
            }

            .our-services-tab-right .tab-accordion-header:before {
                top: 75px
            }

            .our-services-tab-grid {
                grid-template-columns: repeat(1, 1fr)
            }

            .our-services-tab-right .tab-content {
                display: block
            }
        }

        .testimonials-header-left {
            width: 60%
        }

        .testimonials-header-right {
            width: 40%;
            margin-bottom: 20px
        }

        .relative {
            position: relative;
            z-index: 1
        }

        .justify-flex-end {
            justify-content: flex-end
        }

        .testimonial-video-wrapper {
            margin-top: 48px;
            align-items: stretch
        }

        .testimonial-slider-container {
            width: 35%;
            position: relative;
            padding: 36px;
            border-radius: 24px;
            overflow: hidden;
            height: 670px;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .testimonial-slider-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/clienttestimonial-bg.webp);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            z-index: 0
        }

        .testimonial-carousel {
            position: relative;
            z-index: 1
        }

        .testimonial-slide {
            padding: 0
        }

        .testimonial-quote svg {
            width: 48px;
            height: 48px
        }

        .testimonial-content {
            margin-bottom: 32px
        }

        .testimonial-description {
            opacity: .9;
            line-height: 1.6
        }

        .testimonial-client-card {
            padding: 24px;
            background-image: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/glass-card-bg.webp);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 16px;
            position: absolute;
            z-index: 2;
            bottom: 36px;
            left: 36px;
            right: 36px
        }

        .client-images-stack {
            display: flex;
            z-index: 2
        }

        .client-image-item {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            overflow: hidden;
            border: 2px solid rgba(255, 255, 255, 255);
            transition: all .4s cubic-bezier(.4, 0, .2, 1);
            position: relative
        }

        .client-image-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            border-radius: 50%
        }

        .client-designation {
            font-size: 14px;
            opacity: .5
        }

        .gap2 {
            gap: 2px
        }

        .testimonial-nav {
            z-index: 3
        }

        .client-card-detail {
            position: relative;
            width: 100%;
            display: flex;
            align-items: center
        }

        .client-detail-sec-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            visibility: hidden;
            transition: opacity .3s ease, visibility .3s ease;
            pointer-events: none;
            display: flex;
            align-items: center;
            gap: 12px
        }

        .client-detail-sec-wrapper.active {
            position: relative;
            opacity: 1;
            visibility: visible;
            pointer-events: auto
        }

        .testimonial-nav-btn {
            cursor: pointer;
            transition: all .3s ease;
            background-color: transparent;
            border: none
        }

        .testimonial-nav-btn.testimonial-next {
            margin-top: 4px
        }

        .video-reel-wrapper {
            width: 65%;
            position: relative;
            flex-shrink: 0
        }

        .video-reel-placeholder {
            width: 100%;
            height: 0;
            transition: height .6s cubic-bezier(.4, 0, .2, 1);
            visibility: hidden;
            pointer-events: none;
            flex-shrink: 0
        }

        .video-reel-container {
            width: 100%;
            position: relative;
            border-radius: 24px;
            overflow: hidden;
            transition: all .6s cubic-bezier(.4, 0, .2, 1)
        }

        .video-reel-container.expanded {
            border-radius: 0;
            transition: all .6s cubic-bezier(.4, 0, .2, 1)
        }

        .video-reel-poster {
            position: relative;
            width: 100%;
            height: 100%;
            height: 670px;
            cursor: pointer;
            transition: opacity .3s ease
        }

        .video-poster-content {
            position: absolute;
            bottom: 60px;
            left: 32px
        }

        .video-poster-content:before {
            content: '';
            position: absolute;
            top: 0;
            left: -12px;
            width: 5px;
            height: 57px;
            background-color: #1163fb
        }

        .video-reel-container.expanded .video-reel-poster {
            opacity: 0;
            pointer-events: none
        }

        .video-poster-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block
        }

        .watch-reel-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            border: none;
            border-radius: 50px;
            padding: 17px 26px;
            gap: 14px;
            cursor: pointer;
            transition: all .3s ease;
            z-index: 2;
            overflow: hidden;
            letter-spacing: 5px
        }

        .watch-reel-btn svg,
        .watch-reel-btn span {
            position: relative;
            z-index: 2
        }

        .watch-reel-btn svg {
            width: 29px;
            height: 29px;
            flex-shrink: 0
        }

        .video-reel-player {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000;
            z-index: 10;
            opacity: 0;
            visibility: hidden;
            transition: opacity .3s ease, visibility .3s ease;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .video-reel-player.show {
            opacity: 1;
            visibility: visible
        }

        .video-close-btn {
            position: absolute;
            top: 24px;
            right: 24px;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, .3);
            background: rgba(0, 0, 0, .5);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all .3s ease;
            z-index: 11
        }

        .video-close-btn:hover {
            background: rgba(0, 0, 0, .8);
            border-color: rgba(255, 255, 255, .6);
            transform: scale(1.1)
        }

        .reel-video {
            width: 100%;
            height: 100%;
            object-fit: contain
        }

        .testimonial-content .testimonial-text {
            font-size: 22px
        }

        @media (max-width: 1728px) {
            .testimonial-content .testimonial-text {
                font-size: 18px
            }

            .testimonial-slider-container,
            .video-reel-poster {
                height: 600px
            }

            .client-designation {
                font-size: 12px
            }
        }

        @media (max-width: 1550px) {
            .testimonial-content .testimonial-text {
                font-size: 15px
            }

            .testimonial-quote svg {
                width: 36px;
                height: 36px
            }

            .client-designation {
                font-size: 11px
            }

            .testimonial-slider-bg {
                padding: 24px
            }

            .testimonial-client-card {
                padding: 24px;
                bottom: 24px;
                left: 24px;
                right: 24px
            }

            .testimonial-slide .title-h4 {
                font-size: 20px
            }

            .client-image-item {
                width: 44px;
                height: 44px
            }

            .testimonial-nav-btn.gap12 {
                gap: 8px
            }

            .testimonial-nav-btn svg {
                width: 26px
            }

            .testimonial-nav.gap12 {
                gap: 6px
            }

            .testimonial-slider-container {
                padding: 24px
            }

            .video-reel-poster,
            .testimonial-slider-container {
                height: 455px
            }
        }

        @media (max-width: 1366px) {
            .testimonial-quote svg {
                width: 32px;
                height: 32px
            }

            .testimonial-slider-bg {
                padding: 20px
            }

            .testimonial-client-card {
                padding: 20px 12px;
                bottom: 20px;
                left: 20px;
                right: 20px
            }

            .client-detail-sec-wrapper {
                gap: 8px
            }

            .testimonial-content .testimonial-text {
                font-size: 14px
            }

            .client-image-item {
                width: 40px;
                height: 40px
            }

            .testimonial-content {
                margin-bottom: 0
            }

            .client-designation {
                font-size: 10px
            }

            .testimonial-slider-container {
                padding: 24px
            }
        }

        @media (max-width: 1024px) {
            .testimonial-video-wrapper {
                flex-direction: column
            }

            .testimonial-slider-container,
            .video-reel-container {
                width: 100%
            }

            .client-images-stack {
                position: relative;
                bottom: auto;
                right: auto;
                justify-content: center
            }
        }

        @media (max-width: 767px) {
            .testimonial-slider-container {
                padding: 24px;
                height: auto
            }

            .video-poster-content {
                bottom: 20px
            }

            .testimonial-video-wrapper {
                margin-top: 36px
            }

            .testimonial-quote svg {
                width: 24px;
                height: 24px
            }

            .testimonial-nav {
                bottom: 24px;
                left: 24px
            }

            .video-reel-wrapper {
                width: 100%
            }

            .video-reel-poster {
                height: auto
            }

            .testimonial-slider-bg {
                padding: 15px
            }

            .testimonials-header-left {
                width: 100%
            }

            .testimonial-client-card {
                padding: 15px;
                bottom: 0;
                left: 0;
                right: 0;
                position: relative;
                margin-top: 30px;
                min-height: 88px
            }

            .client-detail-sec {
                width: calc(100% - 50px)
            }

            .client-detail-sec .client-name {
                font-size: 14px
            }

            .video-reel-container,
            .testimonial-slider-container {
                border-radius: 12px
            }

            .watch-reel-btn svg {
                width: 22px;
                height: 22px
            }

            .watch-reel-btn {
                padding: 12px 18px;
                gap: 12px;
                letter-spacing: 3px;
                min-width: 180px
            }

            .watch-reel-btn span {
                font-size: 12px
            }

            .testimonials-header-right {
                width: 100%;
                margin: 20px 0 0
            }
        }

        .recognition-wrapper {
            align-items: stretch;
            border-radius: 24px;
            overflow: hidden
        }

        .recognition-left {
            width: 50%;
            padding: 48px;
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/established-enterprises-cta-left.webp) no-repeat;
            background-size: cover;
            background-position: left;
            position: relative;
            z-index: 2
        }

        .recognition-right {
            width: 50%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .card-item .fs-sm {
            font-size: 10px
        }

        .recognition-left .swap-text-button .text-hover span {
            transform: translateY(-2.3em)
        }

        .card-item {
            background: rgba(255, 255, 255, .15);
            border-radius: 12px;
            padding: 16px 20px
        }

        .recognition-team-visual {
            width: 100%;
            height: 100%;
            position: relative
        }

        .recognition-team-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: middle
        }

        @media (min-width: 1024px) {
            .recognition-carousel-dots .owl-dot:nth-child(n+5) {
                display: none !important
            }
        }

        .letter-spacing-5 {
            letter-spacing: 5px
        }

        @media (max-width: 1550px) {
            .recognition-left {
                padding: 36px
            }

            .card-item {
                padding: 12px 14px
            }

            .recognition-left .gap48 {
                gap: 36px
            }
        }

        @media (max-width: 1366px) {
            .recognition-logo-item img {
                max-width: 90%
            }
        }

        @media (max-width: 1024px) {
            .recognition-wrapper {
                flex-direction: column
            }

            .recognition-left,
            .recognition-right {
                width: 100%
            }

            .recognition-left {
                padding: 48px 32px
            }
        }

        @media (max-width: 768px) {
            .recognition-wrapper {
                border-radius: 12px;
                border: none
            }

            .card-item img {
                max-width: 25px
            }

            .recognition-section {
                padding: 80px 0
            }

            .recognition-left {
                padding: 32px 24px
            }

            .card-wrapper .grid-col3 {
                grid-template-columns: 1fr
            }

            .recognition-left .swap-text-button .text-hover span {
                transform: translateY(-3.3em)
            }

            .recognition-logos-carousel {
                width: 100%
            }

            .recognition-left {
                order: 2
            }

            .recognition-left {
                padding: 24px 15px
            }

            .recognition-left .gap48 {
                gap: 24px
            }

            .recognition-left .title-h3 {
                font-size: 20px
            }

            .recognition-left .fs-base {
                font-size: 12px
            }

            .letter-spacing-5 {
                letter-spacing: 3px
            }

            .call-btn-wrap {
                position: relative;
                padding-left: 65px
            }

            .flex-wrap {
                flex-wrap: wrap
            }
        }

        .capabilities-section {
            position: relative;
            z-index: 1
        }

        .service-accordion-container {
            background-color: #fff;
            padding: 48px;
            border-radius: 0 24px 24px 0
        }

        .service-accordion-container.services-even {
            background-color: #f8f7f4
        }

        .service-accordion-container {
            flex: 1
        }

        .service-accordion-container h2 {
            margin-bottom: 48px
        }

        .service-card-wrapper .service-accordion-container-inner {
            width: 100%
        }

        .service-card-wrapper .service-accordion .service-progress-bar {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #dfdedc;
            overflow: hidden
        }

        .service-card-wrapper .service-accordion-content-inner .fs-para,
        .service-card-wrapper .service-accordion-content-inner .blk-link-line {
            color: #3e3e3d
        }

        .accordion-scroll {
            height: 560px;
            overflow-y: scroll;
            overflow-x: hidden;
            padding-right: 20px
        }

        .accordion-scroll::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 4px
        }

        .relative {
            position: relative;
            display: inline-block;
            z-index: 1
        }

        .highlight:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -6px;
            height: 24px;
            width: 100%;
            z-index: -1;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40'%3E%3Cpath d='M0 25 Q 25 40 50 25 T 100 25 T 150 25 T 200 25' fill='none' stroke='%23FCDA50' stroke-width='12' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x;
            background-size: 50px
        }

        .highlight.blue:after {
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40'%3E%3Cpath d='M0 25 Q 25 40 50 25 T 100 25 T 150 25 T 200 25' fill='none' stroke='%231163FB' stroke-width='12' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x;
            background-size: 50px
        }

        .accordion-scroll::-webkit-scrollbar-thumb {
            background-color: #ddd;
            border-radius: 8px
        }

        .service-card-wrapper .service-accordion .service-accordion-header {
            position: static
        }

        .service-card-wrapper .service-accordion .service-progress-fill {
            background-color: #1163fb
        }

        .service-accordion {
            display: flex;
            flex-direction: column;
            gap: 0
        }

        .service-accordion .service-accordion-item {
            position: relative
        }

        .service-accordion .service-accordion-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 32px 0;
            cursor: pointer;
            position: relative
        }

        .service-accordion-content-inner {
            padding: 0 0 24px
        }

        .service-accordion .service-accordion-header h3 {
            margin: 0;
            flex: 1
        }

        .service-accordion .service-accordion-arrow {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
            transition: transform .3s ease
        }

        .service-accordion .service-accordion-item.active .service-accordion-arrow {
            transform: rotate(180deg)
        }

        .service-accordion .service-progress-bar {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #3e3e3d;
            overflow: hidden
        }

        .service-accordion .service-progress-fill {
            height: 100%;
            background-color: #fff;
            width: 0;
            transition: width .1s linear
        }

        .service-accordion .service-accordion-content {
            max-height: 0;
            overflow: hidden
        }

        .service-accordion .service-accordion-content .know-more-link {
            margin-bottom: 32px
        }

        .service-accordion .service-accordion-item.active .service-accordion-content {
            max-height: 100%
        }

        .service-accordion .service-accordion-content p {
            margin: 0;
            padding: 0;
            max-width: 95%
        }

        .know-more-link .blk-link-line {
            background-image: linear-gradient(var(--color-primary), var(--color-primary))
        }

        .know-more-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
            transition: all .3s ease
        }

        .know-more-link svg {
            transition: transform .3s ease
        }

        .know-more-link:hover svg {
            transform: translate(2px, -2px)
        }

        .service-image-container {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .service-image {
            width: 100%;
            height: 100%;
            position: relative
        }

        .absolute {
            position: absolute;
            left: 48px;
            top: 48px
        }

        .service-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: middle;
            border-radius: 24px 0 0 24px
        }

        .software-section {
            background: linear-gradient(180deg, var(--Primary-NB500, #1163fb) 0%, var(--Neutral-NB1000, #000) 100%)
        }

        .services-fixed-cta {
            width: 35%
        }

        .service-accordion-container-inner {
            width: 50%
        }

        .software-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem
        }

        .service-accordion-gap {
            margin-bottom: 32px
        }

        .software-item {
            border-radius: 12px;
            background: #191918;
            padding: 16px;
            color: #fff;
            position: relative;
            display: flex;
            align-items: center
        }

        .software-item span,
        .software-item div {
            width: calc(100% - 36px)
        }

        .software-item:before {
            position: relative;
            content: "";
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/service-check-list.svg);
            border-radius: 50%;
            width: 20px;
            height: 20px;
            margin-right: 1rem
        }

        .software-item a {
            color: #fff;
            transition: none
        }

        .min-w-fit {
            min-width: 40px
        }

        .software-item:has(a):hover {
            background: #d7f4de;
            transition: background .3s ease
        }

        .software-item:has(a):hover a {
            background-image: linear-gradient(var(--color-text-black), var(--color-text-black));
            background-size: 100% 1px
        }

        .software-item a:hover {
            background-size: 0% 1px !important
        }

        .software-item:has(a):hover a,
        .software-item:has(a):hover span {
            color: var(--color-bg-dark);
            text-decoration: none
        }

        .sticky-sec {
            position: sticky;
            top: 150px
        }

        .consult-cta-inner {
            background-image: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/consult-cta-bg.webp);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 24px;
            padding: 32px;
            width: 100%;
            height: 100%
        }

        @media (max-width: 1550px) {
            .software-item:before {
                width: 16px;
                height: 16px;
                background-size: 16px;
                margin-right: 12px
            }

            .service-accordion-container .gap48 {
                gap: 36px
            }

            .service-accordion-content-inner {
                padding: 0 0 18px
            }

            .service-accordion .service-accordion-header {
                padding: 18px 0
            }

            .service-card-section {
                padding-bottom: 0
            }

            .services-fixed-cta .gap64 {
                gap: 42px
            }

            .consult-cta-inner {
                padding: 24px
            }

            .software-grid {
                margin-bottom: 24px
            }

            .accordion-scroll {
                height: 455px;
                padding-right: 16px
            }

            .service-accordion-container {
                padding: 36px;
                border-radius: 0 18px 18px 0
            }

            .service-image img {
                border-radius: 18px 0 0 18px
            }

            .absolute {
                left: 36px;
                top: 36px
            }
        }

        @media (max-width: 1366px) {
            .software-item:before {
                width: 14px;
                height: 14px;
                background-size: 14px;
                margin-right: 10px
            }

            .sticky-sec {
                top: 110px
            }

            .software-item figure img {
                width: 36px;
                height: 36px
            }

            .service-accordion-container .gap48 {
                gap: 32px
            }

            .service-accordion-content-inner {
                padding: 0 0 16px
            }

            .service-accordion .service-accordion-header {
                padding: 16px 0
            }

            .services-fixed-cta .gap64 {
                gap: 36px
            }

            .consult-cta-inner {
                padding: 20px
            }

            .software-grid {
                margin-bottom: 20px
            }

            .accordion-scroll {
                height: 356px
            }

            .highlight:after {
                bottom: -10px
            }
        }

        @media (max-width: 767px) {
            .service-card-wrapper {
                flex-direction: column;
                gap: 0
            }

            .service-image-container .title-h2 {
                font-size: 22px
            }

            .service-accordion-container h2 {
                margin-bottom: 32px
            }

            .service-accordion .accordion-header {
                padding: 20px 0
            }

            .service-accordion-container {
                padding: 0;
                order: 2
            }

            .static-img {
                width: 100%
            }

            .software-grid {
                grid-template-columns: 1fr
            }

            .software-section {
                margin-top: -1px
            }

            .software-section .software-item:before {
                width: 16px;
                height: 16px;
                background-size: 16px;
                margin-right: 10px
            }

            .testimonials-section {
                padding-top: 80px
            }

            .services-fixed-cta {
                width: 100%
            }

            .service-accordion-container-inner {
                width: 100%;
                margin-top: 30px
            }

            .service-accordion {
                margin-top: 1px
            }

            .service-accordion .service-accordion-item {
                margin: 1px 0
            }

            .absolute {
                left: 15px;
                top: 22px
            }

            .highlight:after {
                bottom: -17px;
                height: 24px;
                background-size: 40px
            }

            .service-image img {
                border-radius: 12px 12px 0 0
            }

            .service-accordion-container {
                padding: 15px;
                border-radius: 0 0 12px 12px
            }

            .service-card-wrapper .service-accordion-container-inner {
                margin-top: 0
            }

            .accordion-scroll {
                height: auto;
                padding: 0
            }

            .min-w-fit {
                min-width: 36px
            }

            .service-accordion-item .gap24 {
                gap: 8px
            }

            .services-fixed-cta .sticky-sec {
                position: relative;
                top: 0
            }

            .consult-cta {
                margin-top: 16px
            }
        }

        .service-cta-panel {
            border-radius: 24px;
            overflow: hidden
        }

        .service-cta-left-panel {
            background-color: #085fff;
            padding: 60px;
            width: 45%
        }

        .service-cta-right-panel {
            background: #0132b6;
            width: 55%
        }

        .service-cta-right-content {
            padding: 32px
        }

        .service-cta-right-img img {
            width: 100%;
            vertical-align: middle
        }

        .grid-col2.gap20 {
            gap: 20px
        }

        .cta-chip {
            position: relative;
            padding: 20px;
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, .25);
            background: rgba(255, 255, 255, .05)
        }

        .cta-chip:before {
            content: "";
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/double-check.svg) no-repeat;
            width: 24px;
            height: 24px;
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%)
        }

        .service-cta-right-content .mobile-block .cta-chips-slider {
            display: none
        }

        @media (max-width: 1728px) {
            .service-cta-left-panel {
                padding: 44px
            }

            .cta-chip {
                padding: 18px 18px 18px 55px
            }

            .cta-chip:before {
                left: 18px
            }
        }

        @media (max-width: 1550px) {
            .grid-col2.gap20 {
                gap: 16px
            }

            .service-cta-right-content {
                padding: 24px
            }

            .cta-chip {
                border-radius: 12px
            }
        }

        @media (max-width: 1366px) {
            .service-cta-right-content {
                padding: 20px
            }

            .cta-chip {
                padding: 16px;
                border-radius: 10px
            }

            .cta-chip:before {
                left: 16px
            }
        }

        @media (max-width: 767px) {
            .service-cta-panel {
                border-radius: 16px;
                background: linear-gradient(243deg, #68b9f2 -15.72%, #015daf 30.74%)
            }

            .service-cta-left-panel,
            .service-cta-right-panel {
                width: 100%;
                background: 0 0
            }

            .service-cta-left-panel {
                padding: 16px
            }

            .service-cta-right-content .grid-col2.desktop-block {
                display: none
            }

            .service-cta-right-content .mobile-block .cta-chips-slider {
                display: block
            }

            .cta-chips-slider {
                margin-bottom: 20px
            }

            .cta-chips-slider .cta-chip {
                margin: 0
            }

            .cta-chips-pagination {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 8px;
                margin: 22px 0 32px
            }

            .cta-chips-pagination .owl-dot {
                width: 32px;
                height: 24px;
                border-radius: 18px;
                border: none;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 14px;
                font-weight: 500;
                cursor: pointer;
                transition: all .3s ease;
                padding: 0;
                margin: 0;
                position: relative
            }

            .cta-chips-pagination .owl-dot.active {
                background: #fff;
                color: #0050a0;
                font-weight: 600
            }

            .cta-chips-pagination .owl-dot:not(.active) {
                width: 8px;
                height: 8px;
                background: rgba(255, 255, 255, .4);
                color: transparent;
                font-size: 0
            }

            .cta-chips-pagination .owl-dot:hover:not(.active) {
                background: rgba(255, 255, 255, .6)
            }

            .cta-chips-pagination .owl-dot span {
                display: none
            }

            .cta-chips-slider .grid-col2 {
                grid-template-columns: repeat(1, 1fr);
                gap: 8px
            }

            .cta-chip:before {
                left: 12px;
                background-size: 18px
            }

            .service-cta-right-content {
                padding: 0 16px 16px
            }

            .cta-chip {
                padding: 14px 37px;
                border-radius: 8px;
                font-size: 12px
            }

            .service-cta-panel .title-h3 {
                font-size: 18px
            }

            .service-cta-panel .fs-base {
                font-size: 12px
            }

            .service-cta-right-content .grid-col3 {
                grid-template-columns: 1fr
            }
        }

        .medical-right {
            width: 50%;
            position: relative
        }

        .medical-left {
            width: 50%;
            padding: 47px 110px;
            background-color: #1163fb
        }

        .medical-left .title-h2 {
            line-height: 147%
        }

        .decision-card {
            width: 50%
        }

        .decision-top-section {
            padding: 48px 47px;
            background-color: #f8f7f4
        }

        .decision-bottom-section {
            padding: 118px 48px;
            background-color: #fff
        }

        .decision-num {
            color: #888886;
            font-weight: 500
        }

        .decision-slider-nav {
            position: absolute;
            top: 27%;
            right: 30px;
            transform: translateY(-50%);
            z-index: 2
        }

        .decision-slider-nav.common-carousel-nav button {
            border: 1px solid #dfdedc
        }

        .decision-icon img {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            padding: 15px;
            background-color: #fff;
            width: 66px;
            height: 66px
        }

        .gap85 {
            gap: 84px
        }

        .decision-slider .owl-stage,
        .decision-slider.owl-carousel .owl-item {
            display: flex
        }

        .decision-card-item {
            height: 100%
        }

        @media (max-width: 1550px) {
            .gap85 {
                gap: 75px
            }

            .decision-icon img {
                padding: 12px;
                width: 56px;
                height: 56px
            }

            .decision-top-section {
                padding: 38px 37px
            }

            .decision-bottom-section {
                padding: 90px 38px
            }
        }

        @media (max-width: 767px) {
            .medical-device-wrapper {
                flex-direction: column
            }

            .decision-bottom-section .challenge-wrap {
                flex-direction: column
            }

            .medical-right,
            .medical-left {
                width: 100%
            }

            .medical-left {
                padding: 30px
            }

            .decision-card {
                width: 100%
            }

            .decision-slider-nav.desktop {
                display: none
            }

            .decision-card-item {
                height: auto
            }

            .gap85 {
                gap: 45px
            }

            .decision-top-section {
                padding: 32px 24px
            }

            .decision-bottom-section {
                padding: 32px 24px
            }

            .decision-bottom-section .grid-col2 {
                grid-template-columns: 1fr
            }

            .decision-bottom-section .grid-col3 {
                grid-template-columns: 1fr
            }

            .decision-slider-nav {
                position: relative;
                right: 5px
            }
        }

        /*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
        :root,
        :host {
            --fa-style-family-brands: 'Font Awesome 6 Brands';
            --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'
        }

        @font-face {
            font-family: 'Font Awesome 6 Brands';
            font-style: normal;
            font-weight: 400;
            font-display: swap;
            src: url(//appinventiv.com/wp-content/themes/twentynineteen-child/font-awesome/css/../webfonts/fa-brands-400.woff2) format("woff2"), url(//appinventiv.com/wp-content/themes/twentynineteen-child/font-awesome/css/../webfonts/fa-brands-400.ttf) format("truetype")
        }

        .fab,
        .fa-brands {
            font-weight: 400
        }

        .fa-monero:before {
            content: "\f3d0"
        }

        .fa-hooli:before {
            content: "\f427"
        }

        .fa-yelp:before {
            content: "\f1e9"
        }

        .fa-cc-visa:before {
            content: "\f1f0"
        }

        .fa-lastfm:before {
            content: "\f202"
        }

        .fa-shopware:before {
            content: "\f5b5"
        }

        .fa-creative-commons-nc:before {
            content: "\f4e8"
        }

        .fa-aws:before {
            content: "\f375"
        }

        .fa-redhat:before {
            content: "\f7bc"
        }

        .fa-yoast:before {
            content: "\f2b1"
        }

        .fa-cloudflare:before {
            content: "\e07d"
        }

        .fa-ups:before {
            content: "\f7e0"
        }

        .fa-pixiv:before {
            content: "\e640"
        }

        .fa-wpexplorer:before {
            content: "\f2de"
        }

        .fa-dyalog:before {
            content: "\f399"
        }

        .fa-bity:before {
            content: "\f37a"
        }

        .fa-stackpath:before {
            content: "\f842"
        }

        .fa-buysellads:before {
            content: "\f20d"
        }

        .fa-first-order:before {
            content: "\f2b0"
        }

        .fa-modx:before {
            content: "\f285"
        }

        .fa-guilded:before {
            content: "\e07e"
        }

        .fa-vnv:before {
            content: "\f40b"
        }

        .fa-square-js:before {
            content: "\f3b9"
        }

        .fa-js-square:before {
            content: "\f3b9"
        }

        .fa-microsoft:before {
            content: "\f3ca"
        }

        .fa-qq:before {
            content: "\f1d6"
        }

        .fa-orcid:before {
            content: "\f8d2"
        }

        .fa-java:before {
            content: "\f4e4"
        }

        .fa-invision:before {
            content: "\f7b0"
        }

        .fa-creative-commons-pd-alt:before {
            content: "\f4ed"
        }

        .fa-centercode:before {
            content: "\f380"
        }

        .fa-glide-g:before {
            content: "\f2a6"
        }

        .fa-drupal:before {
            content: "\f1a9"
        }

        .fa-jxl:before {
            content: "\e67b"
        }

        .fa-hire-a-helper:before {
            content: "\f3b0"
        }

        .fa-creative-commons-by:before {
            content: "\f4e7"
        }

        .fa-unity:before {
            content: "\e049"
        }

        .fa-whmcs:before {
            content: "\f40d"
        }

        .fa-rocketchat:before {
            content: "\f3e8"
        }

        .fa-vk:before {
            content: "\f189"
        }

        .fa-untappd:before {
            content: "\f405"
        }

        .fa-mailchimp:before {
            content: "\f59e"
        }

        .fa-css3-alt:before {
            content: "\f38b"
        }

        .fa-square-reddit:before {
            content: "\f1a2"
        }

        .fa-reddit-square:before {
            content: "\f1a2"
        }

        .fa-vimeo-v:before {
            content: "\f27d"
        }

        .fa-contao:before {
            content: "\f26d"
        }

        .fa-square-font-awesome:before {
            content: "\e5ad"
        }

        .fa-deskpro:before {
            content: "\f38f"
        }

        .fa-brave:before {
            content: "\e63c"
        }

        .fa-sistrix:before {
            content: "\f3ee"
        }

        .fa-square-instagram:before {
            content: "\e055"
        }

        .fa-instagram-square:before {
            content: "\e055"
        }

        .fa-battle-net:before {
            content: "\f835"
        }

        .fa-the-red-yeti:before {
            content: "\f69d"
        }

        .fa-square-hacker-news:before {
            content: "\f3af"
        }

        .fa-hacker-news-square:before {
            content: "\f3af"
        }

        .fa-edge:before {
            content: "\f282"
        }

        .fa-threads:before {
            content: "\e618"
        }

        .fa-napster:before {
            content: "\f3d2"
        }

        .fa-square-snapchat:before {
            content: "\f2ad"
        }

        .fa-snapchat-square:before {
            content: "\f2ad"
        }

        .fa-google-plus-g:before {
            content: "\f0d5"
        }

        .fa-artstation:before {
            content: "\f77a"
        }

        .fa-markdown:before {
            content: "\f60f"
        }

        .fa-sourcetree:before {
            content: "\f7d3"
        }

        .fa-google-plus:before {
            content: "\f2b3"
        }

        .fa-diaspora:before {
            content: "\f791"
        }

        .fa-foursquare:before {
            content: "\f180"
        }

        .fa-stack-overflow:before {
            content: "\f16c"
        }

        .fa-github-alt:before {
            content: "\f113"
        }

        .fa-phoenix-squadron:before {
            content: "\f511"
        }

        .fa-pagelines:before {
            content: "\f18c"
        }

        .fa-algolia:before {
            content: "\f36c"
        }

        .fa-red-river:before {
            content: "\f3e3"
        }

        .fa-creative-commons-sa:before {
            content: "\f4ef"
        }

        .fa-safari:before {
            content: "\f267"
        }

        .fa-google:before {
            content: "\f1a0"
        }

        .fa-square-font-awesome-stroke:before {
            content: "\f35c"
        }

        .fa-font-awesome-alt:before {
            content: "\f35c"
        }

        .fa-atlassian:before {
            content: "\f77b"
        }

        .fa-linkedin-in:before {
            content: "\f0e1"
        }

        .fa-digital-ocean:before {
            content: "\f391"
        }

        .fa-nimblr:before {
            content: "\f5a8"
        }

        .fa-chromecast:before {
            content: "\f838"
        }

        .fa-evernote:before {
            content: "\f839"
        }

        .fa-hacker-news:before {
            content: "\f1d4"
        }

        .fa-creative-commons-sampling:before {
            content: "\f4f0"
        }

        .fa-adversal:before {
            content: "\f36a"
        }

        .fa-creative-commons:before {
            content: "\f25e"
        }

        .fa-watchman-monitoring:before {
            content: "\e087"
        }

        .fa-fonticons:before {
            content: "\f280"
        }

        .fa-weixin:before {
            content: "\f1d7"
        }

        .fa-shirtsinbulk:before {
            content: "\f214"
        }

        .fa-codepen:before {
            content: "\f1cb"
        }

        .fa-git-alt:before {
            content: "\f841"
        }

        .fa-lyft:before {
            content: "\f3c3"
        }

        .fa-rev:before {
            content: "\f5b2"
        }

        .fa-windows:before {
            content: "\f17a"
        }

        .fa-wizards-of-the-coast:before {
            content: "\f730"
        }

        .fa-square-viadeo:before {
            content: "\f2aa"
        }

        .fa-viadeo-square:before {
            content: "\f2aa"
        }

        .fa-meetup:before {
            content: "\f2e0"
        }

        .fa-centos:before {
            content: "\f789"
        }

        .fa-adn:before {
            content: "\f170"
        }

        .fa-cloudsmith:before {
            content: "\f384"
        }

        .fa-opensuse:before {
            content: "\e62b"
        }

        .fa-pied-piper-alt:before {
            content: "\f1a8"
        }

        .fa-square-dribbble:before {
            content: "\f397"
        }

        .fa-dribbble-square:before {
            content: "\f397"
        }

        .fa-codiepie:before {
            content: "\f284"
        }

        .fa-node:before {
            content: "\f419"
        }

        .fa-mix:before {
            content: "\f3cb"
        }

        .fa-steam:before {
            content: "\f1b6"
        }

        .fa-cc-apple-pay:before {
            content: "\f416"
        }

        .fa-scribd:before {
            content: "\f28a"
        }

        .fa-debian:before {
            content: "\e60b"
        }

        .fa-openid:before {
            content: "\f19b"
        }

        .fa-instalod:before {
            content: "\e081"
        }

        .fa-expeditedssl:before {
            content: "\f23e"
        }

        .fa-sellcast:before {
            content: "\f2da"
        }

        .fa-square-twitter:before {
            content: "\f081"
        }

        .fa-twitter-square:before {
            content: "\f081"
        }

        .fa-r-project:before {
            content: "\f4f7"
        }

        .fa-delicious:before {
            content: "\f1a5"
        }

        .fa-freebsd:before {
            content: "\f3a4"
        }

        .fa-vuejs:before {
            content: "\f41f"
        }

        .fa-accusoft:before {
            content: "\f369"
        }

        .fa-ioxhost:before {
            content: "\f208"
        }

        .fa-fonticons-fi:before {
            content: "\f3a2"
        }

        .fa-app-store:before {
            content: "\f36f"
        }

        .fa-cc-mastercard:before {
            content: "\f1f1"
        }

        .fa-itunes-note:before {
            content: "\f3b5"
        }

        .fa-golang:before {
            content: "\e40f"
        }

        .fa-kickstarter:before {
            content: "\f3bb"
        }

        .fa-square-kickstarter:before {
            content: "\f3bb"
        }

        .fa-grav:before {
            content: "\f2d6"
        }

        .fa-weibo:before {
            content: "\f18a"
        }

        .fa-uncharted:before {
            content: "\e084"
        }

        .fa-firstdraft:before {
            content: "\f3a1"
        }

        .fa-square-youtube:before {
            content: "\f431"
        }

        .fa-youtube-square:before {
            content: "\f431"
        }

        .fa-wikipedia-w:before {
            content: "\f266"
        }

        .fa-wpressr:before {
            content: "\f3e4"
        }

        .fa-rendact:before {
            content: "\f3e4"
        }

        .fa-angellist:before {
            content: "\f209"
        }

        .fa-galactic-republic:before {
            content: "\f50c"
        }

        .fa-nfc-directional:before {
            content: "\e530"
        }

        .fa-skype:before {
            content: "\f17e"
        }

        .fa-joget:before {
            content: "\f3b7"
        }

        .fa-fedora:before {
            content: "\f798"
        }

        .fa-stripe-s:before {
            content: "\f42a"
        }

        .fa-meta:before {
            content: "\e49b"
        }

        .fa-laravel:before {
            content: "\f3bd"
        }

        .fa-hotjar:before {
            content: "\f3b1"
        }

        .fa-bluetooth-b:before {
            content: "\f294"
        }

        .fa-square-letterboxd:before {
            content: "\e62e"
        }

        .fa-sticker-mule:before {
            content: "\f3f7"
        }

        .fa-creative-commons-zero:before {
            content: "\f4f3"
        }

        .fa-hips:before {
            content: "\f452"
        }

        .fa-behance:before {
            content: "\f1b4"
        }

        .fa-reddit:before {
            content: "\f1a1"
        }

        .fa-discord:before {
            content: "\f392"
        }

        .fa-chrome:before {
            content: "\f268"
        }

        .fa-app-store-ios:before {
            content: "\f370"
        }

        .fa-cc-discover:before {
            content: "\f1f2"
        }

        .fa-wpbeginner:before {
            content: "\f297"
        }

        .fa-confluence:before {
            content: "\f78d"
        }

        .fa-shoelace:before {
            content: "\e60c"
        }

        .fa-mdb:before {
            content: "\f8ca"
        }

        .fa-dochub:before {
            content: "\f394"
        }

        .fa-accessible-icon:before {
            content: "\f368"
        }

        .fa-ebay:before {
            content: "\f4f4"
        }

        .fa-amazon:before {
            content: "\f270"
        }

        .fa-unsplash:before {
            content: "\e07c"
        }

        .fa-yarn:before {
            content: "\f7e3"
        }

        .fa-square-steam:before {
            content: "\f1b7"
        }

        .fa-steam-square:before {
            content: "\f1b7"
        }

        .fa-500px:before {
            content: "\f26e"
        }

        .fa-square-vimeo:before {
            content: "\f194"
        }

        .fa-vimeo-square:before {
            content: "\f194"
        }

        .fa-asymmetrik:before {
            content: "\f372"
        }

        .fa-font-awesome:before {
            content: "\f2b4"
        }

        .fa-font-awesome-flag:before {
            content: "\f2b4"
        }

        .fa-font-awesome-logo-full:before {
            content: "\f2b4"
        }

        .fa-gratipay:before {
            content: "\f184"
        }

        .fa-apple:before {
            content: "\f179"
        }

        .fa-hive:before {
            content: "\e07f"
        }

        .fa-gitkraken:before {
            content: "\f3a6"
        }

        .fa-keybase:before {
            content: "\f4f5"
        }

        .fa-apple-pay:before {
            content: "\f415"
        }

        .fa-padlet:before {
            content: "\e4a0"
        }

        .fa-amazon-pay:before {
            content: "\f42c"
        }

        .fa-square-github:before {
            content: "\f092"
        }

        .fa-github-square:before {
            content: "\f092"
        }

        .fa-stumbleupon:before {
            content: "\f1a4"
        }

        .fa-fedex:before {
            content: "\f797"
        }

        .fa-phoenix-framework:before {
            content: "\f3dc"
        }

        .fa-shopify:before {
            content: "\e057"
        }

        .fa-neos:before {
            content: "\f612"
        }

        .fa-square-threads:before {
            content: "\e619"
        }

        .fa-hackerrank:before {
            content: "\f5f7"
        }

        .fa-researchgate:before {
            content: "\f4f8"
        }

        .fa-swift:before {
            content: "\f8e1"
        }

        .fa-angular:before {
            content: "\f420"
        }

        .fa-speakap:before {
            content: "\f3f3"
        }

        .fa-angrycreative:before {
            content: "\f36e"
        }

        .fa-y-combinator:before {
            content: "\f23b"
        }

        .fa-empire:before {
            content: "\f1d1"
        }

        .fa-envira:before {
            content: "\f299"
        }

        .fa-google-scholar:before {
            content: "\e63b"
        }

        .fa-square-gitlab:before {
            content: "\e5ae"
        }

        .fa-gitlab-square:before {
            content: "\e5ae"
        }

        .fa-studiovinari:before {
            content: "\f3f8"
        }

        .fa-pied-piper:before {
            content: "\f2ae"
        }

        .fa-wordpress:before {
            content: "\f19a"
        }

        .fa-product-hunt:before {
            content: "\f288"
        }

        .fa-firefox:before {
            content: "\f269"
        }

        .fa-linode:before {
            content: "\f2b8"
        }

        .fa-goodreads:before {
            content: "\f3a8"
        }

        .fa-square-odnoklassniki:before {
            content: "\f264"
        }

        .fa-odnoklassniki-square:before {
            content: "\f264"
        }

        .fa-jsfiddle:before {
            content: "\f1cc"
        }

        .fa-sith:before {
            content: "\f512"
        }

        .fa-themeisle:before {
            content: "\f2b2"
        }

        .fa-page4:before {
            content: "\f3d7"
        }

        .fa-hashnode:before {
            content: "\e499"
        }

        .fa-react:before {
            content: "\f41b"
        }

        .fa-cc-paypal:before {
            content: "\f1f4"
        }

        .fa-squarespace:before {
            content: "\f5be"
        }

        .fa-cc-stripe:before {
            content: "\f1f5"
        }

        .fa-creative-commons-share:before {
            content: "\f4f2"
        }

        .fa-bitcoin:before {
            content: "\f379"
        }

        .fa-keycdn:before {
            content: "\f3ba"
        }

        .fa-opera:before {
            content: "\f26a"
        }

        .fa-itch-io:before {
            content: "\f83a"
        }

        .fa-umbraco:before {
            content: "\f8e8"
        }

        .fa-galactic-senate:before {
            content: "\f50d"
        }

        .fa-ubuntu:before {
            content: "\f7df"
        }

        .fa-draft2digital:before {
            content: "\f396"
        }

        .fa-stripe:before {
            content: "\f429"
        }

        .fa-houzz:before {
            content: "\f27c"
        }

        .fa-gg:before {
            content: "\f260"
        }

        .fa-dhl:before {
            content: "\f790"
        }

        .fa-square-pinterest:before {
            content: "\f0d3"
        }

        .fa-pinterest-square:before {
            content: "\f0d3"
        }

        .fa-xing:before {
            content: "\f168"
        }

        .fa-blackberry:before {
            content: "\f37b"
        }

        .fa-creative-commons-pd:before {
            content: "\f4ec"
        }

        .fa-playstation:before {
            content: "\f3df"
        }

        .fa-quinscape:before {
            content: "\f459"
        }

        .fa-less:before {
            content: "\f41d"
        }

        .fa-blogger-b:before {
            content: "\f37d"
        }

        .fa-opencart:before {
            content: "\f23d"
        }

        .fa-vine:before {
            content: "\f1ca"
        }

        .fa-signal-messenger:before {
            content: "\e663"
        }

        .fa-paypal:before {
            content: "\f1ed"
        }

        .fa-gitlab:before {
            content: "\f296"
        }

        .fa-typo3:before {
            content: "\f42b"
        }

        .fa-reddit-alien:before {
            content: "\f281"
        }

        .fa-yahoo:before {
            content: "\f19e"
        }

        .fa-dailymotion:before {
            content: "\e052"
        }

        .fa-affiliatetheme:before {
            content: "\f36b"
        }

        .fa-pied-piper-pp:before {
            content: "\f1a7"
        }

        .fa-bootstrap:before {
            content: "\f836"
        }

        .fa-odnoklassniki:before {
            content: "\f263"
        }

        .fa-nfc-symbol:before {
            content: "\e531"
        }

        .fa-mintbit:before {
            content: "\e62f"
        }

        .fa-ethereum:before {
            content: "\f42e"
        }

        .fa-speaker-deck:before {
            content: "\f83c"
        }

        .fa-creative-commons-nc-eu:before {
            content: "\f4e9"
        }

        .fa-patreon:before {
            content: "\f3d9"
        }

        .fa-avianex:before {
            content: "\f374"
        }

        .fa-ello:before {
            content: "\f5f1"
        }

        .fa-gofore:before {
            content: "\f3a7"
        }

        .fa-bimobject:before {
            content: "\f378"
        }

        .fa-brave-reverse:before {
            content: "\e63d"
        }

        .fa-facebook-f:before {
            content: "\f39e"
        }

        .fa-square-google-plus:before {
            content: "\f0d4"
        }

        .fa-google-plus-square:before {
            content: "\f0d4"
        }

        .fa-web-awesome:before {
            content: "\e682"
        }

        .fa-mandalorian:before {
            content: "\f50f"
        }

        .fa-first-order-alt:before {
            content: "\f50a"
        }

        .fa-osi:before {
            content: "\f41a"
        }

        .fa-google-wallet:before {
            content: "\f1ee"
        }

        .fa-d-and-d-beyond:before {
            content: "\f6ca"
        }

        .fa-periscope:before {
            content: "\f3da"
        }

        .fa-fulcrum:before {
            content: "\f50b"
        }

        .fa-cloudscale:before {
            content: "\f383"
        }

        .fa-forumbee:before {
            content: "\f211"
        }

        .fa-mizuni:before {
            content: "\f3cc"
        }

        .fa-schlix:before {
            content: "\f3ea"
        }

        .fa-square-xing:before {
            content: "\f169"
        }

        .fa-xing-square:before {
            content: "\f169"
        }

        .fa-bandcamp:before {
            content: "\f2d5"
        }

        .fa-wpforms:before {
            content: "\f298"
        }

        .fa-cloudversify:before {
            content: "\f385"
        }

        .fa-usps:before {
            content: "\f7e1"
        }

        .fa-megaport:before {
            content: "\f5a3"
        }

        .fa-magento:before {
            content: "\f3c4"
        }

        .fa-spotify:before {
            content: "\f1bc"
        }

        .fa-optin-monster:before {
            content: "\f23c"
        }

        .fa-fly:before {
            content: "\f417"
        }

        .fa-aviato:before {
            content: "\f421"
        }

        .fa-itunes:before {
            content: "\f3b4"
        }

        .fa-cuttlefish:before {
            content: "\f38c"
        }

        .fa-blogger:before {
            content: "\f37c"
        }

        .fa-flickr:before {
            content: "\f16e"
        }

        .fa-viber:before {
            content: "\f409"
        }

        .fa-soundcloud:before {
            content: "\f1be"
        }

        .fa-digg:before {
            content: "\f1a6"
        }

        .fa-tencent-weibo:before {
            content: "\f1d5"
        }

        .fa-letterboxd:before {
            content: "\e62d"
        }

        .fa-symfony:before {
            content: "\f83d"
        }

        .fa-maxcdn:before {
            content: "\f136"
        }

        .fa-etsy:before {
            content: "\f2d7"
        }

        .fa-facebook-messenger:before {
            content: "\f39f"
        }

        .fa-audible:before {
            content: "\f373"
        }

        .fa-think-peaks:before {
            content: "\f731"
        }

        .fa-bilibili:before {
            content: "\e3d9"
        }

        .fa-erlang:before {
            content: "\f39d"
        }

        .fa-x-twitter:before {
            content: "\e61b"
        }

        .fa-cotton-bureau:before {
            content: "\f89e"
        }

        .fa-dashcube:before {
            content: "\f210"
        }

        .fa-42-group:before {
            content: "\e080"
        }

        .fa-innosoft:before {
            content: "\e080"
        }

        .fa-stack-exchange:before {
            content: "\f18d"
        }

        .fa-elementor:before {
            content: "\f430"
        }

        .fa-square-pied-piper:before {
            content: "\e01e"
        }

        .fa-pied-piper-square:before {
            content: "\e01e"
        }

        .fa-creative-commons-nd:before {
            content: "\f4eb"
        }

        .fa-palfed:before {
            content: "\f3d8"
        }

        .fa-superpowers:before {
            content: "\f2dd"
        }

        .fa-resolving:before {
            content: "\f3e7"
        }

        .fa-xbox:before {
            content: "\f412"
        }

        .fa-square-web-awesome-stroke:before {
            content: "\e684"
        }

        .fa-searchengin:before {
            content: "\f3eb"
        }

        .fa-tiktok:before {
            content: "\e07b"
        }

        .fa-square-facebook:before {
            content: "\f082"
        }

        .fa-facebook-square:before {
            content: "\f082"
        }

        .fa-renren:before {
            content: "\f18b"
        }

        .fa-linux:before {
            content: "\f17c"
        }

        .fa-glide:before {
            content: "\f2a5"
        }

        .fa-linkedin:before {
            content: "\f08c"
        }

        .fa-hubspot:before {
            content: "\f3b2"
        }

        .fa-deploydog:before {
            content: "\f38e"
        }

        .fa-twitch:before {
            content: "\f1e8"
        }

        .fa-ravelry:before {
            content: "\f2d9"
        }

        .fa-mixer:before {
            content: "\e056"
        }

        .fa-square-lastfm:before {
            content: "\f203"
        }

        .fa-lastfm-square:before {
            content: "\f203"
        }

        .fa-vimeo:before {
            content: "\f40a"
        }

        .fa-mendeley:before {
            content: "\f7b3"
        }

        .fa-uniregistry:before {
            content: "\f404"
        }

        .fa-figma:before {
            content: "\f799"
        }

        .fa-creative-commons-remix:before {
            content: "\f4ee"
        }

        .fa-cc-amazon-pay:before {
            content: "\f42d"
        }

        .fa-dropbox:before {
            content: "\f16b"
        }

        .fa-instagram:before {
            content: "\f16d"
        }

        .fa-cmplid:before {
            content: "\e360"
        }

        .fa-upwork:before {
            content: "\e641"
        }

        .fa-facebook:before {
            content: "\f09a"
        }

        .fa-gripfire:before {
            content: "\f3ac"
        }

        .fa-jedi-order:before {
            content: "\f50e"
        }

        .fa-uikit:before {
            content: "\f403"
        }

        .fa-fort-awesome-alt:before {
            content: "\f3a3"
        }

        .fa-phabricator:before {
            content: "\f3db"
        }

        .fa-ussunnah:before {
            content: "\f407"
        }

        .fa-earlybirds:before {
            content: "\f39a"
        }

        .fa-trade-federation:before {
            content: "\f513"
        }

        .fa-autoprefixer:before {
            content: "\f41c"
        }

        .fa-whatsapp:before {
            content: "\f232"
        }

        .fa-square-upwork:before {
            content: "\e67c"
        }

        .fa-slideshare:before {
            content: "\f1e7"
        }

        .fa-google-play:before {
            content: "\f3ab"
        }

        .fa-viadeo:before {
            content: "\f2a9"
        }

        .fa-line:before {
            content: "\f3c0"
        }

        .fa-google-drive:before {
            content: "\f3aa"
        }

        .fa-servicestack:before {
            content: "\f3ec"
        }

        .fa-simplybuilt:before {
            content: "\f215"
        }

        .fa-bitbucket:before {
            content: "\f171"
        }

        .fa-imdb:before {
            content: "\f2d8"
        }

        .fa-deezer:before {
            content: "\e077"
        }

        .fa-raspberry-pi:before {
            content: "\f7bb"
        }

        .fa-jira:before {
            content: "\f7b1"
        }

        .fa-docker:before {
            content: "\f395"
        }

        .fa-screenpal:before {
            content: "\e570"
        }

        .fa-bluetooth:before {
            content: "\f293"
        }

        .fa-gitter:before {
            content: "\f426"
        }

        .fa-d-and-d:before {
            content: "\f38d"
        }

        .fa-microblog:before {
            content: "\e01a"
        }

        .fa-cc-diners-club:before {
            content: "\f24c"
        }

        .fa-gg-circle:before {
            content: "\f261"
        }

        .fa-pied-piper-hat:before {
            content: "\f4e5"
        }

        .fa-kickstarter-k:before {
            content: "\f3bc"
        }

        .fa-yandex:before {
            content: "\f413"
        }

        .fa-readme:before {
            content: "\f4d5"
        }

        .fa-html5:before {
            content: "\f13b"
        }

        .fa-sellsy:before {
            content: "\f213"
        }

        .fa-square-web-awesome:before {
            content: "\e683"
        }

        .fa-sass:before {
            content: "\f41e"
        }

        .fa-wirsindhandwerk:before {
            content: "\e2d0"
        }

        .fa-wsh:before {
            content: "\e2d0"
        }

        .fa-buromobelexperte:before {
            content: "\f37f"
        }

        .fa-salesforce:before {
            content: "\f83b"
        }

        .fa-octopus-deploy:before {
            content: "\e082"
        }

        .fa-medapps:before {
            content: "\f3c6"
        }

        .fa-ns8:before {
            content: "\f3d5"
        }

        .fa-pinterest-p:before {
            content: "\f231"
        }

        .fa-apper:before {
            content: "\f371"
        }

        .fa-fort-awesome:before {
            content: "\f286"
        }

        .fa-waze:before {
            content: "\f83f"
        }

        .fa-bluesky:before {
            content: "\e671"
        }

        .fa-cc-jcb:before {
            content: "\f24b"
        }

        .fa-snapchat:before {
            content: "\f2ab"
        }

        .fa-snapchat-ghost:before {
            content: "\f2ab"
        }

        .fa-fantasy-flight-games:before {
            content: "\f6dc"
        }

        .fa-rust:before {
            content: "\e07a"
        }

        .fa-wix:before {
            content: "\f5cf"
        }

        .fa-square-behance:before {
            content: "\f1b5"
        }

        .fa-behance-square:before {
            content: "\f1b5"
        }

        .fa-supple:before {
            content: "\f3f9"
        }

        .fa-webflow:before {
            content: "\e65c"
        }

        .fa-rebel:before {
            content: "\f1d0"
        }

        .fa-css3:before {
            content: "\f13c"
        }

        .fa-staylinked:before {
            content: "\f3f5"
        }

        .fa-kaggle:before {
            content: "\f5fa"
        }

        .fa-space-awesome:before {
            content: "\e5ac"
        }

        .fa-deviantart:before {
            content: "\f1bd"
        }

        .fa-cpanel:before {
            content: "\f388"
        }

        .fa-goodreads-g:before {
            content: "\f3a9"
        }

        .fa-square-git:before {
            content: "\f1d2"
        }

        .fa-git-square:before {
            content: "\f1d2"
        }

        .fa-square-tumblr:before {
            content: "\f174"
        }

        .fa-tumblr-square:before {
            content: "\f174"
        }

        .fa-trello:before {
            content: "\f181"
        }

        .fa-creative-commons-nc-jp:before {
            content: "\f4ea"
        }

        .fa-get-pocket:before {
            content: "\f265"
        }

        .fa-perbyte:before {
            content: "\e083"
        }

        .fa-grunt:before {
            content: "\f3ad"
        }

        .fa-weebly:before {
            content: "\f5cc"
        }

        .fa-connectdevelop:before {
            content: "\f20e"
        }

        .fa-leanpub:before {
            content: "\f212"
        }

        .fa-black-tie:before {
            content: "\f27e"
        }

        .fa-themeco:before {
            content: "\f5c6"
        }

        .fa-python:before {
            content: "\f3e2"
        }

        .fa-android:before {
            content: "\f17b"
        }

        .fa-bots:before {
            content: "\e340"
        }

        .fa-free-code-camp:before {
            content: "\f2c5"
        }

        .fa-hornbill:before {
            content: "\f592"
        }

        .fa-js:before {
            content: "\f3b8"
        }

        .fa-ideal:before {
            content: "\e013"
        }

        .fa-git:before {
            content: "\f1d3"
        }

        .fa-dev:before {
            content: "\f6cc"
        }

        .fa-sketch:before {
            content: "\f7c6"
        }

        .fa-yandex-international:before {
            content: "\f414"
        }

        .fa-cc-amex:before {
            content: "\f1f3"
        }

        .fa-uber:before {
            content: "\f402"
        }

        .fa-github:before {
            content: "\f09b"
        }

        .fa-php:before {
            content: "\f457"
        }

        .fa-alipay:before {
            content: "\f642"
        }

        .fa-youtube:before {
            content: "\f167"
        }

        .fa-skyatlas:before {
            content: "\f216"
        }

        .fa-firefox-browser:before {
            content: "\e007"
        }

        .fa-replyd:before {
            content: "\f3e6"
        }

        .fa-suse:before {
            content: "\f7d6"
        }

        .fa-jenkins:before {
            content: "\f3b6"
        }

        .fa-twitter:before {
            content: "\f099"
        }

        .fa-rockrms:before {
            content: "\f3e9"
        }

        .fa-pinterest:before {
            content: "\f0d2"
        }

        .fa-buffer:before {
            content: "\f837"
        }

        .fa-npm:before {
            content: "\f3d4"
        }

        .fa-yammer:before {
            content: "\f840"
        }

        .fa-btc:before {
            content: "\f15a"
        }

        .fa-dribbble:before {
            content: "\f17d"
        }

        .fa-stumbleupon-circle:before {
            content: "\f1a3"
        }

        .fa-internet-explorer:before {
            content: "\f26b"
        }

        .fa-stubber:before {
            content: "\e5c7"
        }

        .fa-telegram:before {
            content: "\f2c6"
        }

        .fa-telegram-plane:before {
            content: "\f2c6"
        }

        .fa-old-republic:before {
            content: "\f510"
        }

        .fa-odysee:before {
            content: "\e5c6"
        }

        .fa-square-whatsapp:before {
            content: "\f40c"
        }

        .fa-whatsapp-square:before {
            content: "\f40c"
        }

        .fa-node-js:before {
            content: "\f3d3"
        }

        .fa-edge-legacy:before {
            content: "\e078"
        }

        .fa-slack:before {
            content: "\f198"
        }

        .fa-slack-hash:before {
            content: "\f198"
        }

        .fa-medrt:before {
            content: "\f3c8"
        }

        .fa-usb:before {
            content: "\f287"
        }

        .fa-tumblr:before {
            content: "\f173"
        }

        .fa-vaadin:before {
            content: "\f408"
        }

        .fa-quora:before {
            content: "\f2c4"
        }

        .fa-square-x-twitter:before {
            content: "\e61a"
        }

        .fa-reacteurope:before {
            content: "\f75d"
        }

        .fa-medium:before {
            content: "\f23a"
        }

        .fa-medium-m:before {
            content: "\f23a"
        }

        .fa-amilia:before {
            content: "\f36d"
        }

        .fa-mixcloud:before {
            content: "\f289"
        }

        .fa-flipboard:before {
            content: "\f44d"
        }

        .fa-viacoin:before {
            content: "\f237"
        }

        .fa-critical-role:before {
            content: "\f6c9"
        }

        .fa-sitrox:before {
            content: "\e44a"
        }

        .fa-discourse:before {
            content: "\f393"
        }

        .fa-joomla:before {
            content: "\f1aa"
        }

        .fa-mastodon:before {
            content: "\f4f6"
        }

        .fa-airbnb:before {
            content: "\f834"
        }

        .fa-wolf-pack-battalion:before {
            content: "\f514"
        }

        .fa-buy-n-large:before {
            content: "\f8a6"
        }

        .fa-gulp:before {
            content: "\f3ae"
        }

        .fa-creative-commons-sampling-plus:before {
            content: "\f4f1"
        }

        .fa-strava:before {
            content: "\f428"
        }

        .fa-ember:before {
            content: "\f423"
        }

        .fa-canadian-maple-leaf:before {
            content: "\f785"
        }

        .fa-teamspeak:before {
            content: "\f4f9"
        }

        .fa-pushed:before {
            content: "\f3e1"
        }

        .fa-wordpress-simple:before {
            content: "\f411"
        }

        .fa-nutritionix:before {
            content: "\f3d6"
        }

        .fa-wodu:before {
            content: "\e088"
        }

        .fa-google-pay:before {
            content: "\e079"
        }

        .fa-intercom:before {
            content: "\f7af"
        }

        .fa-zhihu:before {
            content: "\f63f"
        }

        .fa-korvue:before {
            content: "\f42f"
        }

        .fa-pix:before {
            content: "\e43a"
        }

        .fa-steam-symbol:before {
            content: "\f3f6"
        }

        /*!
 * Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
        :root,
        :host {
            --fa-style-family-classic: 'Font Awesome 6 Free';
            --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'
        }

        @font-face {
            font-family: 'Font Awesome 6 Free';
            font-style: normal;
            font-weight: 900;
            font-display: block;
            src: url(//appinventiv.com/wp-content/themes/twentynineteen-child/font-awesome/css/../webfonts/fa-solid-900.woff2) format("woff2"), url(//appinventiv.com/wp-content/themes/twentynineteen-child/font-awesome/css/../webfonts/fa-solid-900.ttf) format("truetype")
        }

        .fas,
        .fa-solid {
            font-weight: 900
        }

        .appi-exit-modal-wrapper {
            max-width: 1517px;
            width: 100%;
            margin: 0 auto;
            border: 1px solid #3e3e3d;
            border-radius: 24px;
            overflow: hidden
        }

        .appi-exit-modal-wrapper .appi-exit-modal-left {
            width: 60%;
            position: relative;
            z-index: 2;
            padding: 32px;
            overflow: hidden
        }

        .appi-exit-modal-wrapper .appi-exit-modal-form-wrapper {
            width: 40%;
            background: #000
        }

        .appi-exit-modal-wrapper .global-brands-wrapper {
            padding-top: 16px;
            background-color: #000
        }

        .appi-exit-modal-wrapper .global-brands-title {
            color: #888886
        }

        .appi-exit-modal-wrapper .exit-modal-marquee-container {
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            position: relative;
            z-index: 2
        }

        .appi-exit-modal-wrapper .exit-modal-marquee-content {
            display: flex;
            align-items: center;
            animation: exit-modal-marquee 15s linear infinite;
            padding: 16px 0;
            white-space: nowrap;
            width: 200%
        }

        .appi-exit-modal-wrapper .exitmodal-client-logo {
            height: 54px;
            min-width: 133px;
            white-space: nowrap;
            display: flex;
            align-items: center;
            justify-content: center
        }

        @keyframes exit-modal-marquee {
            0% {
                transform: translateX(0%)
            }

            100% {
                transform: translateX(-50%)
            }
        }

        .appi-exit-modal-wrapper {
            z-index: 999999
        }

        .appi-exit-modal-wrapper.hidden {
            z-index: -1
        }

        .appi-exit-modal-wrapper .exitmodal-client-slider-container {
            width: 100%;
            position: relative;
            padding: 32px;
            border-radius: 16px;
            background: rgba(0, 0, 0, .3);
            border: 1px solid #383a3f;
            backdrop-filter: blur(50px);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .appi-exit-modal-wrapper .client-carousel {
            position: relative;
            z-index: 1
        }

        .appi-exit-modal-wrapper .client-slide {
            padding: 0
        }

        .appi-exit-modal-wrapper .client-quote svg {
            width: 48px;
            height: 48px
        }

        .appi-exit-modal-wrapper .client-slider-content {
            margin: 8px 0 48px
        }

        .appi-exit-modal-wrapper .award-modal-title {
            color: #94908f
        }

        .appi-exit-modal-wrapper .testimonial-description {
            opacity: .9;
            line-height: 1.6
        }

        .appi-exit-modal-wrapper .client-image-card {
            position: relative;
            z-index: 2
        }

        .appi-exit-modal-wrapper .client-images-stack {
            display: flex;
            z-index: 2
        }

        .appi-exit-modal-wrapper .client-card-image-item {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            overflow: hidden;
            transition: all .4s cubic-bezier(.4, 0, .2, 1);
            position: relative
        }

        .appi-exit-modal-wrapper .client-card-image-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            border-radius: 50%
        }

        .appi-exit-modal-wrapper .client-designation {
            font-size: 14px;
            opacity: .5
        }

        .appi-exit-modal-wrapper .gap2 {
            gap: 2px
        }

        .appi-exit-modal-wrapper .client-testimonial-nav {
            z-index: 3
        }

        .appi-exit-modal-wrapper .modal-client-card-detail {
            position: relative;
            width: 100%;
            display: flex;
            align-items: center
        }

        .appi-exit-modal-wrapper .modal-client-detail-sec {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            visibility: hidden;
            transition: opacity .3s ease, visibility .3s ease;
            pointer-events: none;
            display: flex;
            align-items: center;
            gap: 12px
        }

        .appi-exit-modal-wrapper .modal-client-detail-sec.active {
            position: relative;
            opacity: 1;
            visibility: visible;
            pointer-events: auto
        }

        .appi-exit-modal-wrapper .client-detail-sec {
            display: block !important;
            opacity: 1
        }

        .appi-exit-modal-wrapper .client-testimonial-nav-btn {
            cursor: pointer;
            transition: all .3s ease;
            background-color: transparent;
            border: none;
            display: flex
        }

        .appi-exit-modal-wrapper .client-testimonial-nav-btn svg {
            display: flex;
            align-items: center
        }

        .appi-exit-modal-wrapper .award-modal-title {
            position: relative;
            padding: 0 36px
        }

        .appi-exit-modal-wrapper .modal-awards-header {
            margin-bottom: 12px
        }

        .appi-exit-modal-wrapper .award-modal-title:before,
        .appi-exit-modal-wrapper .award-modal-title:after {
            opacity: .5;
            width: 14px;
            height: 24px;
            background-size: 14px 24px;
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/award-modal-title-badge.svg) no-repeat center center;
            position: absolute;
            content: "";
            top: 50%;
            transform: translateY(-50%)
        }

        .appi-exit-modal-wrapper .award-modal-title:before {
            left: 0
        }

        .appi-exit-modal-wrapper .award-modal-title:after {
            right: 0;
            background: url(//appinventiv.com/wp-content/themes/twentynineteen-child/css/pages/../../new-images/award-modal-title-badge-right.svg) no-repeat center center
        }

        .appi-exit-modal-wrapper .modal-awards-content-item {
            padding: 30px 46px 5px
        }

        .appi-exit-modal-wrapper .modal-awards-content-item img {
            max-width: 100%
        }

        .appi-exit-modal-wrapper .contact-form-section {
            padding: 24px;
            background: #fff;
            width: 100%
        }

        .appi-exit-modal-wrapper .form-title-main {
            padding-right: 50px
        }

        .appi-exit-modal-wrapper .contact-form-flex {
            position: relative
        }

        .appi-exit-modal-wrapper .exit-modal-close {
            position: absolute;
            right: 0;
            top: 0 !important;
            cursor: pointer;
            z-index: 99999;
            display: flex;
            justify-content: center
        }

        .appi-exit-modal-wrapper .error-msg {
            position: relative;
            margin-top: 6px;
            color: #ff4246;
            font-size: 12px;
            font-weight: 500;
            display: none
        }

        .appi-exit-modal-wrapper .form-fields-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 32px;
            margin-bottom: 44px;
            width: 100%
        }

        .appi-exit-modal-wrapper .form-field-wrap {
            position: relative;
            margin: 10px 0;
            flex: 1 1 calc(50% - 32px)
        }

        .appi-exit-modal-wrapper .contact_number .iti {
            width: 100% !important
        }

        .appi-exit-modal-wrapper .contact_number .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
        .appi-exit-modal-wrapper .contact_number .iti--separate-dial-code .iti__selected-flag {
            background-color: transparent !important
        }

        .appi-exit-modal-wrapper .blk-text {
            color: var(--color-bg-dark)
        }

        .appi-exit-modal-wrapper .floating-input-text {
            border: none;
            padding-bottom: 6px;
            caret-color: var(--color-primary);
            border-bottom: 1px solid #888886;
            color: #000;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.4;
            width: 100%;
            position: relative
        }

        .appi-exit-modal-wrapper .floating-input-text:focus {
            border: none;
            outline: none;
            border-bottom: 1px solid #000
        }

        .appi-exit-modal-wrapper .clear_text {
            position: absolute;
            background: #cdcfd2;
            border-radius: 50%;
            width: 18px;
            height: 18px;
            top: 3px;
            right: 0;
            cursor: pointer
        }

        .appi-exit-modal-wrapper .clear_text:before,
        .appi-exit-modal-wrapper .clear_text:after {
            background-color: #fff;
            position: absolute;
            content: "";
            transform: rotate(-45deg)
        }

        .appi-exit-modal-wrapper .clear_text:before {
            width: 10px;
            height: 2px;
            left: 4px;
            top: 8px
        }

        .appi-exit-modal-wrapper .clear_text:after {
            width: 2px;
            height: 10px;
            left: 8px;
            top: 4px
        }

        .appi-exit-modal-wrapper .floating-input-label {
            position: absolute;
            top: 0;
            left: 0;
            color: #888886;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.6;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            pointer-events: none;
            transition: .3s ease all;
            -moz-transition: .3s ease all;
            -webkit-transition: .3s ease all;
            -ms-transition: .3s ease all;
            -o-transition: .3s ease all
        }

        .appi-exit-modal-wrapper .floating-input-text.floated {
            border-bottom: 1px solid var(--color-primary)
        }

        .appi-exit-modal-wrapper .floating-input-text.floated.floated_no_focus {
            border-bottom: 1px solid var(--color-bg-dark)
        }

        .appi-exit-modal-wrapper .floated+.floating-input-label,
        .appi-exit-modal-wrapper .floated+em+.floating-input-label {
            top: -24px;
            left: 0;
            color: #000;
            font-size: 12px;
            font-weight: 500
        }

        .appi-exit-modal-wrapper .error .floated.floating-input-text {
            border-bottom: 1px solid #ff4246;
            caret-color: #ff4246
        }

        .appi-exit-modal-wrapper .country-wrap .floating-input-label {
            left: 15px
        }

        .appi-exit-modal-wrapper .contact_number .floating-input-text {
            padding-left: 15px
        }

        .appi-exit-modal-wrapper .contact-input-wrap .floated+.floating-input-label {
            left: -60px !important
        }

        .appi-exit-modal-wrapper .contact-input-wrap.add-contact-wrap .floating-input-label {
            top: -24px !important;
            left: 0 !important;
            font-size: 12px;
            font-weight: 500;
            color: #000
        }

        .appi-exit-modal-wrapper .contact-input-wrap .iti__selected-flag {
            padding: 0 6px 4px 8px
        }

        .appi-exit-modal-wrapper .contact-input-wrap #contact_phonemuber {
            padding-left: 100px !important
        }

        .appi-exit-modal-wrapper .selectric-wrapper {
            top: -10px
        }

        .appi-exit-modal-wrapper .selectric {
            border: 0;
            border-bottom: 1px solid #888886;
            background: 0 0
        }

        .appi-exit-modal-wrapper .country-wrap {
            display: flex
        }

        .appi-exit-modal-wrapper .country-dropdown {
            width: 60px
        }

        .appi-exit-modal-wrapper .contact_number {
            width: 100%
        }

        .appi-exit-modal-wrapper .country-select {
            position: relative;
            display: inline-block;
            width: 100%
        }

        .appi-exit-modal-wrapper .contact-input-wrap:before {
            content: "";
            background: #ddd;
            width: 1px;
            height: 22px;
            position: absolute;
            left: 0;
            display: block;
            z-index: 5;
            top: 3px
        }

        .appi-exit-modal-wrapper .contact_number .floating-input-label {
            left: 8px
        }

        .appi-exit-modal-wrapper .contact_number .iti--allow-dropdown+.floating-input-label {
            left: 95px;
            top: 0
        }

        .appi-exit-modal-wrapper .contact_number .floating-input-text .country_list_selectric .selectric .button {
            background-color: transparent
        }

        .appi-exit-modal-wrapper .selectric .button {
            position: absolute;
            right: 0;
            top: 7px;
            width: 38px;
            background-color: transparent;
            color: #ddd;
            text-align: center
        }

        .appi-exit-modal-wrapper .selectric .button:after {
            content: " ";
            position: absolute;
            top: 15px;
            right: -10px;
            bottom: 0;
            left: 0;
            width: 0;
            height: 0;
            margin: 0 auto;
            border: 4px solid transparent;
            border-top-color: #000;
            border-bottom: none
        }

        .appi-exit-modal-wrapper .request-form-panel .selectric .button:after {
            top: 10px;
            right: -10px
        }

        .appi-exit-modal-wrapper .request-form-panel .country-dropdown {
            width: 80px
        }

        .appi-exit-modal-wrapper .selectric .label {
            font-size: 12px;
            color: #444;
            font-weight: 400;
            width: 85px;
            padding-top: 5px;
            margin: 0 35px 0 0
        }

        .appi-exit-modal-wrapper .form_group,
        .appi-exit-modal-wrapper .contact-input-wrap {
            position: relative
        }

        .appi-exit-modal-wrapper .contact_number .form_group input {
            padding-left: 15px !important
        }

        .appi-exit-modal-wrapper .form-field-wrap .contact_number input:focus+label,
        .appi-exit-modal-wrapper .form-field-wrap .contact_number input.has-value+label,
        .appi-exit-modal-wrapper .form-field-wrap .contact_number textarea:focus+label,
        .appi-exit-modal-wrapper .form-field-wrap .contact_number textarea.has-value+label {
            left: 15px
        }

        .appi-exit-modal-wrapper .form__select .floating-input-label {
            opacity: 0
        }

        .appi-exit-modal-wrapper .form__select .floating-input-label.open {
            opacity: 1;
            top: -20px;
            font-size: 12px;
            color: var(--color-bg-dark)
        }

        .appi-exit-modal-wrapper .select2-container {
            width: 100% !important
        }

        .appi-exit-modal-wrapper .select2-container--default .select2-selection--single {
            border: none;
            border-radius: 0;
            background-color: transparent;
            border-bottom: 1px solid #888886
        }

        .appi-exit-modal-wrapper .active-border .select2-container--default .select2-selection--single {
            border-bottom: 1px solid var(--color-primary)
        }

        .appi-exit-modal-wrapper .active-border .contact_number .floating-input-text {
            border-bottom: 1px solid var(--color-primary)
        }

        .appi-exit-modal-wrapper .active-border .value_selected+.contact_number .contact_number .floating-input-text.floated {
            border-bottom: 1px solid #000
        }

        .appi-exit-modal-wrapper .value_selected+.contact_number .country-selected {
            border-bottom: 1px solid #000
        }

        .appi-exit-modal-wrapper .countrycode-number .floating-input-text.floated_no_focus {
            border-bottom: 1px solid #888886
        }

        .appi-exit-modal-wrapper .value_selected .select2-selection--single {
            border-bottom: 1px solid var(--color-bg-dark)
        }

        .appi-exit-modal-wrapper .restore_placeholder .select2-selection--single {
            border-bottom: 1px solid var(--color-bg-dark)
        }

        .appi-exit-modal-wrapper .select2-container--open .select2-dropdown--below {
            border-radius: 4px;
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
            border: 1px solid #ddd;
            margin-top: 4px
        }

        .appi-exit-modal-wrapper .select2-results__option {
            font-size: 14px;
            padding: 7px 15px;
            color: var(--color-bg-dark);
            vertical-align: middle;
            position: relative
        }

        .appi-exit-modal-wrapper .select2-container--default .select2-results>.select2-results__options {
            max-height: 250px;
            overflow-y: auto;
            margin: 6px 0 2px
        }

        .appi-exit-modal-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
            margin-top: 0;
            border-color: #000 transparent transparent
        }

        .appi-exit-modal-wrapper .select2-container--default .select2-results__option--highlighted[aria-selected],
        .appi-exit-modal-wrapper .select2-container--default .select2-results__option[aria-selected=true] {
            background-color: transparent;
            color: var(--bodyText);
            font-weight: 600
        }

        .appi-exit-modal-wrapper .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
            width: 2px
        }

        .appi-exit-modal-wrapper .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
            background-color: #e4e4e4;
            border-radius: 12px
        }

        .appi-exit-modal-wrapper .form__select .select2-search {
            display: none
        }

        .appi-exit-modal-wrapper .select2-container--open .select2-selection--single {
            border-bottom: 1px solid var(--color-primary)
        }

        .appi-exit-modal-wrapper .select2-selection__clear {
            display: none
        }

        .appi-exit-modal-wrapper .select2-container .select2-selection--single {
            height: 34px;
            padding-top: 2px
        }

        .appi-exit-modal-wrapper .countrycode-number .value_selected .select2-container .select2-selection--single {
            padding-top: 0
        }

        .appi-exit-modal-wrapper .select2-container .select2-selection--single .select2-selection__rendered,
        .appi-exit-modal-wrapper .value_selected.restore_placeholder .select2-container .select2-selection--single .select2-selection__rendered {
            font-size: 16px;
            font-weight: 400;
            color: #888886;
            padding: 0 30px 0 0;
            line-height: 1.4
        }

        .appi-exit-modal-wrapper .countrycode-number .value_selected .select2-selection--single .select2-selection__rendered {
            padding-top: 2px !important
        }

        .appi-exit-modal-wrapper .value_selected .select2-container .select2-selection--single .select2-selection__rendered {
            color: #000
        }

        .appi-exit-modal-wrapper .form__floating .select2-container {
            z-index: unset;
            cursor: pointer
        }

        .appi-exit-modal-wrapper .value_selected .select2-selection--single .select2-selection__rendered,
        .appi-exit-modal-wrapper .restore_placeholder .select2-selection--single .select2-selection__rendered {
            padding-top: 5px !important
        }

        .appi-exit-modal-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
            top: -1px
        }

        .appi-exit-modal-wrapper .select2-selection__placeholder {
            color: #888886 !important;
            font-weight: 500;
            font-size: 16px
        }

        .appi-exit-modal-wrapper .auto-grow-textarea {
            color: #000;
            width: 100%;
            height: 75px;
            max-height: 90px;
            resize: vertical;
            overflow-y: auto;
            border: none;
            padding-bottom: 6px;
            font-size: 16px;
            line-height: 1.4;
            border-bottom: 1px solid #888886
        }

        .appi-exit-modal-wrapper .form-field-wrap.mb0 {
            margin-bottom: 0
        }

        .appi-exit-modal-wrapper .contact-form-footer {
            margin-top: 48px
        }

        .appi-exit-modal-wrapper .fast-response-nda-wrap {
            border-radius: 8px;
            background: #fefbdc;
            align-items: center;
            padding: 8px;
            margin-top: -8px
        }

        .appi-exit-modal-wrapper .form-captcha-text {
            color: #000
        }

        .appi-exit-modal-wrapper .form-captcha-box {
            border: 1px solid #dfdedc;
            padding: 10px 16px;
            border-radius: 8px;
            max-width: 59px;
            height: 50px;
            text-align: center;
            line-height: 1.4
        }

        .appi-exit-modal-wrapper .form-captcha-box:focus {
            border: 1px solid var(--color-primary)
        }

        .appi-exit-modal-wrapper .contact-form-submit {
            min-width: 356px;
            max-width: 100%;
            justify-content: center
        }

        .appi-exit-modal-wrapper .form-lg-column .clear_text {
            display: none !important
        }

        .appi-exit-modal-wrapper .contact-form-footer .swap-text-button {
            border-top: 2px solid #0d47b2
        }

        .appi-exit-modal-wrapper .contact_number .floating-input-text {
            height: 33px
        }

        .submit_btn_span {
            position: relative
        }

        .exit_modalnew .error input,
        .exit_modalnew .error textarea {
            border-bottom: 1px solid #d00
        }

        .exit_modalnew .error #exitpopup_capt {
            border: 1px solid #d00
        }

        .appi-exit-modal-wrapper .form-field-wrap.floated .floating-input-label {
            transform: translateY(-15px);
            font-size: 12px
        }

        @media (max-width: 1680px) {
            .appi-exit-modal-wrapper {
                max-width: 1256px;
                border-radius: 20px
            }

            .appi-exit-modal-wrapper .contact-form-section {
                padding: 20px
            }

            .appi-exit-modal-wrapper .floating-input-label {
                font-size: 14px
            }

            .appi-exit-modal-wrapper .contact-form-submit {
                min-width: 232px
            }

            .appi-exit-modal-wrapper .form-captcha-box {
                padding: 10px 12px;
                max-width: 54px;
                height: 44px
            }

            .appi-exit-modal-wrapper .contact-form-footer {
                margin-top: 38px
            }

            .appi-exit-modal-wrapper .contact-form-top.fdc.gap48 {
                gap: 38px
            }

            .appi-exit-modal-wrapper .fast-response-nda-wrap {
                padding: 7px
            }

            .appi-exit-modal-wrapper .exitmodal-client-logo {
                height: 50px;
                min-width: 136px
            }

            .appi-exit-modal-wrapper .exitmodal-client-logo img {
                transform: scale(.95)
            }

            .appi-exit-modal-wrapper .global-brands-title {
                font-size: 12px
            }

            .appi-exit-modal-wrapper .exit-modal-close svg {
                max-width: 28px
            }

            .appi-exit-modal-wrapper .client-slider-text.fs-base {
                font-size: 16px
            }

            .appi-exit-modal-wrapper .form-title-main {
                font-size: 14px
            }

            .appi-exit-modal-wrapper .form-title-main {
                padding-right: 44px
            }

            .appi-exit-modal-wrapper .fast-response-nda-wrap .fs-sm {
                font-size: 12px
            }

            .appi-exit-modal-wrapper .floating-input-text {
                font-size: 15px
            }

            .appi-exit-modal-wrapper .floated+.floating-input-label,
            .appi-exit-modal-wrapper .floated+em+.floating-input-label {
                top: -18px
            }

            .appi-exit-modal-wrapper .form-field-wrap {
                margin: 7px 0
            }

            .appi-exit-modal-wrapper .contact-form-footer .swap-text-button {
                padding: 16px 32px
            }

            .appi-exit-modal-wrapper .client-quote svg {
                width: 36px;
                height: 36px
            }

            .appi-exit-modal-wrapper .client-slider-content {
                margin: 6px 0 36px
            }

            .appi-exit-modal-wrapper .exitmodal-client-slider-container {
                padding: 24px
            }

            .appi-exit-modal-wrapper .appi-exit-modal-content>.gap36 {
                gap: 24px
            }

            .appi-exit-modal-wrapper .form-fields-grid {
                gap: 28px;
                margin-bottom: 28px
            }

            .appi-exit-modal-wrapper .appi-exit-modal-left {
                padding: 28px
            }

            .appi-exit-modal-wrapper .client-card-image-item {
                width: 48px;
                height: 48px
            }

            .appi-exit-modal-wrapper .client-designation {
                font-size: 13px
            }

            .appi-exit-modal-wrapper .modal-awards-content-item {
                padding: 16px 42px 5px
            }
        }

        @media (max-width: 1550px) {
            .appi-exit-modal-wrapper {
                max-width: 1224px;
                border-radius: 18px
            }

            .appi-exit-modal-wrapper .contact-form-section {
                padding: 18px
            }

            .appi-exit-modal-wrapper .floating-input-label {
                font-size: 14px
            }

            .appi-exit-modal-wrapper .select2-container .select2-selection--single {
                height: 29px
            }

            .appi-exit-modal-wrapper .contact-form-submit {
                min-width: 218px
            }

            .appi-exit-modal-wrapper .form-captcha-box {
                padding: 10px 12px;
                max-width: 54px;
                height: 44px
            }

            .appi-exit-modal-wrapper .contact-form-footer {
                margin-top: 36px
            }

            .appi-exit-modal-wrapper .contact-form-top.fdc.gap48 {
                gap: 36px
            }

            .appi-exit-modal-wrapper .fast-response-nda-wrap {
                padding: 6px
            }

            .appi-exit-modal-wrapper .exitmodal-client-logo {
                height: 40px;
                min-width: 126px
            }

            .appi-exit-modal-wrapper .exitmodal-client-logo img {
                transform: scale(.9)
            }

            .appi-exit-modal-wrapper .global-brands-title,
            .appi-exit-modal-wrapper .form-title-main {
                font-size: 12px
            }

            .appi-exit-modal-wrapper .exit-modal-close svg {
                max-width: 24px
            }

            .appi-exit-modal-wrapper .client-quote svg {
                width: 34px;
                height: 34px
            }

            .appi-exit-modal-wrapper .client-slider-content {
                margin: 6px 0 36px
            }

            .appi-exit-modal-wrapper .exitmodal-client-slider-container {
                padding: 24px
            }

            .appi-exit-modal-wrapper .appi-exit-modal-content>.gap36 {
                gap: 24px
            }

            .appi-exit-modal-wrapper .form-fields-grid {
                gap: 24px;
                margin-bottom: 24px
            }

            .appi-exit-modal-wrapper .appi-exit-modal-left {
                padding: 24px
            }

            .appi-exit-modal-wrapper .client-card-image-item {
                width: 46px;
                height: 46px
            }

            .appi-exit-modal-wrapper .client-designation {
                font-size: 12px
            }
        }

        @media (max-width: 1470px) {
            .appi-exit-modal-wrapper {
                max-width: 1054px;
                border-radius: 16px
            }

            .appi-exit-modal-wrapper .contact-form-section {
                padding: 16px
            }

            .appi-exit-modal-wrapper .floating-input-label {
                font-size: 13px
            }

            .appi-exit-modal-wrapper .contact-form-submit {
                min-width: 190px
            }

            .appi-exit-modal-wrapper .form-captcha-box {
                padding: 10px 12px;
                max-width: 54px;
                height: 44px
            }

            .appi-exit-modal-wrapper .contact-form-footer {
                margin-top: 36px
            }

            .appi-exit-modal-wrapper .contact-form-top.fdc.gap48 {
                gap: 36px
            }

            .appi-exit-modal-wrapper .exitmodal-client-logo {
                height: 26px;
                min-width: 106px
            }

            .appi-exit-modal-wrapper .global-brands-title {
                font-size: 11px
            }

            .appi-exit-modal-wrapper .client-card-image-item {
                width: 42px;
                height: 42px
            }

            .appi-exit-modal-wrapper .exitmodal-client-logo img {
                transform: scale(.8)
            }

            .appi-exit-modal-wrapper .client-quote svg {
                width: 34px;
                height: 34px
            }

            .appi-exit-modal-wrapper .client-slider-content {
                margin: 6px 0 36px
            }

            .appi-exit-modal-wrapper .exitmodal-client-slider-container {
                padding: 20px
            }

            .appi-exit-modal-wrapper .client-designation {
                font-size: 11px
            }

            .appi-exit-modal-wrapper .appi-exit-modal-content>.gap36 {
                gap: 24px
            }

            .appi-exit-modal-wrapper .form-fields-grid {
                gap: 20px;
                margin-bottom: 24px
            }

            .appi-exit-modal-wrapper .contact-content-section {
                padding: 32px
            }

            .appi-exit-modal-wrapper .contact-text {
                font-size: 11px
            }

            .appi-exit-modal-wrapper .contact-title {
                margin-bottom: 10px;
                font-size: 12px
            }

            .appi-exit-modal-wrapper .contact-icon {
                margin-bottom: 18px
            }

            .appi-exit-modal-wrapper .contact-info-box {
                padding: 16px
            }

            .appi-exit-modal-wrapper .modal-awards-content-item {
                padding: 12px 36px 0
            }

            .appi-exit-modal-wrapper .appi-exit-modal-left {
                padding: 20px
            }

            .appi-exit-modal-wrapper .form-fields-grid {
                row-gap: 14px;
                margin-bottom: 22px
            }

            .appi-exit-modal-wrapper .contact-form-footer {
                margin-top: 32px
            }

            .appi-exit-modal-wrapper .contact_number .floating-input-text {
                height: 29px
            }

            .appi-exit-modal-wrapper .icon-btn {
                margin-left: 8px
            }

            .appi-exit-modal-wrapper .client-slider-text.fs-base {
                font-size: 14px
            }
        }

        @media (max-width: 1366px) {
            .appi-exit-modal-wrapper .client-slider-text.fs-base {
                font-size: 12px
            }

            .appi-exit-modal-wrapper .contact-form-banner {
                padding-bottom: 2.375em
            }

            .appi-exit-modal-wrapper .fs-sp-title {
                font-size: 36px
            }

            .appi-exit-modal-wrapper .contact-subheading {
                font-size: 12px
            }

            .appi-exit-modal-wrapper .floating-input-text,
            .appi-exit-modal-wrapper .floating-input-label,
            .appi-exit-modal-wrapper .floated+.floating-input-label,
            .appi-exit-modal-wrapper .floated+em+.floating-input-label,
            .appi-exit-modal-wrapper .select2-selection__placeholder,
            .appi-exit-modal-wrapper .select2-container .select2-selection--single .select2-selection__rendered,
            .appi-exit-modal-wrapper .value_selected.restore_placeholder .select2-container .select2-selection--single .select2-selection__rendered {
                font-size: 12px
            }

            .appi-exit-modal-wrapper .select2-results__option {
                font-size: 12px;
                padding: 5px 15px
            }

            .appi-exit-modal-wrapper.form__select .floating-input-label.open {
                font-size: 11px
            }

            .appi-exit-modal-wrapper .clear_text {
                transform: scale(.6);
                top: 3px
            }

            .appi-exit-modal-wrapper .floating-input-text {
                padding-bottom: 0
            }

            .appi-exit-modal-wrapper .floating-input-text,
            .appi-exit-modal-wrapper .select2-container .select2-selection--single,
            .appi-exit-modal-wrapper .contact_number .floating-input-text {
                height: 24px
            }

            .appi-exit-modal-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
                top: -3px
            }

            .appi-exit-modal-wrapper .select2-container .select2-selection--single,
            .appi-exit-modal-wrapper .contact_number .floating-input-text {
                height: 28px
            }

            .appi-exit-modal-wrapper .floated+.floating-input-label,
            .appi-exit-modal-wrapper .floated+em+.floating-input-label {
                top: -16px;
                font-size: 11px
            }

            .appi-exit-modal-wrapper .form-field-wrap {
                margin: 6px 0
            }

            .appi-exit-modal-wrapper .contact-info-grid {
                gap: 10px
            }

            .appi-exit-modal-wrapper .contact-info-box {
                border-radius: 8px
            }

            .appi-exit-modal-wrapper .fs-sp-title {
                margin-bottom: 1rem
            }

            .appi-exit-modal-wrapper .contact-form-top.gap48 {
                gap: 32px
            }

            .appi-exit-modal-wrapper .icon-btn {
                margin-left: 8px;
                max-width: 18px;
                height: 21px
            }

            .appi-exit-modal-wrapper .icon-btn img {
                width: 100%;
                height: 100%
            }

            .appi-exit-modal-wrapper .auto-grow-textarea {
                height: 28px
            }

            .appi-exit-modal-wrapper .form-captcha-box {
                padding: 10px;
                max-width: 52px
            }

            .appi-exit-modal-wrapper .error-msg {
                margin-top: 4px;
                font-size: 10px
            }

            .appi-exit-modal-wrapper .contact-form-banner {
                padding: 10.625em 0 4em
            }

            .appi-exit-modal-wrapper .select2-container .select2-selection--single {
                padding-top: 3px
            }

            .appi-exit-modal-wrapper .contact-container.gap64 {
                gap: 32px
            }

            .appi-exit-modal-wrapper .contact-content-section {
                padding: 32px;
                border-radius: 16px
            }
        }

        /*
Theme Name: Gitakshmi Technologies
Theme URI: https://appinventiv.com
Template: twentynineteen
Author: the Gitakshmi Technologies team
Author URI: https://appinventiv.com
Description: Our theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. It is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.4.1565598788
Updated: 2019-08-12 08:33:08

*/
        .case-study-slider:not(.owl-loaded) {
            overflow: hidden;
            max-height: 500px
        }

        .case-study-slider:not(.owl-loaded) .item~.item {
            display: none
        }

        .case-study-slider .owl-stage-outer {
            overflow: hidden
        }

        .case-study-slider .owl-stage {
            display: flex
        }

        .case-study-slider .owl-item {
            flex-shrink: 0;
            overflow: hidden
        }

        .case-study-wrapper {
            margin: 20px 0 40px
        }

        .case-study-wrapper .portfolio-wrapper {
            display: flex;
            align-items: stretch;
            border-radius: 12px;
            overflow: hidden
        }

        .case-study-wrapper .portfolio-img {
            width: 50%;
            display: flex
        }

        .case-study-wrapper .portfolio-img figure {
            width: 100%;
            margin: 0;
            display: flex
        }

        .case-study-wrapper .portfolio-img figure img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            margin: 0
        }

        .case-study-wrapper .portfolio-content {
            width: 50%;
            background-color: #f8f7f4;
            padding: 34px;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .case-study-wrapper .port-top-content .heading3 {
            font-size: 30px;
            font-weight: 800;
            line-height: 136%;
            margin: 0 0 10px;
            color: #000
        }

        .case-study-wrapper .port-top-content .subhead {
            font-size: 18px;
            font-weight: 400;
            line-height: 136%;
            margin: 5px 0 0;
            color: #000
        }

        .case-study-wrapper .case-study-item {
            background-color: #fff;
            border: 1px solid #e5e5e5;
            padding: 10px;
            border-radius: 10px;
            display: flex;
            flex-direction: column;
            gap: 7px
        }

        .case-study-wrapper .port-stats {
            display: flex;
            flex-direction: column;
            gap: 6px
        }

        .case-study-wrapper .case-port-item {
            display: flex;
            align-items: center;
            gap: 4px
        }

        .case-study-wrapper .case-heading {
            font-size: 12px;
            line-height: 160%;
            font-weight: 800;
            color: #000
        }

        .case-study-wrapper .portfolio-content .subhead {
            font-size: 12px;
            line-height: 160%;
            font-weight: 500;
            color: #000;
            margin: 0
        }

        .case-study-wrapper .case-study-icon img {
            max-width: 14px;
            height: 100%;
            margin: 0
        }

        .case-study-wrapper ul.case-list {
            margin-left: 10px;
            margin-bottom: 0
        }

        .case-study-wrapper .case-list li {
            position: relative;
            padding-left: 10px;
            font-size: 12px;
            line-height: 160%;
            font-weight: 500;
            color: #000;
            margin: 0
        }

        .case-study-wrapper .case-list li:before {
            position: absolute;
            content: "";
            background-color: #000;
            border-radius: 50%;
            width: 4px;
            height: 4px;
            left: 0;
            top: 8px
        }

        .case-study-wrapper .port-stat-card {
            border: 1px solid #bfbfbf;
            border-radius: 16px;
            padding: 14px;
            width: 50%;
            background: #fff;
            text-align: center;
            display: flex;
            flex-direction: column;
            gap: 36px
        }

        .case-study-wrapper .port-stat-card .stat-value {
            font-size: 36px;
            font-weight: 700;
            line-height: 1.2;
            color: #000
        }

        .case-study-wrapper .port-stat-card .stat-arrow svg {
            width: 20px;
            height: 20px
        }

        .case-study-wrapper .port-stat-card .stat-label {
            font-size: 16px;
            font-weight: 600;
            color: #000;
            line-height: 1.3
        }

        .case-study-wrapper .port-bottom-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 10px
        }

        .case-study-wrapper .port-nav-arrows {
            display: flex;
            gap: 10px
        }

        .case-study-wrapper .port-nav-arrows button {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            border: 1px solid #d0d0d0;
            background: #fff;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .3s ease
        }

        .case-study-wrapper .port-nav-arrows button:hover {
            border-color: #000;
            background-color: #f0f0f0
        }

        .case-study-wrapper .common-carousel-nav {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px
        }

        .case-study-wrapper .common-carousel-nav button {
            width: 42px;
            height: 42px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: transparent;
            border-radius: 50%;
            border: 1px solid #636362;
            cursor: pointer;
            color: #fff;
            font-size: 18px;
            transition: all .3s ease
        }

        .case-study-wrapper .nav-svg-wrap {
            flex-shrink: 0;
            width: 18px;
            height: 18px;
            position: relative;
            border-radius: 50%;
            display: grid;
            place-items: center;
            overflow: hidden
        }

        .case-study-wrapper .arrow-real,
        .case-study-wrapper .arrow-copy {
            position: absolute;
            transition: transform .3s ease-in-out
        }

        .case-study-wrapper .arrow-btn.prev-btn .arrow-real,
        .case-study-wrapper .arrow-btn.next-btn .arrow-real {
            transform: translateX(0)
        }

        .case-study-wrapper .arrow-btn.prev-btn .arrow-copy {
            transform: translateX(150%)
        }

        .case-study-wrapper .arrow-btn.next-btn .arrow-copy {
            transform: translateX(-150%)
        }

        .case-study-wrapper .arrow-btn.prev-btn:hover .arrow-real {
            transform: translateX(-150%)
        }

        .case-study-wrapper .arrow-btn.prev-btn:hover .arrow-copy {
            transform: translateX(0);
            transition-delay: .1s
        }

        .case-study-wrapper .arrow-btn.next-btn:hover .arrow-real {
            transform: translateX(150%)
        }

        .case-study-wrapper .arrow-btn.next-btn:hover .arrow-copy {
            transform: translateX(0);
            transition-delay: .1s
        }

        .case-study-wrapper .swap-text-button {
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            border-radius: 3rem;
            cursor: pointer;
            padding: 14px 28px;
            margin: 0;
            line-height: 1.26;
            border: none;
            background-color: #1a69fd;
            border-top: 2px solid #5e96fe;
            border-bottom: 2px solid transparent;
            display: inline-flex;
            gap: 10px;
            align-items: center;
            text-decoration: none
        }

        .lets-ai .hero-content {
            max-width: 1330px
        }

        .case-study-wrapper .swap-text-button.second-icon svg {
            max-height: 14px
        }

        .case-study-wrapper .swap-text-button.lg-btn .text-hover {
            transform: translateX(-14px)
        }

        .case-study-wrapper .swap-text-button.second-icon .button__icon-wrapper svg {
            height: 100%
        }

        .case-study-wrapper .swap-text-button.blue-swap-btn {
            border-top: 2px solid #0e47b3
        }

        .case-study-wrapper .text-original {
            display: flex;
            overflow: hidden
        }

        .case-study-wrapper .swap-text-button:hover .text-original span {
            transform: translateY(1.3em)
        }

        .case-study-wrapper .swap-text-button .text-original span:nth-child(1) {
            transition: .2s
        }

        .case-study-wrapper .swap-text-button .text-hover {
            display: flex;
            position: absolute;
            overflow: hidden
        }

        .case-study-wrapper .swap-text-button .text-hover span {
            transform: translateY(-100%)
        }

        .case-study-wrapper .swap-text-button:hover .text-hover span {
            transform: translateY(0)
        }

        .case-study-wrapper .swap-text-button .text-hover span {
            transition: .2s
        }

        .case-study-wrapper .button__icon-wrapper {
            flex-shrink: 0;
            width: 18px;
            height: 18px;
            position: relative;
            background-color: transparent;
            border-radius: 50%;
            display: grid;
            place-items: center;
            overflow: hidden
        }

        .case-study-wrapper .button__icon-svg,
        .case-study-wrapper .button__icon-svg--copy {
            position: absolute;
            transition: transform .3s ease-in-out
        }

        .case-study-wrapper .button__icon-svg {
            transform: translate(0, 0)
        }

        .case-study-wrapper .button__icon-svg--copy {
            transform: translate(-150%, 150%)
        }

        .case-study-wrapper .swap-text-button:hover .button__icon-svg {
            transform: translate(150%, -150%)
        }

        .case-study-wrapper .swap-text-button:hover .button__icon-svg--copy {
            transform: translate(0, 0);
            transition-delay: .1s
        }

        @media (max-width: 1728px) {
            .case-study-wrapper .portfolio-content {
                padding: 15px
            }

            .case-study-wrapper .portfolio-content .heading3 {
                font-size: 18px
            }

            .case-study-wrapper .portfolio-content .subhead {
                font-size: 10px
            }

            .case-study-wrapper .port-stat-card {
                padding: 8px;
                gap: 24px
            }

            .case-study-wrapper .port-stat-card .stat-value {
                font-size: 28px
            }

            .case-study-wrapper .port-stat-card .stat-arrow svg {
                width: 18px;
                height: 18px
            }

            .case-study-wrapper .port-stat-card .stat-label {
                font-size: 12px
            }

            .case-study-wrapper .swap-text-button {
                font-size: 12px
            }

            .case-study-wrapper .common-carousel-nav button {
                width: 36px;
                height: 36px
            }
        }

        @media (max-width: 1550px) {
            .case-study-wrapper .swap-text-button {
                padding: 12px 28px
            }
        }

        @media (max-width: 1440px) {
            .case-study-wrapper .portfolio-content {
                padding: 18px
            }

            .case-study-wrapper .portfolio-content .heading3 {
                font-size: 16px
            }

            .case-study-wrapper .portfolio-content .subhead {
                font-size: 12px
            }

            .case-study-wrapper .port-stat-card {
                padding: 6px;
                gap: 18px
            }

            .case-study-wrapper .port-stat-card .stat-value {
                font-size: 24px
            }

            .case-study-wrapper .port-stat-card .stat-arrow svg {
                width: 16px;
                height: 16px
            }

            .case-study-wrapper .port-stat-card .stat-label {
                font-size: 10px
            }

            .case-study-wrapper .swap-text-button {
                font-size: 10px
            }

            .case-study-wrapper .common-carousel-nav button {
                width: 32px;
                height: 32px
            }
        }

        @media (max-width: 1366px) {
            .case-study-wrapper .swap-text-button {
                padding: 8px 16px;
                gap: 6px
            }
        }

        @media (max-width: 767px) {
            .case-study-wrapper .portfolio-wrapper {
                flex-direction: column
            }

            .case-study-wrapper .portfolio-img,
            .case-study-wrapper .portfolio-content {
                width: 100%
            }

            .case-study-wrapper .portfolio-img {
                max-height: 260px
            }

            .case-study-wrapper .portfolio-content {
                padding: 16px;
                gap: 24px
            }

            .case-study-wrapper .portfolio-content .heading3 {
                font-size: 14px
            }

            .case-study-wrapper .port-stat-card .stat-value {
                font-size: 20px
            }

            .case-study-wrapper .port-stat-card {
                border-radius: 12px
            }

            .case-study-wrapper .port-stat-card .stat-arrow svg {
                width: 12px;
                height: 12px
            }
        }

        .case-study-wrapper .case-content p {
            font-size: 12px;
            line-height: 160%;
            font-weight: 500;
            color: #000;
            margin: 0
        }

        .case-study-wrapper .case-content ul,
        .case-study-wrapper .case-content ol {
            margin: 0 0 0 10px;
            padding: 0
        }

        .case-study-wrapper .case-content ul li,
        .case-study-wrapper .case-content ol li {
            position: relative;
            padding-left: 10px;
            font-size: 12px;
            line-height: 160%;
            font-weight: 500;
            color: #000;
            margin: 0;
            list-style: none
        }

        .case-study-wrapper .case-content ul li:before {
            position: absolute;
            content: "";
            background-color: #000;
            border-radius: 50%;
            width: 4px;
            height: 4px;
            left: 0;
            top: 8px
        }

        .case-study-wrapper .case-content ol {
            counter-reset: bcs-counter
        }

        .case-study-wrapper .case-content ol li {
            counter-increment: bcs-counter
        }

        .case-study-wrapper .case-content ol li:before {
            position: absolute;
            content: counter(bcs-counter) ".";
            left: 0;
            top: 0;
            font-weight: 700;
            font-size: 11px
        }

        .case-study-wrapper .case-content a {
            color: #1a69fd;
            text-decoration: underline
        }

        .case-study-wrapper .case-content strong {
            font-weight: 700
        }

        .case-study-wrapper .case-content em {
            font-style: italic
        }

        .blog-bullet-list li a {
            color: #222;
            font: 18px/1.6 'proxima_nova_alt_rgregular'
        }

        .grecaptcha-badge {
            display: none !important
        }

        body.single .section_wrapper {
            border-bottom: 1px solid #e6e6e6
        }

        body.single .avatar.avatar-60.wp-user-avatar.wp-user-avatar-60.photo.avatar-default {
            width: auto;
            height: 100%
        }

        body.archive .blog-img {
            background-size: cover !important
        }

        #upload_file_loader {
            display: none
        }

        #header_loader {
            display: none
        }

        .appi-cta .wpcf7-form-control.wpcf7-submit {
            background: 0 0;
            color: #fff
        }

        article.post ul li {
            font-size: 20px;
            margin-bottom: 15px
        }

        article.post h4 b {
            font-size: 20px
        }

        span.wpcf7-not-valid-tip {
            position: relative;
            top: -30px
        }

        body.single .category_heading a,
        body.archive .category_heading a,
        body.page-template-blog-template .category_heading a {
            text-transform: uppercase
        }

        #captcha-section.error #capt {
            border: 2px solid #d73333;
            background: rgba(255, 5, 5, .04)
        }

        body.archive .screen-reader-text {
            display: none
        }

        body.page-id-6 .category_heading a {
            cursor: auto
        }

        body.home #modal {
            display: none
        }

        body.single article.post ol {
            font: 20px/1.6 'proxima_nova_alt_rgregular';
            list-style: circle !important
        }

        body.single article.post ol li {
            list-style: square;
            margin: 0 20px
        }

        body.single article.post ul li {
            list-style: square;
            margin: 0 20px
        }

        body.single article.post ol.breadcrumb li {
            list-style: none;
            margin: 0
        }

        body.page-id-6 .category_heading a.txt1 {
            cursor: pointer
        }

        .appi-cta .wpcf7-form-control.wpcf7-submit {
            background: #0092ff;
            color: #fff
        }

        .searchbar {
            position: absolute;
            right: 0
        }

        [type=search] {
            outline-offset: -2px;
            -webkit-appearance: none;
            border: 1px solid #ccc
        }

        .search-submit {
            padding: 10px 20px;
            font-size: 15px;
            border-radius: 5px
        }

        .search-field {
            padding: 10px 20px
        }

        .screen-reader-text {
            font: 20px/1.5 'proxima_nova_alt_rgregular'
        }

        body.page-template-e-book span.wpcf7-not-valid-tip {
            top: 0;
            display: none
        }

        a.voidlink {
            cursor: default
        }

        .searchbar .screen-reader-text {
            font: 20px/1.5 'proxima_nova_alt_rgregular';
            display: none
        }

        body.single article.post h2 img {
            max-width: 100%;
            margin: 0 auto;
            width: auto
        }

        body.single .small-container img {
            max-width: 100%;
            margin: 0 auto;
            display: block
        }

        #e-book .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.type_text.wpcf7-not-valid {
            border: 1.5px solid red
        }

        .measuring_factors_inner .current-menu-item a {
            color: #0092ff
        }

        .measuring_factors_inner .current-menu-item a:before {
            background: #0092ff
        }

        span.wpcf7-not-valid-tip {
            display: none
        }

        input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid {
            border: 2px solid red
        }

        .mc4wp-form-error input[type=email] {
            border: 2px solid red
        }

        body.single header.entry-header {
            display: none
        }

        @media(max-width: 1550px) {
            .faq-content-wrap br {
                display: table
            }
        }

        a.btn.btn-linkedin {
            background: #0e76a8;
            color: #fff;
            padding-right: 45px
        }

        .circle-img-linkedin {
            padding-top: 10px
        }

        a.btn.btn-linkedin span {
            vertical-align: middle;
            border-left: solid 1px #fff
        }

        i.fa.fa-linkedin.fa-fw {
            padding-right: 8px
        }

        .twt {
            padding-left: 18%;
            padding-right: 18%
        }

        .appi-exit-modal-wrapper .appi-exit-modal-left {
            background: #000 url(images/ext_dbdd1c_appi-exit-modal-left-bg.webp) no-repeat center center;
            background-size: cover
        }

        .appi-exit-modal-slider {
            height: 370px;
            overflow: hidden
        }

        .appi-exit-modal-slider-extra.appi-exit-modal-slider {
            height: 430px
        }

        @media (max-width: 1680px) {
            .appi-exit-modal-slider {
                height: 320px
            }

            .appi-exit-modal-slider-extra.appi-exit-modal-slider {
                height: 380px
            }
        }

        @media (max-width: 1550px) {
            .appi-exit-modal-slider {
                height: 290px
            }

            .appi-exit-modal-slider-extra.appi-exit-modal-slider {
                height: 330px
            }
        }
    

        @media print {
            @page {
                margin: 2cm
            }

            .entry {
                margin-top: 1em
            }

            .entry .entry-header,
            .site-footer .site-info {
                margin: 0
            }

            body {
                font: 13pt Georgia, "Times New Roman", Times, serif;
                line-height: 1.3;
                background: #fff !important;
                color: #000
            }

            h1 {
                font-size: 24pt
            }

            h2,
            h3,
            h4,
            .has-regular-font-size,
            .has-large-font-size,
            h2.author-title,
            p.author-bio,
            .comments-title,
            h3 {
                font-size: 14pt;
                margin-top: 25px
            }

            a {
                page-break-inside: avoid
            }

            blockquote {
                page-break-inside: avoid
            }

            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                page-break-after: avoid;
                page-break-inside: avoid
            }

            img {
                page-break-inside: avoid;
                page-break-after: avoid
            }

            table,
            pre {
                page-break-inside: avoid
            }

            ul,
            ol,
            dl {
                page-break-before: avoid
            }

            a:link,
            a:visited,
            a {
                background: 0 0;
                font-weight: 700;
                text-decoration: underline;
                text-align: left
            }

            a {
                page-break-inside: avoid
            }

            a[href^=http]:after {
                content: " < " attr(href) "> "
            }

            a:after>img {
                content: ""
            }

            article a[href^="#"]:after {
                content: ""
            }

            a:not(:local-link):after {
                content: " < " attr(href) "> "
            }

            .main-navigation,
            .site-title+.main-navigation,
            .social-navigation,
            .site-branding-container:before,
            .entry .entry-title:before,
            .entry-footer,
            .author-description:before,
            .post-navigation,
            .widget-area,
            .comment-form-flex,
            .comment-reply,
            .comment .comment-metadata .edit-link {
                display: none
            }

            .entry .entry-content .wp-block-button .wp-block-button__link,
            .entry .entry-content .button {
                color: #000;
                background: 0 0
            }

            .site-header.featured-image {
                min-height: 0
            }

            .site-header.featured-image .main-navigation a,
            .site-header.featured-image .main-navigation a+svg,
            .site-header.featured-image .social-navigation a,
            .site-header.featured-image .site-title a,
            .site-header.featured-image .site-featured-image a,
            .site-header.featured-image .site-branding .site-title,
            .site-header.featured-image .site-branding .site-description,
            .site-header.featured-image .main-navigation a:after,
            .site-header.featured-image .main-navigation .main-menu>li.menu-item-has-children:after,
            .site-header.featured-image .main-navigation li,
            .site-header.featured-image .social-navigation li,
            .site-header.featured-image .entry-meta,
            .site-header.featured-image .entry-title,
            .site-header.featured-image#masthead .site-title a {
                color: #000;
                text-shadow: none
            }

            .site-header.featured-image .site-featured-image .entry-header,
            .site-header.featured-image .site-branding-container {
                margin-top: 0;
                margin-bottom: 0
            }

            .site-header.featured-image .site-featured-image .post-thumbnail img {
                position: relative;
                height: initial;
                width: initial;
                object-fit: none;
                min-width: 0;
                min-height: 0;
                max-width: 100%;
                margin-top: 1rem
            }

            .image-filters-enabled *:after {
                display: none !important
            }

            .image-filters-enabled .site-header.featured-image .site-featured-image:before {
                display: none
            }

            .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
                filter: none
            }
        }
    

/* Scope demo styles so they don't break Gitakshmi header/footer */
.demo-wrapper {
    width: 100%;
    overflow-x: hidden;
    background: #000; /* Assuming dark theme from demo */
    color: #fff;
}
.demo-wrapper * {
    font-family: inherit; /* Let some fonts inherit */
}