.nav-toggle {
            font-size: 3em;
            color: #000;
            cursor: pointer
        }

        .menu-list {
            position: fixed;
            top: 0;
            left: 0;
            display: block;
            background-color: #fff;
            color: #fff;
            list-style-type: none;
            text-transform: uppercase;
            padding: 100px 15px 0;
            width: 100vw;
            height: 100vh;
            z-index: 1000;
            transform: translateX(-100%);
            transition: transform .6s ease
        }

        .menu-list li {
            border-bottom: 1px solid rgba(146, 146, 146, .39);
            padding: 10px;
            overflow: hidden
        }

        .menu-list a,
        .menu-list a:focus,
        .menu-list a:hover,
        .menu-list a:visited,
        .menu-list span:not([data-toggle=dropdown]):not(.caret) {
            color: #00283b;
            display: block;
            height: 100%;
            width: 100%
        }

        .menu-list.open {
            transform: translateX(0);
            overflow: auto
        }

        .menu-list .dropdown-menu {
            position: relative;
            background-color: transparent;
            border: transparent;
            padding-left: 15px;
            list-style-type: circle;
            color: #000
        }

        .menu-list .dropdown-menu .dropdown-menu {
            display: block;
            padding-left: 0
        }

        .menu-list .dropdown-menu .dropdown-menu a {
            color: #fff
        }

        .menu-list .dropdown-menu .dropdown-menu li:first-child {
            margin-top: 0;
            padding-top: 0
        }

        .menu-list .dropdown-menu li {
            font-size: 1.2em;
            border-bottom: none;
            padding: 10px 0;
            margin-left: 15px
        }

        .menu-list .dropdown-menu li:first-child {
            margin-top: 15px
        }

        .disableScroll {
            overflow: hidden
        }

        .show>.dropdown-menu li {
            display: block !important;
            width: 100%
        }

        .show>.dropdown-menu {
            border: none;
            color: #1a5c8d
        }

        .navbar-home {
            font-family: Lato, sans-serif;
            font-size: 14px;
            font-weight: 700;
            list-style-type: none;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-left: -5px;
            margin-right: -5px
        }

        .navbar-home .dropdown-menu {
            font-size: 14px
        }

        .navbar-home li {
            display: inline-block
        }

        .dropdown-toggle,
        .navbar-home li .scroll-top,
        .navbar-home li a,
        .navbar-home li a:focus,
        .navbar-home li span:not([data-toggle=dropdown]):not(.caret) {
            color: #00283b;
            display: block;
            padding: 2px 6px;
            line-height: 20px;
            cursor: pointer
        }

        .menu-list>.current-menu-ancestor>a,
        .menu-list>.show>.dropdown-menu .current-menu-parent>a,
        .navbar-home .active .scroll-top,
        .navbar-home li .scroll-top,
        .navbar-home>.current-menu-ancestor>a,
        .navbar-home>.show>.dropdown-menu .active>.scroll-top,
        .navbar-home>.show>.dropdown-menu .active>a,
        .navbar-home>.show>.dropdown-menu .current-menu-parent>a {
            color: #1a5c8d;
            font-weight: bolder
        }

        .home-wrapper {
            background-color: #fff;
            padding-top: 72px;
            transition-property: padding;
            transition-duration: .5s
        }

        .navbar-fixed-top {
            padding: 0
        }

        .home-header {
            position: fixed;
            top: 0;
            width: 100%;
            background: #fff;
            transition-property: top;
            transition-duration: .5s;
            box-shadow: 0 1px 10px 0 #01547B26;
            border: none;
            z-index: 1001
        }

        .navbar-fixed-top .img.img-logo {
            display: none;
            background-image: url(../../../wp-content/themes/inoxoft/images/Inoxoft-logo-small.svg)
        }

        .navbar-fixed-top .primary-menu,
        .navbar-fixed-top .primary-menu>ul {
            width: 100%
        }

        .menu-social>li {
            display: inline-block
        }

        .menu-social li a {
            display: block
        }

        .menu-social .menu-item-name {
            display: none
        }

        .menu-social .fa {
            font-family: SiteImages
        }

        .menu-social .facebook .fa:before {
            content: "\f39e"
        }

        .menu-social .instagram .fa:before {
            font-weight: 700;
            content: "\f16d"
        }

        .menu-social .twitter .fa:before {
            content: "";
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/social/X_logo.svg);
            width: 16px;
            height: 16px;
            display: block;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain
        }

        .menu-social .youtube .fa:before {
            content: "\f167"
        }

        .menu-social .linkedin .fa:before {
            content: "\f0e1"
        }

        .menu-social .clutch .fa:before {
            font-weight: 700;
            content: "\E800"
        }

        .menu-social .behance .fa:before {
            font-weight: 700;
            content: "\F1B4"
        }

        .menu-social .github .fa:before {
            content: "\f09b"
        }

        .header-bottom {
            transition: .5s;
            position: absolute;
            bottom: -36px;
            right: 0;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            z-index: -1
        }

        .header-bottom .breadcrumb-blog-search,
        .header-bottom .container {
            width: auto !important;
            margin: 0;
            padding: 0;
            border: none
        }

        .header-bottom .container ol {
            padding: 0
        }

        .header-bottom .container ol li a,
        .header-bottom .container ol li span {
            color: #acbac2
        }

        .header-bottom .container ol li:before {
            color: #acbac2
        }

        .header-bottom .container ol li:last-of-type a,
        .header-bottom .container ol li:last-of-type span {
            color: #4a515e;
            font-weight: 600;
            font-size: 14px;
            line-height: 15px
        }

        .header-bottom.dark .container ol li:first-of-type a,
        .header-bottom.dark .container ol li:first-of-type span {
            color: #00283b
        }

        .header-bottom.dark .social-top ul li a i {
            color: #00283b
        }

        .search-top-container .row {
            justify-content: space-between
        }

        .search-btn {
            background: rgba(255, 255, 255, 0);
            cursor: pointer;
            border: none;
            outline: 0
        }

        .search-btn:focus {
            outline: 0
        }

        .search-top .search-btn i {
            font-size: 16px;
            margin: 0;
            color: #4a515e;
            font-weight: 700;
            vertical-align: middle
        }

        #nav .active .scroll-top:hover,
        #nav li a:hover,
        #nav>.show>.dropdown-toggle,
        #nav>.show>.dropdown-toggle:hover,
        .nav.active .scroll-top:hover,
        .navbar-home li span:not([data-toggle=dropdown]):not(.caret):hover,
        .navbar-home>.show>.dropdown-menu li a:hover,
        .navbar-home>.show>.dropdown-menu>.show>a {
            color: #1a5c8d;
            font-weight: bolder
        }

        .page-home .top-section-class {
            height: 801px
        }

        .page-home .top-section-class {
            align-items: flex-start
        }

        .top-section-class {
            background-size: cover;
            height: 300px;
            background-color: #345b74;
            background-repeat: no-repeat;
            background-position: center top;
            position: relative
        }

        .block-header h1 br {
            display: none
        }

        .block-header .subtitle {
            display: none
        }

        .top-section-class .subtitle {
            font-style: normal;
            font-size: 20px;
            line-height: 28px;
            color: #fff;
            padding-top: 20px;
            font-weight: 400
        }

        .page-home .top-section-class .subtitle {
            padding-top: 12px;
            font-size: 18px;
            line-height: 24px;
            display: block !important
        }

        .page-home .top-section-class .subtitle p {
            font-size: 30px;
            line-height: 36px
        }

        .timeline-active {
            background: #1a5c8d;
            box-shadow: 2px 3px 15px #1a5c8d
        }

        .career__list-item {
            box-shadow: 0 0 44px -8px rgba(0, 0, 0, .12);
            margin-bottom: 32px;
            border-radius: 8px;
            background: linear-gradient(359.9deg, #40a7e4 .48%, rgba(64, 167, 228, .6) 39.33%, rgba(64, 167, 228, 0) 99.52%), linear-gradient(0deg, #5ac8ff, #5ac8ff), #fff
        }

        .career__list-item a,
        .career__list-item button {
            cursor: pointer;
            outline: 0 !important;
            width: 100%;
            border: none;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 30px 15px;
            border-radius: 8px;
            background: linear-gradient(-291deg, #fefefe33 46%, transparent 46%, transparent)
        }

        .career__list-item p {
            font-weight: 700;
            line-height: 24px;
            font-size: 16px;
            color: #fff;
            transition: none;
            margin: 0
        }

        .page-home .other-section-class .three-posts {
            flex-direction: column
        }

        .page-home .other-section-class .three-posts>div {
            position: relative;
            min-height: 260px;
            height: 260px
        }

        .page-home .other-section-class .three-posts {
            display: flex
        }

        .page-home .other-section-class .three-posts>div:hover {
            cursor: pointer
        }

        .page-home .other-section-class .three-posts>div .three-posts__wrapper {
            width: 396px
        }

        .page-home .other-section-class .three-posts__container {
            position: relative;
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;
            background: #fff
        }

        .page-home .other-section-class .three-posts__container:hover .three-posts__title:after {
            opacity: .8
        }

        .page-home .other-section-class .three-posts__wrapper {
            padding: 28px 30px 0
        }

        .page-home .other-section-class .three-posts__center {
            width: 396px;
            padding: 0 1px;
            background: linear-gradient(180deg, #d9e1e5 0, #fff 99.23%)
        }

        .page-home .other-section-class .three-posts__left,
        .page-home .other-section-class .three-posts__right {
            width: calc((100% - 396px)/ 2)
        }

        .page-home .other-section-class .three-posts__left .three-posts__container {
            align-items: flex-end
        }

        .page-home .other-section-class .three-posts__right .three-posts__container {
            align-items: flex-start
        }

        .page-home .other-section-class .three-posts__title {
            position: relative;
            font-weight: 700;
            font-size: 20px;
            line-height: 28px;
            color: #003047;
            transition: all .5s ease
        }

        .page-home .other-section-class .three-posts__title:after {
            position: absolute;
            top: 0;
            right: 0;
            font-family: SiteImages, serif;
            color: #003047;
            font-size: 16px;
            line-height: 28px;
            content: "";
            opacity: .16
        }

        .page-home .other-section-class .three-posts__description {
            font-size: 16px;
            line-height: 24px;
            color: #5a6f79
        }

        .page-home .other-section-class .three-posts__description {
            margin-top: 12px
        }

        @media screen and (min-width:483px) {
            .block-header h1 br {
                display: inline
            }

            .block-header .subtitle {
                display: block
            }

            .page-home .top-section-class .subtitle {
                padding-top: 20px;
                font-size: 30px;
                line-height: 36px
            }

            .career__list-item a,
            .career__list-item button {
                padding: 25px 20px
            }
        }

        @media screen and (min-width:576px) {
            .page-home .top-section-class {
                align-items: center
            }

            .page-home .top-section-class .subtitle {
                padding-top: 30px
            }
        }

        @media screen and (min-width:768px) {

            .menu-list>.current-menu-ancestor>a,
            .menu-list>.show>.dropdown-menu .current-menu-parent>a,
            .navbar-home .active .scroll-top,
            .navbar-home li .scroll-top,
            .navbar-home>.current-menu-ancestor>a,
            .navbar-home>.show>.dropdown-menu .active>.scroll-top,
            .navbar-home>.show>.dropdown-menu .active>a,
            .navbar-home>.show>.dropdown-menu .current-menu-parent>a {
                color: #1a5c8d
            }

            .career__list-item a,
            .career__list-item button {
                padding: 20px 16px
            }
        }

        @media screen and (min-width:991px) {
            .page-home .other-section-class .three-posts {
                flex-direction: row
            }
        }

        @media screen and (min-width:1064px) {
            .page-home .top-section-class .subtitle {
                padding-top: 48px
            }
        }

        @media screen and (min-width:1267px) {
            .show>.dropdown-menu {
                display: block;
                border: none;
                margin: 0;
                border-radius: 0
            }
        }

        body {
            --wp--preset--color--black: #000000;
            --wp--preset--color--cyan-bluish-gray: #abb8c3;
            --wp--preset--color--white: #ffffff;
            --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--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
            --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
            --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
            --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
            --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
            --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
            --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
            --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
            --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
            --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
            --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
            --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
            --wp--preset--font-size--small: 13px;
            --wp--preset--font-size--medium: 20px;
            --wp--preset--font-size--large: 36px;
            --wp--preset--font-size--x-large: 42px;
            --wp--preset--spacing--20: 0.44rem;
            --wp--preset--spacing--30: 0.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 rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
            --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1)
        }

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

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

        :where(.wp-block-post-template.is-layout-flex) {
            gap: 1.25em
        }

        :where(.wp-block-post-template.is-layout-grid) {
            gap: 1.25em
        }

        :where(.wp-block-columns.is-layout-flex) {
            gap: 2em
        }

        :where(.wp-block-columns.is-layout-grid) {
            gap: 2em
        }

        @-ms-viewport {
            width: device-width
        }

        .dropdown-toggle::after {
            width: 8px;
            height: 12px;
            content: "";
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/menu-arrow.svg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            right: 0;
            top: 17px;
            transition: .3s
        }

        ul#nav .dropdown li.dropdown:after {
            position: absolute;
            display: inline-block;
            width: 8px;
            height: 12px;
            margin-left: .3em;
            vertical-align: middle;
            content: "";
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/menu-arrow.svg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            right: 5px;
            top: 6px
        }

        .header__submenus .sub-menu__back:before {
            content: '';
            display: block;
            width: 24px;
            height: 24px;
            background: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/menu-arrow-left.svg") center center no-repeat;
            background-size: 100%;
            margin-right: 10px
        }

        .sub-menu__company .sub-menu__quote-text:before {
            content: '';
            display: block;
            width: 34px;
            height: 37px;
            background: url("https://inoxoft.com/wp-content/themes/inoxoft/images/quote.svg") center center no-repeat;
            background-size: 100%;
            position: absolute;
            left: 0;
            top: 0
        }

        .menu-list .menu-item__arrow {
            content: '';
            display: block;
            width: 24px;
            height: 24px;
            background: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/menu-arrow-right.svg") center center no-repeat;
            background-size: 100%;
            margin-left: 20px
        }

        .sub-menu__industries .sub-menu__items .menu-item.active svg path,
        .sub-menu__industries .sub-menu__items .menu-item:hover svg path {
            fill: #1A5C8D
        }

        .sub-menu__industries .sub-menu__post-link:after {
            content: '';
            display: block;
            width: 10px;
            height: 20px;
            background: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/read-more-arrow-right.svg") center center no-repeat;
            background-size: 100%;
            margin-left: 10px
        }

        .footer .icon-email {
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/email-white-icon.svg")
        }

        .footer .icon-phone {
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/phone-white-icon.svg")
        }

        .footer__menu .menu .menu-item-has-children span:after {
            content: '';
            display: block;
            width: 16px;
            height: 16px;
            background: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/dropdown-arrow-menu-white.svg");
            margin-left: 20px;
            transition: all .3s
        }

        .footer__accordions .accordion:after {
            content: '';
            display: inline-block;
            width: 16px;
            height: 16px;
            background: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/dropdown-arrow-menu-grey.svg");
            position: absolute;
            top: 5px;
            right: 0;
            transition: all .3s
        }

        .footer-socials .menu-item.twitter a:hover .fa:before {
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/social/X_logo_blue.svg")
        }

        .header-logo .img.img-logo {
            display: inline-block;
            min-width: 175px;
            height: 27px;
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/logo-header-new.svg")
        }

        .filterCaseStudies {
            position: relative
        }

        .filterCaseStudies .filter-modal-search {
            display: none;
            text-transform: uppercase;
            margin-top: 40px;
            margin-bottom: 30px;
            width: 100%;
            text-align: center;
            padding: 12px;
            background: #fff;
            border: .681913px solid #00283b;
            border-radius: 26px;
            color: #00283b
        }

        .filterCaseStudies .filter-modal-search .fa {
            font-size: 20px;
            margin-left: 8px
        }

        .filterCaseStudies .term-modal {
            display: none
        }

        .filterCaseStudies .term-rows {
            display: none;
            flex-wrap: wrap;
            margin: 0 -25px;
            padding: 50px 0 60px;
            overflow: hidden
        }

        .filterCaseStudies .term-rows.show {
            display: flex
        }

        .filterCaseStudies .taxonomy-title {
            width: 100%;
            font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 36px;
            line-height: 28px;
            margin-left: 25px;
            margin-bottom: 40px;
            transition: all .5s;
            display: flex;
            align-items: center;
            text-align: center;
            color: #fff
        }

        .filterCaseStudies .btn-close {
            background-color: transparent;
            border: none;
            position: absolute;
            display: none;
            right: 0;
            top: 30px;
            z-index: 11;
            cursor: pointer;
            font-size: 36px;
            line-height: 130%;
            color: #fff
        }

        .filterCaseStudies .btn-close:hover {
            opacity: .7
        }

        .filterCaseStudies .btn-close:focus {
            outline: 0
        }

        .filterCaseStudies .btn-clear {
            font-style: normal;
            font-weight: 500;
            font-size: 24px;
            line-height: 28px;
            margin: 10px 0 10px auto;
            border: none;
            background-color: transparent;
            display: none;
            cursor: pointer;
            transition: color .5s;
            color: #5a6f79
        }

        .filterCaseStudies .btn-clear:hover {
            color: #acbac2
        }

        .filterCaseStudies .btn-clear.show {
            display: block
        }

        .filterCaseStudies .btn-clear:focus {
            outline: 0
        }

        .filterCaseStudies .term-dropdown {
            font-style: normal;
            font-weight: 500;
            font-size: 24px;
            line-height: 28px;
            margin: 10px 50px 10px 15px;
            cursor: pointer;
            color: #5a6f79
        }

        .filterCaseStudies .term-dropdown:first-child {
            margin-left: 0
        }

        .filterCaseStudies .term-dropdown:after {
            content: '';
            width: 15px;
            height: 15px;
            border-top: none;
            border-left: none;
            border-bottom: 3px solid;
            border-right: 3px solid;
            transform: rotate(45deg);
            display: inline-block !important;
            margin-left: 10px;
            border-color: #5a6f79;
            position: relative;
            transition: all .6s;
            top: -3px
        }

        .filterCaseStudies .term-dropdown:hover {
            color: #00283b
        }

        .filterCaseStudies .term-dropdown:hover:after {
            border-color: #00283b
        }

        .filterCaseStudies .term-dropdown.active {
            color: #00283b
        }

        .filterCaseStudies .term-dropdown.active:after {
            border-color: #00283b;
            transform: rotate(-135deg);
            position: relative;
            top: 4px
        }

        .filterCaseStudies__form {
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: -1;
            display: none;
            visibility: hidden;
            opacity: 0;
            background: #00283b;
            transition: all .5s
        }

        .filterCaseStudies__form.show {
            display: block;
            opacity: 1;
            visibility: visible;
            z-index: 111
        }

        .filterCaseStudies__form.show .btn-close {
            display: block
        }

        .caseStudies .thumbnail {
            display: block;
            max-width: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

        .caseStudies__image {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .caseStudies .video {
            position: absolute;
            left: 50%;
            top: 49%;
            max-width: 545px;
            width: 100%;
            min-height: 328.83px;
            max-height: 328.83px;
            transform: translate(-50%, -50%)
        }

        .caseStudies .video.macbook-video {
            width: 402px;
            height: 275px;
            min-height: 275px;
            transform: translate(-50%, -51%);
            -o-object-fit: fill;
            object-fit: fill
        }

        .caseStudies .video.show {
            opacity: 1
        }

        .caseStudies .macbook-bg {
            width: 543.01px;
            height: 301.42px;
            max-width: 100%;
            -o-object-fit: contain;
            object-fit: contain;
            z-index: 11
        }

        .caseStudies .macbook-bg~.macbook-image img,
        .caseStudies .macbook-bg~img.macbook-image,
        .caseStudies .macbook-bg~picture .macbook-image {
            position: absolute;
            left: 50%;
            top: 48%;
            width: 412px;
            min-height: 255px;
            height: 288px;
            -o-object-fit: cover;
            object-fit: cover;
            transform: translate(-50%, -50%);
            z-index: 10;
            transition: all .5s
        }

        .caseStudies .none-video.video {
            position: static;
            max-width: 100%;
            transform: translate(0, 0)
        }

        .caseStudies img.image,
        .caseStudies picture.image img {
            max-width: 545px;
            width: 100%;
            min-height: 275px;
            max-height: 275px;
            -o-object-fit: contain;
            object-fit: contain
        }

        .caseStudies .image.hide,
        .caseStudies .image.hide img {
            opacity: 0
        }

        .caseStudies .term {
            display: flex;
            margin-bottom: 10px
        }

        .caseStudies .term__title {
            min-width: 120px;
            margin-right: 10px;
            font-weight: 600
        }

        .caseStudies .term__lists {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap
        }

        .caseStudies .term__lists>a:not(:last-child),
        .caseStudies .term__lists>span:not(:last-child) {
            margin-right: 5px
        }

        .caseStudies .term__lists a {
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
            color: #00283b;
            display: inline-block;
            order: -1
        }

        .caseStudies .term__lists a>span {
            text-decoration: underline
        }

        .caseStudies .term__lists a:hover span {
            color: #8d9ea7
        }

        .caseStudies .next,
        .caseStudies .prev {
            background-size: 20px 19px
        }

        .dropdown-new {
            max-width: 343px;
            position: relative
        }

        .dropdown-new__button {
            font-style: normal;
            font-weight: 500;
            font-size: 24px;
            line-height: 28px;
            margin: 0 15px 0 0;
            cursor: pointer;
            color: #5a6f79;
            min-width: 160px;
            justify-content: end;
            border: none;
            background-color: transparent;
            position: relative;
            display: flex;
            align-items: center;
            width: 100%;
            text-align: left;
            border-radius: 4px;
            height: 50px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 15px;
            padding-right: 40px
        }

        .dropdown-new__button:focus {
            outline: 0;
            color: #00283b
        }

        .dropdown-new__button:hover {
            color: #00283b
        }

        .dropdown-new__button.dropdown-new__button_active {
            color: #00283b
        }

        .dropdown-new__button.dropdown-new__button_active:after {
            border-color: #00283b;
            transform: rotate(-135deg) translateY(-50%)
        }

        .dropdown-new__button::after {
            content: '';
            width: 15px;
            height: 15px;
            border-top: none;
            border-left: none;
            border-bottom: 3px solid;
            border-right: 3px solid;
            transform: rotate(45deg);
            display: inline-block !important;
            margin-left: 15px;
            border-color: #5a6f79;
            position: relative;
            transition: all .6s;
            top: -3px
        }

        .dropdown-new__list {
            margin: 0;
            padding: 0;
            list-style-type: none;
            position: absolute;
            left: 0;
            top: 50px;
            box-shadow: 0 10px 20px 0 #88919d4d;
            border: 1px solid #e6eaed;
            border-radius: 4px;
            background: #fff;
            overflow: hidden;
            width: 100%;
            z-index: 111;
            opacity: 0;
            visibility: hidden;
            transition: .2s ease
        }

        .dropdown-new__list_visible {
            opacity: 1;
            visibility: visible
        }

        .dropdown-new__list-item {
            margin: 0;
            padding: 0;
            padding: 15px;
            cursor: pointer;
            font-size: 15px;
            line-height: 18px;
            color: #444;
            transition: .2s ease
        }

        .dropdown-new__list-item_active {
            background: #f5f8fa
        }

        .dropdown-new__list-item:hover {
            background: #f5f8fa90
        }

        .dropdown-new__input_hidden {
            display: none
        }

        .postSidebarBanner,
        .single-industries .wrapper-block.single-case .postSidebarBanner {
            padding: 80px 64px;
            margin-bottom: 40px !important;
            margin-top: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background: #00283b;
            border-radius: 8px
        }

        .postSidebarBanner__title,
        .single-industries .wrapper-block.single-case .postSidebarBanner__title {
            font-family: Lato, sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 32px;
            line-height: 40px;
            letter-spacing: 0;
            color: #fff !important;
            margin-bottom: 12px !important;
            margin-top: 0 !important;
            text-align: center
        }

        .postSidebarBanner__description,
        .single-industries .wrapper-block.single-case .postSidebarBanner__description {
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 22px;
            max-width: 608px;
            margin-bottom: 36px;
            color: #fff !important;
            text-align: center;
            display: block
        }

        .postSidebarBanner__link,
        .single-industries .wrapper-block.single-case .postSidebarBanner__link {
            font-weight: 400;
            font-size: 18px;
            line-height: 1.3;
            -webkit-text-decoration-line: none !important;
            text-decoration-line: none !important;
            padding: 20px 40px;
            display: block;
            text-align: center;
            height: 63px
        }

        .postSidebarBanner__link:hover,
        .single-industries .wrapper-block.single-case .postSidebarBanner__link:hover {
            opacity: 1 !important
        }

        .postSidebarBanner.with-background,
        .single-industries .wrapper-block.single-case .postSidebarBanner.with-background {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            padding: 80px 64px
        }

        .postSidebarBanner.with-background .postSidebarBanner__title,
        .single-industries .wrapper-block.single-case .postSidebarBanner.with-background .postSidebarBanner__title {
            font-size: 36px;
            font-weight: 900;
            line-height: 48px;
            text-align: center;
            margin-bottom: 24px;
            letter-spacing: 0;
            color: #fff
        }

        .postSidebarBanner.with-background .postSidebarBanner__description,
        .single-industries .wrapper-block.single-case .postSidebarBanner.with-background .postSidebarBanner__description {
            font-size: 20px;
            font-weight: 400;
            line-height: 26px;
            text-align: center;
            color: #fff;
            margin-bottom: 48px
        }

        .postSidebarBanner.with-background .services__btn,
        .single-industries .wrapper-block.single-case .postSidebarBanner.with-background .services__btn {
            font-size: 18px;
            font-weight: 400;
            line-height: 1.3;
            padding: 20px 40px;
            height: 63px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        @-webkit-keyframes opacityLoading {
            from {
                opacity: .8
            }

            to {
                opacity: .9
            }
        }

        @keyframes opacityLoading {
            from {
                opacity: .8
            }

            to {
                opacity: .9
            }
        }

        .caseStudies.loading {
            position: relative
        }

        .caseStudies.loading:before {
            content: '';
            left: -15px;
            width: calc(100% + 30px);
            height: 100%;
            z-index: 1111;
            position: absolute;
            background: #07283b;
            border-radius: 8px;
            -webkit-animation: 2s infinite opacityLoading;
            animation: 2s infinite opacityLoading
        }

        .single-industries .services__btn {
            margin-top: 30px;
            padding: 20px 30px;
            background-color: #fff;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            outline: 0;
            cursor: pointer;
            gap: 10px;
            border: 1px solid #00283b;
            border-radius: 38px;
            font-size: 18px;
            line-height: 130%;
            color: #00283b;
            text-transform: uppercase;
            display: block;
            position: relative;
            overflow: hidden;
            z-index: 11;
            text-decoration: none
        }

        .single-industries .services__btn.center {
            margin-left: auto;
            margin-right: auto
        }

        .single-industries .services__btn .fa {
            font-size: 20px;
            margin-left: 8px
        }

        .single-industries .services__btn:after {
            content: '';
            position: absolute;
            top: -236px;
            left: -20px;
            z-index: -1;
            width: 0;
            height: 500px;
            background-color: #00283b;
            transition: width 1s;
            transform: translateY(0) rotate(-29deg)
        }

        .single-industries .services__btn:hover {
            color: #fff;
            border-color: #fff
        }

        .single-industries .services__btn:hover:after {
            left: 28px;
            top: -135px;
            width: 520px
        }

        .single-industries {
            font-family: Lato, sans-serif !important
        }

        .single-industries .h2,
        .single-industries .title,
        .single-industries h1,
        .single-industries h2,
        .single-industries h3 {
            font-family: Lato, sans-serif !important
        }

        .single-industries section a {
            color: currentColor
        }

        .single-industries section:nth-of-type(2) {
            padding-top: 160px
        }

        .single-industries section:last-of-type {
            padding-bottom: 160px
        }

        .single-industries .wrapper-block.single-case div,
        .single-industries .wrapper-block.single-case p {
            font-size: 18px;
            line-height: 130%;
            color: #00283b
        }

        .single-industries .top-section-class {
            height: auto;
            min-height: 635px;
            padding-top: 60px;
            padding-bottom: 120px
        }

        .single-industries .top-section-class h1 {
            font-weight: 900;
            font-size: 54px;
            line-height: 130%
        }

        .single-industries .top-section-class .subtitle {
            padding-top: 0;
            margin-top: 30px;
            display: block;
            color: #fff !important;
            font-size: 30px !important;
            line-height: 130% !important;
            letter-spacing: .750785px;
            margin-bottom: 0;
            max-width: 924px
        }

        .single-industries .top-section-class .subtitle:not(:last-of-type) {
            margin-bottom: 30px
        }

        .single-industries .top-section-class .subtitle p {
            color: #fff;
            font-size: 30px;
            line-height: 130%;
            letter-spacing: .750785px;
            margin-bottom: 0;
            max-width: 924px
        }

        .single-industries .top-section-class .subtitle p:not(:last-of-type) {
            margin-bottom: 30px
        }

        .single-industries .owl-nav {
            position: absolute;
            top: -120px;
            right: 200px;
            gap: 20px;
            display: flex
        }

        .single-industries .owl-nav .owl-next,
        .single-industries .owl-nav .owl-prev {
            width: 60px;
            height: 60px;
            position: relative;
            border-radius: 50%;
            border: 2px solid #173753 !important
        }

        .single-industries .owl-nav .owl-next span,
        .single-industries .owl-nav .owl-prev span {
            display: none
        }

        .single-industries .owl-nav .owl-next:before,
        .single-industries .owl-nav .owl-prev:before {
            content: '';
            width: 12px;
            height: 19px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            transition: background-image .3s
        }

        .single-industries .owl-nav .owl-prev:before {
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-prev.svg")
        }

        .single-industries .owl-nav .owl-prev.disabled:before {
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-prev-disabled.svg")
        }

        .single-industries .owl-nav .owl-next:before {
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-next.svg")
        }

        .single-industries .owl-nav .owl-next.disabled:before {
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-next-disabled.svg")
        }

        .single-industries .owl-nav .disabled {
            opacity: 1;
            border-color: #b5c2cf !important
        }

        .single-industries .other-section-class {
            overflow: hidden
        }

        .single-industries .other-section-class.medium-padding-top {
            padding-top: 80px
        }

        .single-industries .other-section-class.small-padding-top {
            padding-top: 60px
        }

        .single-industries .other-section-class.small-padding-bottom {
            padding-bottom: 60px
        }

        .single-industries .other-section-class.no-padding-top {
            padding-top: 0 !important
        }

        .single-industries .other-section-class.no-padding-top .postSidebarBanner {
            margin-top: 0
        }

        .single-industries .other-section-class.no-padding-bottom {
            padding-bottom: 0 !important
        }

        .single-industries .other-section-class.no-padding-bottom .postSidebarBanner {
            margin-bottom: 0
        }

        .single-industries .other-section-class.gray {
            background: #f9fbfb
        }

        .single-industries .other-section-class.no-container {
            padding: 0
        }

        .single-industries .other-section-class.no-container .container {
            padding: 0;
            width: auto;
            max-width: none
        }

        .single-industries .other-section-class.no-container .postSidebarBanner {
            border-radius: 0
        }

        .single-industries .other-section-class.centered-title .container .h2,
        .single-industries .other-section-class.centered-title .container .other-section-header,
        .single-industries .other-section-class.centered-title .container h2 {
            margin-left: auto;
            margin-right: auto;
            text-align: center
        }

        .single-industries .other-section-class.centered-title .container .services__btn {
            margin-left: auto;
            margin-right: auto
        }

        .single-industries .other-section-class.centered-title .container .h2,
        .single-industries .other-section-class.centered-title .container h2 {
            text-align: center
        }

        .single-industries .other-section-class.max-width .other-section-header {
            max-width: none !important
        }

        .single-industries .other-section-class .container .other-section-header {
            max-width: 790px;
            margin-left: 0;
            text-align: left
        }

        .single-industries .other-section-class .container .other-section-header p span.big {
            font-size: 24px !important;
            line-height: 130%
        }

        .single-industries .other-section-class .container .h2,
        .single-industries .other-section-class .container h2 {
            margin-left: 0;
            text-align: left !important;
            margin-bottom: 30px;
            font-size: 36px;
            line-height: 48px;
            color: #173753
        }

        .single-industries .other-section-class .container .service-slider,
        .single-industries .other-section-class .container .service-slider1 {
            margin-left: -158px;
            margin-right: -158px;
            width: calc(100% + 316px);
            position: relative
        }

        .single-industries .other-section-class .container .service-slider .owl-dots,
        .single-industries .other-section-class .container .service-slider1 .owl-dots {
            display: none
        }

        .single-industries .other-section-class .container .service-slider .owl-item>a,
        .single-industries .other-section-class .container .service-slider1 .owl-item>a {
            width: 100%;
            height: 100%;
            position: relative;
            text-decoration: none;
            overflow: hidden
        }

        .single-industries .other-section-class .container .service-slider .owl-item>a img,
        .single-industries .other-section-class .container .service-slider1 .owl-item>a img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
            margin: 0;
            max-width: none
        }

        .single-industries .other-section-class .container .service-slider .owl-item>a .info,
        .single-industries .other-section-class .container .service-slider1 .owl-item>a .info {
            padding: 24px 32px;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transform: translateY(calc(100% - 104px));
            transition: .3s cubic-bezier(.4, 0, .2, 1)
        }

        .single-industries .other-section-class .container .service-slider .owl-item>a .info p,
        .single-industries .other-section-class .container .service-slider1 .owl-item>a .info p {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            color: #fff;
            margin-bottom: 16px
        }

        .single-industries .other-section-class .container .service-slider .owl-item>a .info .title,
        .single-industries .other-section-class .container .service-slider1 .owl-item>a .info .title {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            text-transform: uppercase;
            min-height: 64px
        }

        .single-industries .other-section-class .container .service-slider .owl-item>a .info a.title,
        .single-industries .other-section-class .container .service-slider1 .owl-item>a .info a.title {
            display: block;
            color: #fff;
            text-decoration: underline;
            -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor;
            transition: .5s;
            margin-bottom: 16px
        }

        .single-industries .other-section-class .container .service-slider .owl-item>a .info a.title:hover,
        .single-industries .other-section-class .container .service-slider1 .owl-item>a .info a.title:hover {
            -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent
        }

        .single-industries .other-section-class .container .service-slider .owl-item>a:hover .info,
        .single-industries .other-section-class .container .service-slider1 .owl-item>a:hover .info {
            transform: translateY(0);
            background: linear-gradient(358.24deg, rgba(2, 16, 23, .9) 1.14%, rgba(2, 16, 23, .9) 53.45%, rgba(2, 20, 28, .27) 98.17%)
        }

        .single-industries .other-section-class .container .three-posts {
            gap: 32px;
            margin-left: 0;
            margin-right: 0
        }

        .single-industries .other-section-class .container .three-posts__center {
            background: 0 0
        }

        .single-industries .other-section-class .container .three-posts__title {
            font-weight: 700;
            font-size: 23px;
            line-height: 32px;
            color: #173753;
            margin-bottom: 24px;
            padding: 0 !important
        }

        .single-industries .other-section-class .container .three-posts__title:after {
            display: none !important
        }

        .single-industries .other-section-class .container .three-posts__description {
            font-size: 16px;
            line-height: 24px;
            color: #5a6f79;
            margin-bottom: 48px;
            margin-top: 0;
            display: block !important
        }

        .single-industries .other-section-class .container .three-posts__wrapper {
            padding: 0;
            width: auto !important;
            display: flex;
            flex-direction: column;
            height: 100%
        }

        .single-industries .other-section-class .container .three-posts a {
            border-radius: 8px;
            width: calc((100% - 64px)/ 3);
            transition: .3s;
            padding: 32px;
            background: #fff !important
        }

        .single-industries .other-section-class .container .three-posts a:hover {
            box-shadow: 0 8px 25px rgba(71, 83, 116, .09)
        }

        .single-industries .other-section-class .container .transparent-section {
            margin-top: 60px;
            display: flex;
            flex-wrap: wrap;
            gap: 30px
        }

        .single-industries .other-section-class .container .transparent-section.numbers {
            counter-reset: list;
            padding: 0;
            list-style: none
        }

        .single-industries .other-section-class .container .transparent-section.numbers .transparent-section__item {
            padding: 102px 16px 36px !important;
            position: relative
        }

        .single-industries .other-section-class .container .transparent-section.numbers .transparent-section__item:before {
            counter-increment: list;
            content: counter(list);
            font-weight: 700;
            font-size: 48px;
            line-height: 48px;
            text-transform: uppercase;
            color: #1a5c8d;
            position: absolute;
            top: 24px;
            left: 24px
        }

        .single-industries .other-section-class .container .transparent-section.numbers .transparent-section__item p {
            text-transform: none
        }

        .single-industries .other-section-class .container .transparent-section__item {
            padding: 24px 24px 48px;
            border: 1px solid #00283b;
            border-radius: 8px;
            width: calc(50% - 15px)
        }

        .single-industries .other-section-class .container .transparent-section__item .tick-list {
            padding: 0;
            list-style: none
        }

        .single-industries .other-section-class .container .transparent-section__item .tick-list li {
            position: relative;
            padding-left: 36px !important
        }

        .single-industries .other-section-class .container .transparent-section__item .tick-list li:before {
            content: '';
            position: absolute;
            left: 0;
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/benefits.svg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-color: transparent;
            top: 2px;
            width: 20px;
            height: 20px
        }

        .single-industries .other-section-class .container .transparent-section__item img {
            margin-bottom: 30px;
            height: 54px
        }

        .single-industries .other-section-class .container .transparent-section__item h3 {
            margin-bottom: 30px;
            text-transform: uppercase
        }

        .single-industries .other-section-class .container .transparent-section__item a,
        .single-industries .other-section-class .container .transparent-section__item p {
            text-decoration: none;
            display: block
        }

        .single-industries .other-section-class .container .transparent-section__item a.title,
        .single-industries .other-section-class .container .transparent-section__item p.title {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            color: #00283b
        }

        .single-industries .other-section-class .container .transparent-section__item a.title:not(:last-child),
        .single-industries .other-section-class .container .transparent-section__item p.title:not(:last-child) {
            margin-bottom: 24px
        }

        .single-industries .other-section-class .container .transparent-section__item a.gray-p,
        .single-industries .other-section-class .container .transparent-section__item p.gray-p {
            color: #5a6f79
        }

        .single-industries .other-section-class .container .transparent-section.small-padding-bottom .transparent-section__item {
            padding: 24px
        }

        .single-industries .other-section-class .container .transparent-section.animated .transparent-section__item {
            padding: 0;
            background: 0 0;
            border: 1px solid #00283b;
            border-radius: 8px
        }

        .single-industries .other-section-class .container .transparent-section-slider {
            position: relative
        }

        .single-industries .other-section-class .container .transparent-section-slider .owl-dots {
            display: none
        }

        .single-industries .other-section-class .container .transparent-section-slider .owl-nav {
            display: none
        }

        .single-industries .other-section-class .container .transparent-section-slider .owl-stage {
            padding-top: 0;
            display: flex;
            padding-bottom: 2px
        }

        .single-industries .other-section-class .container .transparent-section-slider .owl-stage .owl-item .transparent-section__item {
            width: 100% !important
        }

        .single-industries .other-section-class .container .transparent-section.columns-3 .transparent-section__item {
            width: calc((100% - 60px)/ 3)
        }

        .single-industries .other-section-class .container .casestudy-section {
            padding: 0
        }

        .single-industries .small-posts-section__items {
            display: flex;
            gap: 30px
        }

        .single-industries .three-posts-section__items .owl-stage-outer {
            padding-bottom: 20px
        }

        .single-industries .three-posts-section__items .owl-stage-outer .owl-stage {
            display: flex
        }

        .single-industries .three-posts-section__items .owl-nav {
            top: -10px;
            right: 0
        }

        .single-industries .three-posts-section__items .owl-nav button {
            left: auto;
            right: auto
        }

        .single-industries .three-posts-section__title {
            margin-bottom: 80px;
            font-size: 36px;
            font-weight: 900;
            line-height: 48px;
            text-transform: uppercase;
            color: #173753
        }

        .single-industries .three-posts-section__item {
            background: #fff;
            box-shadow: 0 8px 25px rgba(71, 83, 116, .09);
            border-radius: 8px;
            overflow: hidden;
            display: flex;
            flex-direction: column
        }

        .single-industries .three-posts-section__item-image {
            width: 100%;
            min-height: 215px;
            height: 215px
        }

        .single-industries .three-posts-section__item-image a {
            display: block;
            width: 100%;
            height: 100%
        }

        .single-industries .three-posts-section__item-image a img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center
        }

        .single-industries .three-posts-section__item-wrapper {
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            flex: 1
        }

        .single-industries .three-posts-section__item-wrapper .card-tag {
            margin-bottom: 10px
        }

        .single-industries .three-posts-section__item-wrapper .card-tag .tags-list {
            cursor: pointer;
            font-size: 12px;
            font-weight: 700;
            line-height: 28px;
            letter-spacing: .02em;
            color: #1a5c8d;
            text-transform: uppercase
        }

        .single-industries .three-posts-section__item-wrapper .card-time {
            display: flex;
            align-items: center;
            gap: 14px
        }

        .single-industries .three-posts-section__item-wrapper .card-time span {
            font-weight: 700;
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .02em;
            color: #00283b
        }

        .single-industries .three-posts-section__item-title {
            font-size: 18px;
            font-weight: 900;
            line-height: 23.4px;
            color: #00283b;
            margin-bottom: 10px;
            margin-top: auto;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical
        }

        .single-industries .minifaq {
            margin-bottom: 0;
            padding-bottom: 0;
            border: none;
            background: #00283b
        }

        .single-industries .minifaq__header .h2,
        .single-industries .minifaq__header h2,
        .single-industries .minifaq__header span {
            color: #fff
        }

        .single-industries .minifaq__header p {
            color: #acbac2 !important
        }

        .single-industries .minifaq .faq-item__title h3 {
            color: #fff
        }

        .single-industries .minifaq .faq-item__title .button-area:after {
            transform: rotate(180deg);
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/faq-arrow.svg")
        }

        .single-industries .minifaq .faq-item__text .tick-list li {
            color: #fff !important
        }

        .single-industries .minifaq .faq-item__wrapper {
            color: #fff !important
        }

        .single-industries .minifaq .faq-item__wrapper b,
        .single-industries .minifaq .faq-item__wrapper div,
        .single-industries .minifaq .faq-item__wrapper li,
        .single-industries .minifaq .faq-item__wrapper p,
        .single-industries .minifaq .faq-item__wrapper span,
        .single-industries .minifaq .faq-item__wrapper strong {
            color: #fff
        }

        .single-industries .minifaq__header .h2,
        .single-industries .minifaq__header h2,
        .single-industries .minifaq__header span {
            display: block;
            font-weight: 700;
            font-size: 36px;
            line-height: 40px;
            letter-spacing: .5px;
            text-transform: uppercase
        }

        .single-industries .minifaq__header p {
            font-family: Lato, sans-serif;
            margin-top: 30px;
            font-size: 18px !important;
            line-height: 140% !important;
            font-weight: 400 !important
        }

        .single-industries .minifaq .faq-item__title h3 {
            font-weight: 900;
            font-size: 24px;
            line-height: 32px
        }

        .single-industries .minifaq .faq-item__title .button-area:after {
            content: '';
            width: 40px;
            height: 40px;
            right: 0;
            background-repeat: no-repeat;
            background-size: contain;
            transition: .3s
        }

        .single-industries .minifaq .faq-item__wrapper {
            font-size: 16px !important;
            line-height: 24px !important
        }

        .single-industries .minifaq .faq-item__wrapper a,
        .single-industries .minifaq .faq-item__wrapper div,
        .single-industries .minifaq .faq-item__wrapper p {
            font-size: 16px !important;
            line-height: 24px !important;
            color: #fff !important
        }

        .single-industries .minifaq .faq-item__text .tick-list li:before {
            content: '';
            position: absolute;
            left: 0;
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/benefits.svg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-color: transparent;
            top: 0;
            width: 20px;
            height: 20px
        }

        .single-industries .other-section-class.blue .minifaq {
            background: #00283b
        }

        .single-industries .other-section-class.blue .minifaq__header .h2,
        .single-industries .other-section-class.blue .minifaq__header h2,
        .single-industries .other-section-class.blue .minifaq__header span {
            color: #fff
        }

        .single-industries .other-section-class.blue .minifaq__header p {
            color: #acbac2 !important
        }

        .single-industries .other-section-class.blue .minifaq .faq-item__title h3 {
            color: #fff
        }

        .single-industries .other-section-class.blue .minifaq .faq-item__title .button-area:after {
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/faq-arrow.svg")
        }

        .single-industries .other-section-class.blue .minifaq .faq-item__wrapper {
            color: #fff !important
        }

        .single-industries .other-section-class.blue .minifaq .faq-item__wrapper b,
        .single-industries .other-section-class.blue .minifaq .faq-item__wrapper div,
        .single-industries .other-section-class.blue .minifaq .faq-item__wrapper p,
        .single-industries .other-section-class.blue .minifaq .faq-item__wrapper strong {
            color: #fff !important
        }

        .single-industries .other-section-class.blue .minifaq .faq-item__text ol li,
        .single-industries .other-section-class.blue .minifaq .faq-item__text ul li {
            color: #fff !important
        }

        .single-industries .other-section-class.blue .minifaq .faq-item__text ul li:before {
            background-color: #fff !important
        }

        .single-industries .other-section-class.blue .minifaq .faq-item__text .tick-list li {
            color: #fff !important
        }

        .single-industries .other-section-class.blue .services-section__container .tick-list li:before {
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/benefits-white.svg") !important
        }

        .single-industries .other-section-class.blue {
            background: #00283b
        }

        .single-industries .other-section-class.blue .container .h2,
        .single-industries .other-section-class.blue .container h2 {
            color: #fff
        }

        .single-industries .other-section-class.blue .container div,
        .single-industries .other-section-class.blue .container p {
            color: #fff
        }

        .fixed-form-content .response-output.sent {
            background-color: #fff;
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/message-ok.png");
            background-repeat: no-repeat;
            background-position: top center;
            padding: 80px 0 0;
            margin: 32px 0;
            text-align: center;
            color: #5a6f79;
            font-size: 16px;
            line-height: 1
        }

        .fixed-form-content.sent .response-output {
            background-color: #fff;
            background-image: url("https://inoxoft.com/wp-content/themes/inoxoft/images/message-ok.png");
            background-repeat: no-repeat;
            background-position: top center;
            padding: 80px 0 0;
            margin: 32px 0;
            text-align: center;
            color: #5a6f79;
            font-size: 16px
        }

        #askAQuestion .site-button,
        #getAQuote .site-button,
        #hireATeam .site-button,
        #requestAConsultation .site-button,
        #requestForProposal .site-button,
        #subscribe .site-button {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 216px;
            height: 63px;
            background: #00283b;
            border: 1px solid #00283b;
            border-radius: 38px;
            box-shadow: none;
            padding: 20px 40px;
            margin-top: 0;
            color: #fff
        }

        #askAQuestion .site-button:hover,
        #getAQuote .site-button:hover,
        #hireATeam .site-button:hover,
        #requestAConsultation .site-button:hover,
        #requestForProposal .site-button:hover,
        #subscribe .site-button:hover {
            color: #00283b
        }

        #askAQuestion .site-button:hover input,
        #getAQuote .site-button:hover input,
        #hireATeam .site-button:hover input,
        #requestAConsultation .site-button:hover input,
        #requestForProposal .site-button:hover input,
        #subscribe .site-button:hover input {
            color: #00283b
        }

        #askAQuestion .modal-content__info,
        #getAQuote .modal-content__info,
        #hireATeam .modal-content__info,
        #requestAConsultation .modal-content__info,
        #requestForProposal .modal-content__info,
        #subscribe .modal-content__info {
            display: flex;
            width: 100%;
            max-width: 660px;
            background: #00283b;
            padding: 110px 60px 80px;
            flex-direction: column;
            align-items: flex-start;
            gap: 60px;
            flex: 1 0 0;
            -ms-grid-row-align: stretch;
            align-self: stretch
        }

        @media (min-width:768px) {
            .container {
                padding-right: 15px;
                padding-left: 15px;
                width: 720px;
                max-width: 100%
            }

            .row {
                margin-right: -15px;
                margin-left: -15px
            }

            .mobile-slider-progressbar.video-reviews-progressbar {
                display: none
            }
        }

        @media screen and (min-width:768px) {

            .h2,
            h2 {
                font-size: 32px;
                line-height: 40px;
                margin-bottom: 28px
            }

            .h3,
            h3 {
                line-height: 36px;
                font-size: 28px
            }

            .wrapper-block.single-case .h2 {
                font-size: 32px;
                line-height: 40px;
                margin-bottom: 64px
            }

            .other-section-class .h2,
            .other-section-class h2 {
                font-size: 32px;
                line-height: 40px;
                margin-bottom: 64px
            }
        }

        @media (min-width:1064px) {
            .container {
                padding-right: 15px;
                padding-left: 15px;
                width: 960px;
                max-width: 100%
            }

            .row {
                margin-right: -15px;
                margin-left: -15px
            }

            .mobile-slider-progressbar.reviews-progressbar {
                display: none
            }

            .filterCaseStudies__form .btn-clear.show {
                display: none
            }

            .single-industries .other-section-class .container .transparent-section.animated .transparent-section__item {
                height: 270px;
                border-radius: 0;
                border: none
            }

            .single-industries .other-section-class .container .transparent-section.animated .transparent-section__item:hover .services-section__item-wrapper {
                transform: rotateY(180deg)
            }

            .single-industries .other-section-class .container .transparent-section.animated .services-section__item-wrapper {
                transform-style: preserve-3d;
                transition: .3s
            }
        }

        @media screen and (min-width:1064px) {
            .footer__locations .map-popup-content .map-popup-links {
                justify-content: space-between
            }

            .footer__locations .map-popup-content .map-popup-links a {
                width: 54px;
                height: 54px
            }

            .footer__locations .map-popup-title {
                margin-bottom: 36px
            }

            .new-blog-contact-form,
            .other-section-class form .new-blog-contact-form {
                display: flex;
                gap: 6%
            }

            .new-blog-contact-form .mobile-title,
            .other-section-class form .new-blog-contact-form .mobile-title {
                display: none
            }

            .new-blog-contact-form .new-blog-contact-form__fields,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__fields {
                width: 50%;
                padding: 40px;
                background-color: #fff;
                box-shadow: 0 0 0 0 #0000000F, 0 3px 7px 0 #0000000F, 0 13px 13px 0 #0000000D, 0 29px 17px 0 #00000008, 0 51px 20px 0 #00000003, 0 80px 22px 0 #00000000, 0 -5px 20px 0 #0000000D, 0 -1px 4px 0 #0000000D;
                border-radius: 8px
            }

            .new-blog-contact-form .new-blog-contact-form__fields_title,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__fields_title {
                display: block;
                font-weight: 900;
                font-size: 36px;
                line-height: 48px;
                letter-spacing: 0;
                text-transform: uppercase;
                margin-bottom: 20px;
                color: #173753
            }

            .new-blog-contact-form .new-blog-contact-form__people,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__people {
                order: 2;
                margin-bottom: 0;
                width: 44%
            }

            .new-blog-contact-form .new-blog-contact-form__person,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__person {
                gap: 32px;
                align-items: center
            }

            .new-blog-contact-form .new-blog-contact-form__person:not(:last-child),
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__person:not(:last-child) {
                margin-bottom: 30px
            }

            .new-blog-contact-form .new-blog-contact-form__image,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__image {
                width: 147px
            }

            .new-blog-contact-form .new-blog-contact-form__name,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__name {
                font-size: 24px;
                line-height: 32px
            }

            .new-blog-contact-form .new-blog-contact-form__role,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__role {
                font-size: 20px;
                line-height: 130%
            }

            .new-blog-contact-form .new-blog-contact-form__social,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__social {
                margin-top: 16px
            }

            .new-blog-contact-form .new-blog-contact-form__social a,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__social a {
                width: 28px;
                height: 28px
            }

            .new-blog-contact-form .new-blog-contact-form__social i,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__social i {
                font-size: 20px
            }
        }

        @media (min-width:1266px) {

            .caseStudies img.image,
            .caseStudies picture.image img {
                -o-object-fit: cover;
                object-fit: cover
            }

            .single-industries .container {
                width: 1350px
            }
        }

        @media (min-width:1267px) {
            .container {
                padding-right: 15px;
                padding-left: 15px;
                width: 1155px;
                max-width: 100%
            }

            .row {
                margin-right: -15px;
                margin-left: -15px
            }

            .hidden-xl-up {
                display: none !important
            }

            .home-header .container,
            .menu-list .container {
                width: 1350px !important
            }

            .footer .container {
                width: 1350px !important
            }

            .mobile-slider-progressbar {
                display: none
            }

            .single-industries .other-section-class .container .transparent-section-slider .owl-stage {
                display: flex !important;
                flex-wrap: wrap !important;
                width: 100% !important;
                gap: 30px;
                padding-bottom: 0;
                justify-content: center
            }

            .single-industries .other-section-class .container .transparent-section-slider .owl-stage .owl-item {
                padding: 24px 24px 48px;
                border: 1px solid #00283b;
                border-radius: 8px;
                width: calc((100% - 60px)/ 3) !important
            }

            .single-industries .other-section-class .container .transparent-section-slider .owl-stage .owl-item .transparent-section__item {
                padding: 0;
                border: none;
                border-radius: 0
            }

            .single-industries .other-section-class .container .transparent-section.columns-3 .owl-stage .owl-item {
                width: calc((100% - 60px)/ 3) !important
            }
        }

        @media screen and (min-width:1267px) {
            .nav-toggle {
                display: none
            }

            .show>.dropdown-menu li .scroll-top,
            .show>.dropdown-menu li a {
                color: #000;
                white-space: nowrap;
                text-transform: capitalize;
                transition: .5s ease-in-out
            }

            .show>.dropdown-menu li a:hover {
                color: #0097fd;
                background-color: transparent
            }

            .dropdown-menu li:hover .sub-menu {
                visibility: visible
            }

            .dropdown-menu .sub-menu {
                left: 100%;
                position: absolute;
                top: 0;
                visibility: hidden;
                margin-top: -1px
            }

            .navbar-home>.show>.dropdown-menu li .scroll-top,
            .navbar-home>.show>.dropdown-menu li a,
            .navbar-home>.show>.dropdown-menu li span {
                color: #000;
                white-space: nowrap;
                text-transform: capitalize;
                transition: .2s ease-in-out
            }

            .navbar-home>.show>.dropdown-menu li a[title=iOS] {
                text-transform: none
            }

            .navbar-home>.show>.dropdown-menu {
                border: none;
                background-color: #fff;
                margin: 0;
                border-radius: 0 0 8px 8px;
                box-shadow: 0 12px 20px rgba(1, 84, 123, .2)
            }

            .navbar-home>.show>.dropdown-menu li a:hover {
                color: #5ac8ff;
                background-color: transparent
            }

            .navbar-home>.dropdown-menu li:hover .sub-menu {
                visibility: visible
            }

            .navbar-home>.dropdown-menu .sub-menu {
                left: 100%;
                position: absolute;
                top: 0;
                visibility: hidden;
                margin-top: -1px
            }

            .services__btn {
                padding: 13px 40px
            }

            header .container {
                width: 1230px;
                max-width: 100%
            }

            .single-industries .services__btn {
                padding: 20px 40px
            }
        }

        @media (max-width:1267px) {
            .caseStudies .video.macbook-video {
                max-width: 348px;
                max-height: 238px;
                min-height: 238px
            }

            .caseStudies .macbook-bg~.macbook-image img,
            .caseStudies .macbook-bg~img.macbook-image,
            .caseStudies .macbook-bg~picture .macbook-image {
                max-width: 344px;
                max-height: 235px;
                min-height: 235px
            }

            .single-industries .other-section-class .container .three-posts {
                flex-direction: column
            }

            .single-industries .other-section-class .container .three-posts a {
                width: 100%;
                padding: 20px
            }
        }

        @media (max-width:1266px) {
            .open>.dropdown-menu {
                display: block
            }

            .home-header .container,
            .menu-list .container {
                width: 100% !important;
                padding-left: 60px;
                padding-right: 60px
            }

            .header__submenus .sub-menu {
                width: 100%;
                background: #fff;
                height: calc(100vh - 72px);
                transform: translateY(0) translateX(-120%);
                transition: all .5s
            }

            .header__submenus .sub-menu .container {
                height: 100%
            }

            .header__submenus .sub-menu.open {
                transform: translateX(0)
            }

            .header__submenus .sub-menu__inner {
                flex-wrap: wrap;
                margin: 0 -60px
            }

            .header__submenus .sub-menu__head {
                display: flex;
                padding-left: 60px;
                padding-right: 60px
            }

            .sub-menu__company .sub-menu__content {
                order: 2;
                width: 50%;
                padding-left: 60px;
                padding-right: 60px
            }

            .sub-menu__company .sub-menu__menu-wrap {
                order: 1;
                max-width: 100%;
                padding: 40px 60px;
                border-right: 0;
                border-bottom: 1px solid #d9e1e5
            }

            .sub-menu__company .sub-menu__menu {
                justify-content: flex-start
            }

            .sub-menu__company .menu-item {
                width: calc(25% - 60px)
            }

            .sub-menu__company .sub-menu__quote {
                order: 3;
                width: 50%;
                padding-left: 60px;
                padding-right: 60px
            }

            .sub-menu__services .sub-menu__menu1 {
                width: 58%;
                padding: 40px 60px
            }

            .sub-menu__services .sub-menu__menu2 {
                border-right: none;
                width: 42%
            }

            .sub-menu__services .sub-menu__content {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 40px;
                width: 100%;
                padding: 40px 60px;
                border-top: 1px solid #d9e1e5
            }

            .sub-menu__services .sub_menu__content-text {
                margin-bottom: 0;
                width: calc(50% - 20px)
            }

            .sub-menu__services .sub-menu__logotypes {
                width: calc(50% - 20px)
            }

            .sub-menu__services .sub-menu__logo {
                padding: 12px
            }

            .sub-menu__services .sub-menu__logo img {
                max-width: 100px
            }

            .sub-menu__industries .sub-menu__items {
                width: 360px;
                padding: 40px 60px
            }

            .sub-menu__industries .sub-menu__content-items {
                width: calc(100% - 360px)
            }

            .sub-menu__industries .sub-menu__menu {
                width: 100%
            }

            .sub-menu__industries .sub-menu__post {
                display: none
            }

            .sub-menu__technologies .sub-menu__awards {
                order: 3;
                width: 100%;
                padding: 40px 60px;
                border-right: none
            }

            .sub-menu__technologies .sub-menu__awards-inner {
                flex-wrap: nowrap
            }

            .sub-menu__technologies .sub-menu__awards-item {
                width: 25%;
                padding: 15px 10px
            }

            .sub-menu__technologies .sub-menu__menu-wrap {
                order: 1;
                max-width: 100%;
                padding: 40px 60px;
                border-right: 0;
                border-bottom: 1px solid #d9e1e5
            }

            .sub-menu__technologies .sub-menu__menu {
                justify-content: flex-start
            }

            .sub-menu__technologies .menu-item {
                width: calc(25% - 60px)
            }

            .sub-menu__technologies .sub-menu__description-items {
                display: none
            }

            .sub-menu__technologies .sub-menu__description {
                order: 3;
                width: 50%;
                padding-left: 60px;
                padding-right: 60px
            }

            .footer .container {
                width: 100% !important;
                padding-left: 60px;
                padding-right: 60px
            }

            .footer__top {
                gap: 60px
            }

            .footer__text {
                padding-right: 0
            }

            .footer__widgets .footer__widget .clutch-widget[data-widget-type="1"] {
                display: block
            }

            .footer__widgets .footer__widget .clutch-widget[data-widget-type="2"] {
                display: none
            }

            .footer__widgets .footer__widget .protected img {
                max-width: 100%;
                height: auto
            }

            .footer__widgets {
                gap: 30px
            }

            .footer__widgets .footer__widget {
                width: calc(50% - 15px)
            }

            .footer__locations-wrap {
                padding-left: 0
            }

            .footer__locations-items {
                gap: 20px;
                padding-right: 0
            }

            .footer__locations-item {
                width: calc(50% - 10px)
            }

            .footer__accordions .accordion {
                font-size: 18px
            }

            .footer__accordions .accordion:after {
                top: 3px
            }

            .footer-socials .menu-social {
                gap: 7px
            }

            .dropdown-new__button {
                font-size: 20px;
                justify-content: start
            }

            .single-industries .owl-nav .owl-next,
            .single-industries .owl-nav .owl-prev {
                width: 41px;
                height: 41px
            }

            .single-industries .owl-nav .owl-next:before,
            .single-industries .owl-nav .owl-prev:before {
                width: 8px;
                height: 13px
            }

            .single-industries .other-section-class .container .service-slider .owl-item>a .info,
            .single-industries .other-section-class .container .service-slider1 .owl-item>a .info {
                padding: 16px;
                transform: translateY(calc(100% - 88px))
            }

            .single-industries .other-section-class .container .service-slider .owl-item>a .info p,
            .single-industries .other-section-class .container .service-slider1 .owl-item>a .info p {
                font-size: 14px;
                line-height: 16px
            }

            .single-industries .other-section-class .container .service-slider .owl-item>a .info .title,
            .single-industries .other-section-class .container .service-slider1 .owl-item>a .info .title {
                font-size: 20px;
                line-height: 28px;
                min-height: 56px
            }

            .single-industries .other-section-class .container .transparent-section__item a.title,
            .single-industries .other-section-class .container .transparent-section__item p.title {
                font-size: 20px;
                line-height: 130%
            }

            .single-industries .other-section-class .container .transparent-section.columns-3 {
                gap: 16px;
                flex-direction: row
            }

            .single-industries .other-section-class .container .transparent-section.columns-3 .transparent-section__item {
                width: calc((100% - 16px)/ 2)
            }
        }

        @media screen and (max-width:1266px) {
            .home-wrapper {
                padding-top: 60px
            }

            .search-btn i {
                color: #5a6f78
            }

            .navbar-fixed-top {
                display: none
            }

            .nav-icon3 {
                width: 35px;
                margin-left: 40px;
                cursor: pointer
            }

            .nav-icon3 span {
                display: block;
                margin: 4px 0;
                height: 4px;
                width: 100%;
                background: #00283b;
                border-radius: 2px
            }

            .nav-icon3 span:first-child {
                top: 4px
            }

            .nav-icon3 span:nth-child(2) {
                top: 11px
            }

            .nav-icon3 span:nth-child(3) {
                top: 18px
            }

            .cookies-not-set .btn.scroll-top,
            .cookies-not-set .fixed-form-content {
                bottom: 120px
            }

            .menu a {
                font-size: 1.3em
            }

            .review .header .title img {
                margin: 0 auto;
                display: block;
                float: none
            }

            .review .header h3 {
                text-align: center
            }

            .other-section-class br {
                display: none
            }

            .search-top-container .row {
                height: 72px
            }

            .home-wrapper {
                padding-top: 72px
            }

            body.with-fixed-banner .menu-list {
                padding: 108px 0 0
            }

            .search-top-container .row {
                height: 60px
            }

            .minifaq {
                padding-bottom: 80px;
                border-bottom: 1px solid #d9e1e5
            }

            .centered-section .minifaq {
                padding-bottom: 0;
                border: none
            }

            .new-blog-contact-form .form-group__contact-bottom .services__btn,
            .other-section-class form .new-blog-contact-form .form-group__contact-bottom .services__btn {
                min-width: 0
            }
        }

        @media (max-width:1125px) {

            .single-industries .other-section-class .container .service-slider,
            .single-industries .other-section-class .container .service-slider1 {
                width: 100%;
                margin: 0
            }
        }

        @media (max-width:1064px) {
            .filterCaseStudies .filter-modal-search {
                display: block
            }

            .filterCaseStudies .term-modal {
                display: block;
                padding: 4px 26px;
                gap: 10px;
                border: 1px solid #d9e1e5;
                background-color: transparent;
                border-radius: 80px;
                font-size: 16px;
                line-height: 28px;
                color: #5a6f79
            }

            .filterCaseStudies .term-modal .fa {
                font-size: 20px !important;
                line-height: 24px;
                margin-left: 10px
            }

            .filterCaseStudies .term-rows {
                padding: 0;
                margin: 0 !important;
                display: block;
                overflow: visible
            }

            .filterCaseStudies .taxonomy-title {
                color: #5a6f79;
                line-height: 28px;
                padding: 10px;
                margin: 0 !important;
                display: flex;
                justify-content: space-between;
                border-bottom: 1px solid #d9e1e5;
                font-size: 16px;
                cursor: pointer
            }

            .filterCaseStudies .taxonomy-title:after {
                content: "\f107";
                display: inline-block;
                font: 20px/1 SiteImages
            }

            .filterCaseStudies .taxonomy-title.show:after {
                transform: rotate(180deg)
            }

            .filterCaseStudies .btn-close {
                position: static
            }

            .filterCaseStudies .btn-close svg {
                max-width: 13px
            }

            .filterCaseStudies .btn-clear {
                font-size: 20px
            }

            .filterCaseStudies .term-dropdown {
                margin: 10px 10px 10px 15px;
                font-weight: 500;
                font-size: 16px;
                line-height: 28px;
                display: flex;
                align-items: center
            }

            .filterCaseStudies .term-dropdown {
                display: none !important
            }

            .filterCaseStudies__form {
                background: #fff
            }

            .filterCaseStudies__form.show {
                position: fixed;
                overflow-x: hidden;
                overflow-y: auto;
                top: 65px
            }

            .single-industries .minifaq__inner {
                flex-direction: column;
                gap: 30px
            }

            .single-industries .minifaq__header {
                width: auto;
                min-width: 0
            }

            #askAQuestion .close,
            #getAQuote .close,
            #hireATeam .close,
            #requestAConsultation .close,
            #requestForProposal .close,
            #subscribe .close {
                width: 14px;
                height: 14px;
                top: 40px;
                right: 30px
            }

            #askAQuestion .modal-content__main,
            #getAQuote .modal-content__main,
            #hireATeam .modal-content__main,
            #requestAConsultation .modal-content__main,
            #requestForProposal .modal-content__main,
            #subscribe .modal-content__main {
                padding: 40px 30px 60px
            }
        }

        @media screen and (max-width:1064px) {
            .filterCaseStudies__form.show .btn-close {
                color: #00283b
            }

            .new-blog-contact-form .form-group__contact-bottom .file_upload,
            .other-section-class form .new-blog-contact-form .form-group__contact-bottom .file_upload {
                margin-top: 11px;
                max-width: none;
                text-align: center
            }
        }

        @media (max-width:1063px) {
            .hidden-md-down {
                display: none !important
            }

            .footer__info-wrap {
                width: 50%
            }

            .footer__widgets {
                flex-wrap: wrap
            }

            .footer__widgets .footer__widget {
                width: 100%
            }

            .footer__menus-col {
                width: calc(50% - 20px)
            }

            .footer__accordions .footer__accordion {
                width: calc(50% - 20px)
            }

            .footer__bottom-inner {
                flex-wrap: wrap
            }

            .footer__bottom-menu {
                order: 2;
                width: calc(50% - 15px)
            }

            .footer-socials {
                order: 1;
                width: 100%
            }

            .copyright {
                order: 3;
                width: calc(50% - 15px)
            }

            .caseStudies__image {
                margin-top: 30px
            }

            .caseStudies .macbook-bg {
                max-width: 433px;
                max-height: 267px
            }

            .caseStudies .macbook-bg~.macbook-image img,
            .caseStudies .macbook-bg~img.macbook-image,
            .caseStudies .macbook-bg~picture .macbook-image {
                max-width: 349px
            }

            .dropdown-new__button::after {
                width: 10px;
                height: 10px;
                border-bottom: 2px solid;
                border-right: 2px solid
            }

            .single-industries .owl-nav {
                right: 0
            }

            .single-industries .other-section-class .container .transparent-section {
                flex-direction: column;
                gap: 20px;
                margin-top: 30px
            }

            .single-industries .other-section-class .container .transparent-section__item {
                width: 100%;
                padding: 16px 16px 32px
            }

            .single-industries .other-section-class .container .transparent-section__item img {
                margin-bottom: 20px;
                height: 40px
            }

            .single-industries .other-section-class .container .transparent-section__item h3 {
                margin-bottom: 20px;
                font-size: 20px;
                line-height: 130%
            }

            .single-industries .other-section-class .container .transparent-section__item a,
            .single-industries .other-section-class .container .transparent-section__item p {
                font-size: 18px;
                line-height: 130%
            }

            .single-industries .small-posts-section__items {
                flex-direction: column
            }

            .single-industries .three-posts-section__item-wrapper {
                padding: 16px
            }

            .single-industries .three-posts-section__item-wrapper .card-time svg circle {
                fill: #00283B
            }

            #askAQuestion .modal-content__info,
            #getAQuote .modal-content__info,
            #hireATeam .modal-content__info,
            #requestAConsultation .modal-content__info,
            #requestForProposal .modal-content__info,
            #subscribe .modal-content__info {
                padding: 40px 30px 60px
            }
        }

        @media screen and (max-width:1063px) {
            body.with-fixed-banner .menu-list {
                padding: 130px 0 0
            }

            .search-top-container:not(.short) .search-top {
                margin-left: 0;
                width: calc(100% - 259px);
                position: absolute;
                left: 15px
            }

            .search-top-container:not(.short) .header-logo {
                visibility: hidden
            }

            .search-top-container .search-social {
                position: static
            }

            .new-blog-contact-form .form-group__contact-bottom,
            .other-section-class form .new-blog-contact-form .form-group__contact-bottom {
                justify-content: space-between;
                margin-top: 40px
            }

            .new-blog-contact-form .form-group__contact-bottom .services__btn,
            .other-section-class form .new-blog-contact-form .form-group__contact-bottom .services__btn {
                padding: 20px;
                width: 100%;
                font-size: 18px;
                line-height: 130%;
                font-weight: 400;
                margin-right: auto;
                margin-bottom: 0;
                max-width: 400px;
                margin-left: auto;
                margin-right: auto
            }
        }

        @media screen and (max-width:990px) {
            .center p br {
                display: none
            }

            .right {
                padding-top: 30px
            }

            #home-wrapper .services h3 {
                padding-bottom: 25px
            }
        }

        @media (max-width:990px) {

            .slider-section__items,
            .wrapper-block.single-case .slider-section__items {
                margin: 0;
                padding-bottom: 10px
            }

            #askAQuestion .close,
            #getAQuote .close,
            #hireATeam .close,
            #requestAConsultation .close,
            #requestForProposal .close,
            #subscribe .close {
                opacity: 1
            }

            #askAQuestion .close svg path,
            #getAQuote .close svg path,
            #hireATeam .close svg path,
            #requestAConsultation .close svg path,
            #requestForProposal .close svg path,
            #subscribe .close svg path {
                fill: #003047
            }

            #askAQuestion .modal-content__main,
            #getAQuote .modal-content__main,
            #hireATeam .modal-content__main,
            #requestAConsultation .modal-content__main,
            #requestForProposal .modal-content__main,
            #subscribe .modal-content__main {
                width: 100%
            }

            #askAQuestion .modal-content__info,
            #getAQuote .modal-content__info,
            #hireATeam .modal-content__info,
            #requestAConsultation .modal-content__info,
            #requestForProposal .modal-content__info,
            #subscribe .modal-content__info {
                display: none
            }
        }

        @media (max-width:768px) {

            .postSidebarBanner,
            .single-industries .wrapper-block.single-case .postSidebarBanner {
                padding: 32px 24px;
                margin-top: 36px;
                margin-bottom: 36px !important
            }

            .postSidebarBanner__title,
            .single-industries .wrapper-block.single-case .postSidebarBanner__title {
                font-size: 24px;
                line-height: 32px
            }

            .postSidebarBanner__title,
            .single-industries .wrapper-block.single-case .postSidebarBanner__title {
                font-weight: 700;
                font-size: 24px;
                line-height: 32px
            }

            .postSidebarBanner__description,
            .single-industries .wrapper-block.single-case .postSidebarBanner__description {
                font-weight: 700;
                font-size: 14px;
                line-height: 22px
            }

            .postSidebarBanner__link,
            .single-industries .wrapper-block.single-case .postSidebarBanner__link {
                padding: 7px 30px;
                width: 100%
            }

            .postSidebarBanner.with-background,
            .single-industries .wrapper-block.single-case .postSidebarBanner.with-background {
                padding: 40px 32px
            }

            .postSidebarBanner.with-background .postSidebarBanner__title,
            .single-industries .wrapper-block.single-case .postSidebarBanner.with-background .postSidebarBanner__title {
                font-size: 28px;
                line-height: 36.4px;
                margin-bottom: 16px
            }

            .postSidebarBanner.with-background .postSidebarBanner__description,
            .single-industries .wrapper-block.single-case .postSidebarBanner.with-background .postSidebarBanner__description {
                font-size: 16px;
                line-height: 20.8px;
                margin-bottom: 36px
            }

            .postSidebarBanner.with-background .services__btn,
            .single-industries .wrapper-block.single-case .postSidebarBanner.with-background .services__btn {
                padding: 20px 24px;
                height: 64px;
                width: auto;
                margin-bottom: 0;
                letter-spacing: -.05em
            }

            #askAQuestion .modal-header .modal-title,
            #getAQuote .modal-header .modal-title,
            #hireATeam .modal-header .modal-title,
            #requestAConsultation .modal-header .modal-title,
            #requestForProposal .modal-header .modal-title,
            #subscribe .modal-header .modal-title {
                font-size: 28px;
                line-height: 1.3;
                text-align: center
            }

            #askAQuestion .modal-header .modal-subtitle,
            #getAQuote .modal-header .modal-subtitle,
            #hireATeam .modal-header .modal-subtitle,
            #requestAConsultation .modal-header .modal-subtitle,
            #requestForProposal .modal-header .modal-subtitle,
            #subscribe .modal-header .modal-subtitle {
                font-size: 16px;
                text-align: center
            }

            #askAQuestion .modal-body .vac-upload-and-sub,
            #getAQuote .modal-body .vac-upload-and-sub,
            #hireATeam .modal-body .vac-upload-and-sub,
            #requestAConsultation .modal-body .vac-upload-and-sub,
            #requestForProposal .modal-body .vac-upload-and-sub,
            #subscribe .modal-body .vac-upload-and-sub {
                margin: 58px 0 0
            }

            #askAQuestion .modal-content,
            #getAQuote .modal-content,
            #hireATeam .modal-content,
            #requestAConsultation .modal-content,
            #requestForProposal .modal-content,
            #subscribe .modal-content {
                max-width: 100%
            }

            #askAQuestion .modal-content__main,
            #getAQuote .modal-content__main,
            #hireATeam .modal-content__main,
            #requestAConsultation .modal-content__main,
            #requestForProposal .modal-content__main,
            #subscribe .modal-content__main {
                padding: 74px 30px 60px
            }

            #askAQuestion .site-button,
            #getAQuote .site-button,
            #hireATeam .site-button,
            #requestAConsultation .site-button,
            #requestForProposal .site-button,
            #subscribe .site-button {
                margin-left: auto;
                margin-right: auto
            }

            #askAQuestion .form-agreement,
            #getAQuote .form-agreement,
            #hireATeam .form-agreement,
            #requestAConsultation .form-agreement,
            #requestForProposal .form-agreement,
            #subscribe .form-agreement {
                text-align: center
            }
        }

        @media screen and (max-width:767px) {
            html {
                font-size: 10px
            }

            other-section-class ul.checked li a {
                ont-size: 15px
            }

            .other-section-class ul li {
                padding-bottom: 12px
            }

            .tags {
                font-size: 2em
            }

            .search-btn i {
                font-size: 20px
            }

            .file-div {
                margin-bottom: -2px
            }

            .tags a {
                font-size: 3em
            }

            h1 {
                font-size: 36px;
                line-height: 44px
            }

            .h2,
            h1,
            h2 {
                letter-spacing: .5px
            }

            .wrapper-block.single-case div,
            .wrapper-block.single-case p,
            p {
                font-size: 15px
            }

            .other-section-class .row div:last-child p:first-child {
                padding-bottom: 0;
                margin-bottom: 24px
            }

            .other-section-class .row div:last-child p:last-child {
                padding-bottom: 0;
                margin-bottom: 0
            }

            .wrapper-block.single-case p,
            .wrapper-block.single-case p:last-child {
                padding-bottom: 0;
                margin-bottom: 0
            }

            .wrapper-block.single-case .center p:last-child {
                padding-bottom: 0
            }

            .form__label {
                font-size: 16px
            }

            .file_upload>.file-div {
                font-size: 16px
            }

            .right {
                padding-top: 30px
            }

            .review .header .title img {
                float: left
            }

            .review .header h3 {
                text-align: left
            }

            .top-section-class .subtitle br {
                display: none
            }

            p {
                font-size: 15px;
                line-height: 24px;
                margin-bottom: 20px
            }

            .other-section-class .center .subtitle.big,
            .other-section-class .subtitle.big {
                font-size: 17px;
                line-height: 24px
            }

            .modal-content {
                font-size: 1.6em;
                height: auto
            }

            .modal-content span.wpcf7-not-valid-tip {
                font-size: 12px
            }

            div.sent-ok {
                width: 65% !important
            }

            .wrapper-block.single-case .other-section-class {
                padding: 64px 0
            }

            .other-section-class.no-padding-top,
            .wrapper-block.single-case .other-section-class.no-padding-top {
                padding-top: 0
            }

            .other-section-class.no-padding-bottom,
            .wrapper-block.single-case .other-section-class.no-padding-bottom {
                padding-bottom: 0
            }

            .other-section-class .subtitle,
            .other-section-header .subtitle {
                margin-bottom: 0
            }

            .wrapper-block.single-case p:not(:last-child) {
                margin-bottom: 16px
            }

            .recaptcha-anr-wrap .captcha-image .cf7ic_instructions {
                font-size: 11px
            }

            .other-section-class ul.checked li a {
                font-size: 15px
            }

            .section-padding {
                padding-top: 64px;
                padding-bottom: 64px
            }

            .search-top-container .row {
                height: 60px
            }

            .home-wrapper {
                padding-top: 60px
            }

            body.with-fixed-banner .home-wrapper {
                padding-top: 115px
            }

            body.with-fixed-banner .menu-list {
                padding: 115px 0 160px
            }

            .services__btn {
                padding: 12px;
                margin-bottom: 10px;
                font-size: 14px;
                line-height: 130%;
                text-align: center
            }

            .header-logo .site-button {
                max-width: unset;
                line-height: 8px
            }

            .header-logo .img.img-logo {
                margin-right: 0;
                height: 24px
            }

            .menu-list .request-for-proposal--mobile a:focus,
            .menu-list .request-for-proposal--mobile a:hover,
            .menu-list .request-for-proposal--mobile a:visited {
                color: #fff;
                width: auto
            }

            .single-industries .services__btn {
                width: 100%;
                padding: 12px;
                text-align: center;
                margin-bottom: 10px;
                font-size: 14px;
                line-height: 130%
            }

            .faq {
                margin-top: 24px;
                margin-bottom: 23px
            }

            .faq-item.open .faq-item__text {
                padding: 16px 20px
            }

            .faq-item__title {
                padding: 8px 52px 8px 20px
            }

            .faq-item__title,
            .faq-item__title .h3,
            .faq-item__title h3 {
                font-size: 17px;
                line-height: 24px
            }

            .faq-item__title .button-area:after {
                font-size: 15px;
                line-height: 20px
            }

            .faq-item__text,
            .faq-item__text p {
                font-size: 15px;
                line-height: 24px
            }

            .minifaq .minifaq {
                padding-left: 0
            }

            .new-blog-contact-form .captcha-image .cf7ic_instructions,
            .other-section-class form .new-blog-contact-form .captcha-image .cf7ic_instructions {
                font-size: 13px
            }
        }

        @media (max-width:767px) {
            .--desktop {
                display: none !important
            }

            .--mobile {
                display: flex !important
            }

            .home-header .container,
            .menu-list .container {
                padding-left: 16px;
                padding-right: 16px
            }

            .header__submenus .sub-menu {
                height: calc(100vh - 60px);
                overflow: auto
            }

            .header__submenus .sub-menu__inner {
                margin: 0 -16px
            }

            .header__submenus .sub-menu__head {
                padding-left: 16px;
                padding-right: 16px
            }

            .sub-menu__company .sub-menu__content {
                width: 100%;
                padding: 40px 16px;
                gap: 40px;
                border-right: 0;
                border-bottom: 1px solid #d9e1e5
            }

            .sub-menu__company .sub-menu__clutch img,
            .sub-menu__company .sub-menu__clutch svg {
                width: 116px
            }

            .sub-menu__company .sub-menu__menu-wrap {
                padding-left: 16px;
                padding-right: 16px
            }

            .sub-menu__company .sub-menu__menu {
                -moz-column-gap: 70px;
                column-gap: 70px
            }

            .sub-menu__company .menu-item {
                width: calc(50% - 35px)
            }

            .sub-menu__company .sub-menu__quote {
                width: 100%;
                padding: 40px 16px
            }

            .sub-menu__services .sub-menu__menu1 {
                width: 100%;
                padding: 40px 16px;
                border-right: 0;
                border-bottom: 1px solid #d9e1e5
            }

            .sub-menu__services .sub-menu__menu1 .menu-item {
                width: 100%
            }

            .sub-menu__services .sub-menu__menu2 {
                width: 100%;
                padding: 40px 16px
            }

            .sub-menu__services .sub-menu__content {
                flex-wrap: wrap;
                padding: 40px 16px;
                gap: 0
            }

            .sub-menu__services .sub_menu__content-text {
                width: 100%;
                margin-bottom: 40px
            }

            .sub-menu__services .sub-menu__logotypes {
                width: 100%
            }

            .sub-menu__industries .sub-menu__items {
                width: 100%;
                padding: 40px 16px;
                border-right: 0
            }

            .sub-menu__industries .sub-menu__items>.sub-menu__item>.menu-item {
                padding: 0 0 24px
            }

            .sub-menu__industries .sub-menu__items>.sub-menu__item>.menu-item.active svg path,
            .sub-menu__industries .sub-menu__items>.sub-menu__item>.menu-item:hover svg path {
                fill: #00283B
            }

            .sub-menu__industries .sub-menu__items>.sub-menu__item>.menu-item.active span,
            .sub-menu__industries .sub-menu__items>.sub-menu__item>.menu-item:hover span {
                color: #00283b
            }

            .sub-menu__industries .sub-menu__items>.sub-menu__item>.menu-item:after {
                content: '';
                display: block;
                width: 16px;
                height: 16px;
                background: url("https://inoxoft.com/wp-content/themes/inoxoft/images/ico/dropdown-arrow-menu.svg") center center no-repeat;
                background-size: 100%;
                position: absolute;
                top: 2px;
                right: 0;
                transition: all .6s
            }

            .sub-menu__industries .sub-menu__items .sub-menu__item {
                border-bottom: 1px solid #d9e1e5
            }

            .sub-menu__industries .sub-menu__items .menu-item {
                padding-right: 20px;
                position: relative
            }

            .sub-menu__industries .sub-menu__content-items {
                width: 100%
            }

            .sub-menu__industries .sub-menu__menu {
                padding: 0 0 24px
            }

            .sub-menu__industries .sub-menu__menu .menu-item a {
                letter-spacing: -.01em
            }

            .sub-menu__technologies .sub-menu__awards {
                padding: 40px 16px
            }

            .sub-menu__technologies .sub-menu__awards-inner {
                flex-wrap: wrap
            }

            .sub-menu__technologies .sub-menu__awards-item {
                width: calc(25% - 6px)
            }

            .sub-menu__technologies .sub-menu__menu-wrap {
                padding-left: 16px;
                padding-right: 16px
            }

            .sub-menu__technologies .sub-menu__menu {
                -moz-column-gap: 70px;
                column-gap: 70px
            }

            .sub-menu__technologies .menu-item {
                width: calc(50% - 35px)
            }

            .sub-menu__technologies .sub-menu__description {
                width: 100%;
                padding: 40px 16px
            }

            .footer .container {
                padding-left: 16px;
                padding-right: 16px
            }

            .footer__top {
                flex-wrap: wrap
            }

            .footer__info-wrap {
                width: 100%
            }

            .footer__widgets .footer__widget .clutch-widget {
                max-width: 195px
            }

            .footer__widgets .footer__widget .clutch-widget[data-widget-type="1"] {
                display: none
            }

            .footer__widgets .footer__widget .clutch-widget[data-widget-type="2"] {
                display: block
            }

            .footer__locations-wrap {
                width: 100%
            }

            .footer__locations-title {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .751px;
                text-transform: capitalize
            }

            .footer__locations-name span {
                font-size: 18px
            }

            .footer__body {
                padding: 60px 0 0
            }

            .footer__menu-title {
                font-size: 18px
            }

            .footer__menu .menu {
                gap: 0
            }

            .footer__menu .menu .menu-item:not(:last-child) {
                margin-bottom: 10px
            }

            .footer__menu .menu .menu-item a,
            .footer__menu .menu .menu-item span {
                font-size: 14px
            }

            .footer__menu .menu#menu-footer-technologies {
                gap: 0
            }

            .footer__accordions {
                padding-top: 40px
            }

            .footer__accordions .footer__accordion-inner {
                gap: 0
            }

            .footer__accordions .footer__accordion {
                width: 100%
            }

            .footer__accordions .footer__accordion:not(:last-child) {
                margin-bottom: 20px
            }

            .footer__accordions .accordion-content ul {
                max-height: 190px
            }

            .footer__bottom-inner {
                gap: 0
            }

            .footer__bottom-menu {
                width: 100%;
                margin-bottom: 20px
            }

            .footer__bottom-menu .menu {
                justify-content: center
            }

            .footer-socials {
                margin-bottom: 20px
            }

            .footer-socials .menu-social {
                flex-wrap: wrap
            }

            .copyright {
                width: 100%;
                text-align: center
            }

            .site-button--header-button,
            a.site-button--header-button {
                max-width: 77px;
                font-size: 12px;
                line-height: 12px;
                padding: 3px 8px 5px 7px
            }

            .single-industries .owl-nav {
                gap: 15px;
                top: -81px
            }

            .single-industries .other-section-class .container .service-slider .owl-item>a .info,
            .single-industries .other-section-class .container .service-slider1 .owl-item>a .info {
                transform: translateY(calc(100% - 64px))
            }

            .single-industries .other-section-class .container .service-slider .owl-item>a .info p,
            .single-industries .other-section-class .container .service-slider1 .owl-item>a .info p {
                margin-bottom: 8px;
                font-size: 12px;
                line-height: 14px
            }

            .single-industries .other-section-class .container .service-slider .owl-item>a .info .title,
            .single-industries .other-section-class .container .service-slider1 .owl-item>a .info .title {
                font-size: 18px;
                line-height: 20px;
                min-height: 40px
            }

            .single-industries .other-section-class .container .service-slider .owl-item>a .info a.title,
            .single-industries .other-section-class .container .service-slider1 .owl-item>a .info a.title {
                margin-bottom: 8px
            }

            .single-industries .three-posts-section__items {
                padding-top: 80px
            }

            .single-industries .three-posts-section__items .owl-nav {
                top: 70px;
                right: 20px
            }

            .single-industries .three-posts-section__title {
                margin-bottom: 30px;
                font-size: 28px;
                line-height: 37px
            }

            .single-industries .three-posts-section__item-title {
                font-size: 20px;
                line-height: 26px
            }
        }

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

            .postSidebarBanner,
            .single-industries .wrapper-block.single-case .postSidebarBanner {
                padding: 60px 30px
            }

            .postSidebarBanner__title,
            .single-industries .wrapper-block.single-case .postSidebarBanner__title {
                font-size: 30px !important;
                line-height: 1.3 !important;
                font-weight: 700 !important;
                text-transform: none
            }

            .postSidebarBanner.with-background,
            .single-industries .wrapper-block.single-case .postSidebarBanner.with-background {
                padding: 60px 30px
            }

            .postSidebarBanner.with-background .postSidebarBanner__title,
            .single-industries .wrapper-block.single-case .postSidebarBanner.with-background .postSidebarBanner__title {
                font-size: 20px;
                line-height: 1.3;
                letter-spacing: .751px;
                font-weight: 900
            }

            .postSidebarBanner.with-background .postSidebarBanner__description,
            .single-industries .wrapper-block.single-case .postSidebarBanner.with-background .postSidebarBanner__description {
                margin-bottom: 48px;
                font-size: 16px !important;
                line-height: 1.3 !important;
                padding: 0 3px
            }

            .postSidebarBanner.with-background .services__btn .fa,
            .single-industries .wrapper-block.single-case .postSidebarBanner.with-background .services__btn .fa {
                font-size: 26px
            }
        }

        @media (max-width:575px) {
            .contact-field-group {
                margin-bottom: 8px
            }

            .contact-field-group:last-child {
                margin-bottom: 0
            }

            .filterCaseStudies .btn-close {
                top: 15px;
                font-size: 28px
            }

            .filterCaseStudies .term-dropdown:after {
                width: 10px;
                height: 10px;
                border-bottom: 2px solid;
                border-right: 2px solid
            }

            .caseStudies .video {
                max-width: 100%;
                min-height: auto;
                height: auto
            }

            .caseStudies .video.macbook-video {
                max-width: 219px;
                max-height: 147px;
                min-height: 147px
            }

            .caseStudies .macbook-bg {
                max-width: 280px;
                max-height: 160px
            }

            .caseStudies .macbook-bg~.macbook-image img,
            .caseStudies .macbook-bg~img.macbook-image,
            .caseStudies .macbook-bg~picture .macbook-image {
                max-width: 219px;
                max-height: 147px;
                min-height: 147px
            }

            .caseStudies img.image,
            .caseStudies picture.image img {
                max-width: 100%;
                min-height: auto;
                height: auto
            }

            .caseStudies .term__title {
                min-width: 90px
            }

            .single-industries section {
                padding: 60px 0 !important
            }

            .single-industries .wrapper-block.single-case div,
            .single-industries .wrapper-block.single-case p {
                font-size: 16px
            }

            .single-industries .other-section-class .container .other-section-header p span.big {
                font-size: 20px !important;
                line-height: 130%
            }

            .single-industries .other-section-class .container .h2,
            .single-industries .other-section-class .container h2 {
                font-size: 28px;
                line-height: 130%
            }

            .single-industries .other-section-class .container .service-slider .owl-item>a .info,
            .single-industries .other-section-class .container .service-slider1 .owl-item>a .info {
                padding: 28px;
                transform: translateY(calc(100% - 108px))
            }

            .single-industries .other-section-class .container .service-slider .owl-item>a .info p,
            .single-industries .other-section-class .container .service-slider1 .owl-item>a .info p {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 24px
            }

            .single-industries .other-section-class .container .service-slider .owl-item>a .info .title,
            .single-industries .other-section-class .container .service-slider1 .owl-item>a .info .title {
                font-size: 20px;
                line-height: 28px;
                min-height: 56px
            }

            .single-industries .other-section-class .container .service-slider .owl-item>a .info a.title,
            .single-industries .other-section-class .container .service-slider1 .owl-item>a .info a.title {
                margin-bottom: 24px
            }

            .single-industries .other-section-class .container .three-posts__title {
                font-size: 20px;
                line-height: 32px;
                margin-bottom: 20px
            }

            .single-industries .other-section-class .container .three-posts__description {
                margin-bottom: 30px
            }

            .single-industries .three-posts-section__item-image {
                min-height: 150px;
                height: 150px
            }

            .single-industries .minifaq__inner {
                padding-left: 15px
            }

            .single-industries .minifaq__header p {
                font-size: 16px !important;
                line-height: 130% !important
            }

            .single-industries .other-section-class.blue .minifaq__header p {
                color: #fff !important
            }

            #fixed-form-content.hide .fixed-form-header p {
                display: none
            }

            #fixed-form-content .recaptcha-anr-wrap {
                position: relative
            }

            #fixed-form-content .recaptcha-anr-wrap .wpcf7-form-control-wrap {
                position: static;
                display: block;
                margin-bottom: 40px
            }

            #fixed-form-content .recaptcha-anr-wrap .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
                position: absolute;
                width: 100%;
                top: 100%;
                text-align: center
            }

            #fixed-form-content .recaptcha-anr-wrap .wpcf7-form-control {
                display: block;
                width: 100%
            }

            #fixed-form-content .recaptcha-anr-wrap .captcha-image {
                width: 100%;
                padding-bottom: 0
            }

            #fixed-form-content .recaptcha-anr-wrap .captcha-image .cf7ic_instructions {
                margin: 0
            }

            .fixed-form-content {
                width: 100%;
                height: 100%;
                right: 0;
                bottom: 0
            }

            .fixed-form-content.sent {
                height: 224px
            }

            .fixed-form-content.hide {
                right: 10px;
                width: 54px;
                height: 54px;
                bottom: 2px;
                border-radius: 27px
            }

            .fixed-form-content.hide .fixed-form-header p {
                display: none
            }

            .fixed-form-content.hide .fixed-form-header {
                padding: 15px;
                text-align: center
            }

            .cookies-not-set .fixed-form-content.hide {
                bottom: 120px
            }
        }

        @media screen and (max-width:575px) {
            #contact-us .block {
                width: 99px;
                height: 132px;
                padding: 0;
                border-width: 2px;
                margin: 0 auto
            }

            .cookies-not-set .btn.scroll-top {
                bottom: 140px
            }

            .btn.scroll-top {
                right: 80px
            }

            #contact-us .modal-content .row {
                max-width: none
            }

            .form-control {
                padding: 10px 0
            }

            .search-top-container.short .header-logo {
                display: flex
            }

            .services__btn {
                width: 100%
            }

            .single-industries .top-section-class {
                min-height: 0;
                padding-top: 40px;
                padding-bottom: 60px
            }

            .single-industries .top-section-class h1 {
                font-size: 36px
            }

            .single-industries .top-section-class .subtitle {
                margin-top: 20px;
                font-size: 20px !important
            }

            .single-industries .top-section-class .subtitle p {
                font-size: 20px
            }

            .single-industries .minifaq__header p {
                color: #fff !important
            }

            .minifaq {
                padding-bottom: 64px;
                margin-bottom: 64px
            }

            .cookies-not-set .fixed-form-content.hide {
                bottom: 140px
            }

            .new-blog-contact-form .file-div,
            .other-section-class form .new-blog-contact-form .file-div {
                font-size: 16px;
                line-height: 24px;
                color: #00283b
            }

            .new-blog-contact-form .form-group__contact-bottom,
            .other-section-class form .new-blog-contact-form .form-group__contact-bottom {
                flex-direction: column;
                align-items: start
            }
        }

        @media screen and (max-width:482px) {
            .tags a {
                line-height: 20px
            }

            .search-btn i {
                font-size: 20px
            }

            .right {
                padding-top: 30px
            }

            .services p {
                padding: 0;
                font-size: 2.3em;
                text-align: justify
            }

            #contact-us .block img {
                width: 35px
            }

            .services a {
                height: 150px
            }

            .tags {
                font-size: 1.5em
            }

            div.sent-ok {
                width: 90% !important
            }

            .cookies-not-set .btn.scroll-top {
                bottom: 160px
            }

            .cookies-not-set .fixed-form-content.hide {
                bottom: 160px
            }
        }

        @media (max-width:482px) {
            .filterCaseStudies .btn-clear {
                font-size: 14px;
                margin: 3px 0 3px auto
            }

            .single-industries .other-section-class .container .service-slider .owl-item>a .info p,
            .single-industries .other-section-class .container .service-slider1 .owl-item>a .info p {
                font-size: 14px;
                line-height: 18px
            }

            .single-industries .other-section-class .container .transparent-section.columns-3 .transparent-section__item {
                width: 100%
            }
        }

        @media (max-width:1064px) and (min-width:767px) {
            .filterCaseStudies__form.show {
                top: 56px
            }
        }

        @font-face {
            font-family: Lato;
            font-display: swap;
            src: url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/Lato-Regular.woff2) format("woff2"), url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/Lato-Regular.woff) format("woff"), url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/Lato-Regular.ttf), url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/Lato-Regular.svg) format("svg");
            font-weight: 400;
            font-style: normal
        }

        @font-face {
            font-family: Lato;
            font-display: swap;
            src: url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/Lato-Bold.woff2) format("woff2"), url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/Lato-Bold.woff) format("woff"), url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/Lato-Bold.ttf), url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/Lato-Bold.svg) format("svg");
            font-weight: 700;
            font-style: normal
        }

        @font-face {
            font-family: Lato;
            font-display: swap;
            src: url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/Lato-Black.woff2) format("woff2"), url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/Lato-Black.woff) format("woff"), url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/Lato-Black.ttf), url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/Lato-Black.svg) format("svg");
            font-weight: 900;
            font-style: normal
        }

        @font-face {
            font-family: SiteImages;
            font-display: swap;
            src: url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/site-images.woff2) format("woff2"), url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/site-images.woff) format("woff"), url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/site-images.ttf), url(https://inoxoft.com/wp-content/themes/inoxoft/fonts/site-images.svg) format("svg");
            font-weight: 400;
            font-style: normal
        }

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

        footer,
        header,
        nav,
        section {
            display: block
        }

        figcaption,
        figure {
            display: block
        }

        figure {
            margin: 1em 40px
        }

        a {
            background-color: transparent;
            -webkit-text-decoration-skip: objects;
            color: #0275d8;
            text-decoration: none
        }

        a:active,
        a:hover {
            outline-width: 0
        }

        b,
        strong {
            font-weight: 700
        }

        audio,
        video {
            display: inline-block
        }

        audio:not([controls]) {
            display: none;
            height: 0
        }

        img {
            border-style: none;
            vertical-align: middle
        }

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

        button,
        input,
        optgroup,
        select {
            font-family: sans-serif;
            font-size: 100%;
            line-height: 1.15;
            margin: 0
        }

        button,
        input {
            overflow: visible
        }

        button,
        select {
            text-transform: none
        }

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

        [type=button]::-moz-focus-inner,
        [type=reset]::-moz-focus-inner,
        [type=submit]::-moz-focus-inner,
        button::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        [type=button]:-moz-focusring,
        [type=reset]:-moz-focusring,
        [type=submit]:-moz-focusring,
        button:-moz-focusring {
            outline: ButtonText dotted 1px
        }

        fieldset {
            border: 1px solid silver;
            margin: 0 2px;
            padding: .35em .625em .75em;
            min-width: 0;
            padding: 0;
            margin: 0;
            border: 0
        }

        legend {
            box-sizing: border-box;
            color: inherit;
            display: table;
            max-width: 100%;
            padding: 0;
            white-space: normal;
            display: block;
            width: 100%;
            padding: 0;
            margin-bottom: .5rem;
            font-size: 1.5rem;
            line-height: inherit
        }

        progress {
            display: inline-block;
            vertical-align: baseline
        }

        textarea {
            overflow: auto;
            font-family: sans-serif;
            font-size: 100%;
            line-height: 1.15;
            margin: 0;
            touch-action: manipulation;
            line-height: inherit;
            resize: none
        }

        [type=checkbox],
        [type=radio] {
            box-sizing: border-box;
            padding: 0
        }

        [type=number]::-webkit-inner-spin-button,
        [type=number]::-webkit-outer-spin-button {
            height: auto
        }

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

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

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        details,
        menu {
            display: block
        }

        summary {
            display: list-item
        }

        canvas {
            display: inline-block
        }

        template {
            display: none
        }

        *,
        ::after,
        ::before {
            box-sizing: inherit
        }

        [tabindex="-1"]:focus {
            outline: 0 !important
        }

        h2,
        h3 {
            margin-top: 0;
            margin-bottom: .5rem
        }

        p {
            margin-top: 0;
            margin-bottom: 1rem;
            font-size: 16px;
            line-height: 24px;
            color: #5a6f79;
            margin-bottom: 0
        }

        address {
            margin-bottom: 1rem;
            font-style: normal;
            line-height: inherit
        }

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

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

        a:focus,
        a:hover {
            color: #014c8c;
            text-decoration: underline
        }

        a:not([href]):not([tabindex]) {
            color: inherit;
            text-decoration: none
        }

        a:not([href]):not([tabindex]):focus,
        a:not([href]):not([tabindex]):hover {
            color: inherit;
            text-decoration: none
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0
        }

        figure {
            margin: 0 0 1rem
        }

        [role=button] {
            cursor: pointer
        }

        [role=button],
        a,
        button,
        input,
        label,
        select,
        summary {
            touch-action: manipulation
        }

        caption {
            padding-top: .75rem;
            padding-bottom: .75rem;
            color: #636c72;
            text-align: left;
            caption-side: bottom
        }

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

        button:focus {
            outline: dotted 1px;
            outline: -webkit-focus-ring-color auto 5px
        }

        button,
        input,
        select {
            line-height: inherit
        }

        input[type=checkbox]:disabled,
        input[type=radio]:disabled {
            cursor: not-allowed
        }

        input[type=search] {
            -webkit-appearance: none
        }

        output {
            display: inline-block
        }

        [hidden] {
            display: none !important
        }

        .h2,
        .h3,
        h2,
        h3 {
            margin-bottom: .5rem;
            font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-weight: 700;
            line-height: 1.1;
            color: #00283b
        }

        .h2 {
            font-size: 32px;
            line-height: 40px;
            font-weight: 700
        }

        .h3 {
            font-size: 1.75rem
        }

        code {
            padding: .2rem .4rem;
            font-size: 90%;
            color: #bd4147;
            background-color: #f7f7f9;
            border-radius: .25rem;
            font-family: monospace, monospace;
            font-size: 1em
        }

        a>code {
            padding: 0;
            color: inherit;
            background-color: inherit
        }

        .container {
            width: 100%;
            position: relative;
            margin-left: auto;
            margin-right: auto;
            padding-right: 15px;
            padding-left: 15px
        }

        .row {
            display: flex;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px
        }

        .form-control::-ms-expand {
            background-color: transparent;
            border: 0
        }

        .form-control::-moz-placeholder {
            color: gray;
            opacity: 1
        }

        .form-control:-ms-input-placeholder {
            color: gray;
            opacity: 1
        }

        .form-control::placeholder {
            color: gray;
            opacity: 1
        }

        .form-control:disabled {
            cursor: not-allowed;
            background-color: #eceeef;
            opacity: 1
        }

        select.form-control:focus::-ms-value {
            color: #464a4c;
            background-color: #fff
        }

        .btn {
            display: inline-block;
            font-weight: 400;
            line-height: 1.25;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: 1px solid transparent;
            padding: .5rem 1rem;
            font-size: 1rem;
            border-radius: .25rem;
            transition: all .2s ease-in-out
        }

        .btn:focus,
        .btn:hover {
            text-decoration: none
        }

        .btn.focus,
        .btn:focus {
            outline: 0;
            box-shadow: 0 0 0 2px rgba(2, 117, 216, .25)
        }

        .btn.disabled,
        .btn:disabled {
            cursor: not-allowed;
            opacity: .65
        }

        .btn.active,
        .btn:active {
            background-image: none
        }

        a.btn.disabled,
        fieldset[disabled] a.btn {
            pointer-events: none
        }

        .fade {
            opacity: 0;
            transition: opacity .15s linear
        }

        .fade.show {
            opacity: 1
        }

        .collapse {
            display: none
        }

        .collapse.show {
            display: block
        }

        tr.collapse.show {
            display: table-row
        }

        tbody.collapse.show {
            display: table-row-group
        }

        .collapsing {
            position: relative;
            height: 0;
            overflow: hidden;
            transition: height .35s ease
        }

        .dropdown {
            position: relative
        }

        .dropdown-toggle::after {
            width: 8px;
            height: 12px;
            content: "";
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/menu-arrow.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            right: 0;
            top: 17px;
            transition: .3s
        }

        .dropdown.open .dropdown-toggle::after {
            transform: rotate(90deg)
        }

        .dropdown-toggle:focus {
            outline: 0;
            color: #5ac8ff
        }

        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 10rem;
            padding: 16px;
            margin: .125rem 0 0;
            font-size: 1rem;
            color: #292b2c;
            text-align: left;
            list-style: none;
            background-color: #fff;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, .15);
            border-radius: .25rem
        }

        .dropdown-menu li:not(:last-child) a {
            padding-bottom: 6px
        }

        .dropdown-menu li:not(:first-child) a {
            padding-top: 6px
        }

        .dropdown-item {
            display: block;
            width: 100%;
            padding: 3px 1.5rem;
            clear: both;
            font-weight: 400;
            color: #292b2c;
            text-align: inherit;
            white-space: nowrap;
            background: 0;
            border: 0
        }

        .dropdown-item:focus,
        .dropdown-item:hover {
            color: #1d1e1f;
            text-decoration: none;
            background-color: #f7f7f9
        }

        .dropdown-item.active,
        .dropdown-item:active {
            color: #fff;
            text-decoration: none;
            background-color: #0275d8
        }

        .dropdown-item.disabled,
        .dropdown-item:disabled {
            color: #636c72;
            cursor: not-allowed;
            background-color: transparent
        }

        .show>a {
            outline: 0
        }

        .dropdown-backdrop {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 990;
            display: none
        }

        .nav {
            display: flex;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

        .nav-link {
            display: block;
            padding: .5em 1em
        }

        .nav-link:focus,
        .nav-link:hover {
            text-decoration: none
        }

        .nav-link.disabled {
            color: #636c72;
            cursor: not-allowed
        }

        .navbar {
            position: relative;
            display: flex;
            flex-direction: column;
            margin-left: auto
        }

        .navbar-nav {
            display: flex;
            flex-direction: column;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

        .breadcrumb {
            padding: .75rem 0;
            margin-bottom: 0;
            list-style: none;
            border-radius: .25rem;
            text-align: left
        }

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

        .breadcrumb-item {
            display: inline-block;
            font-size: 14px
        }

        .breadcrumb .breadcrumb-item a {
            color: #1a5c8d
        }

        .breadcrumb .breadcrumb-item a:hover {
            color: #01508c;
            text-decoration: underline
        }

        .breadcrumb-item+.breadcrumb-item::before {
            display: inline-block;
            font-size: 18px;
            padding-right: .5rem;
            padding-left: .5rem;
            color: #d1d8dc;
            content: "\203A";
            font-family: verdana
        }

        .breadcrumb-item+.breadcrumb-item:hover::before {
            text-decoration: underline
        }

        .breadcrumb-item+.breadcrumb-item:hover::before {
            text-decoration: none
        }

        .breadcrumb-item.active {
            color: #4a515e
        }

        .close {
            float: right;
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1;
            color: #000;
            text-shadow: 0 1px 0 #fff;
            opacity: .5
        }

        .close:focus,
        .close:hover {
            color: #000;
            text-decoration: none;
            cursor: pointer;
            opacity: .75
        }

        button.close {
            padding: 0;
            cursor: pointer;
            background: 0;
            border: 0;
            -webkit-appearance: none
        }

        .modal {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1050;
            display: none;
            overflow: hidden;
            outline: 0
        }

        .modal.fade .modal-dialog {
            transition: transform .3s ease-out;
            transform: translate(0, -25%)
        }

        .modal.show .modal-dialog {
            transform: translate(0, 0)
        }

        .modal-open .modal {
            overflow-x: hidden;
            overflow-y: auto
        }

        .modal-backdrop {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1040;
            background-color: #000
        }

        .modal-backdrop.fade {
            opacity: 0
        }

        .modal-backdrop.show {
            opacity: .5
        }

        .modal-title {
            margin-bottom: 0;
            line-height: 1.5
        }

        .modal-scrollbar-measure {
            position: absolute;
            top: -9999px;
            width: 50px;
            height: 50px;
            overflow: scroll
        }

        .sticky-top {
            position: sticky;
            top: 0;
            z-index: 1030
        }

        .fab {
            font-family: SiteImages;
            font-style: normal
        }

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

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

        .fa-angle-left:before {
            content: "\f104"
        }

        .fa-angle-right:before {
            content: "\f105"
        }

        body {
            color: #4a515e;
            margin: 0;
            background-color: #fff;
            font-size: 16px;
            line-height: 24px;
            font-weight: 300;
            font-family: Lato, sans-serif
        }

        ul {
            padding: 0;
            margin: 0
        }

        a,
        a:focus,
        a:hover,
        a:visited {
            text-decoration: none;
            outline: 0;
            color: #00283b
        }

        .image {
            max-width: 100%
        }

        .form-control {
            width: 100%;
            background-image: none;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            line-height: 1.2;
            background-color: transparent;
            display: block;
            padding: 10px 0;
            border-bottom: 1px solid #d1d8dc;
            border-radius: 0;
            color: #000;
            border-top: none;
            border-left: none;
            border-right: none;
            font-size: 16px
        }

        textarea.form-control {
            padding-top: 20px
        }

        .form-control:focus {
            color: #464a4c;
            outline: 0;
            background-color: transparent;
            border-color: #000
        }

        .user-message::-webkit-input-placeholder {
            color: gray;
            line-height: 1.2;
            font-size: 1em
        }

        .user-message::-moz-placeholder {
            color: gray;
            line-height: 1.2;
            font-size: 1em
        }

        .user-message:-ms-input-placeholder {
            color: gray;
            line-height: 1.2;
            font-size: 1em
        }

        .user-message:-moz-placeholder {
            color: gray;
            line-height: 1.2;
            font-size: 1em
        }

        .user-email,
        .user-name {
            border-left: 0;
            border-top: 0;
            border-right: 0;
            margin: 0 0 10px 20px;
            top: 0;
            left: 0
        }

        #blog {
            padding-bottom: 80px;
            padding-top: 0
        }

        .search-btn i {
            color: rgba(108, 108, 108, .8);
            font-size: 28px
        }

        .search-btn i:hover {
            color: #1a5c8d
        }

        .hidden {
            display: none !important
        }

        #wpadminbar {
            position: fixed
        }

        .wpcf7-not-valid-tip {
            text-align: center
        }

        form p {
            margin-bottom: 14px
        }

        figure {
            margin: 0;
            min-height: 107px
        }

        .outer {
            display: -ms-flex;
            display: flex;
            align-items: center
        }

        .order {
            display: inline-block;
            text-align: left
        }

        .padding {
            padding-left: 17px
        }

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

        .review {
            background-color: #fff;
            margin-top: 35px;
            padding: 35px 20px;
            border: 1px solid #ccc
        }

        .review .header .h3,
        .review .header h3 {
            display: inline-block;
            color: #114269;
            font-size: 2.8em;
            margin: 9px 0 0 5px;
            font-weight: 300
        }

        .review .header .title img {
            float: left
        }

        .review .header .title {
            display: inline-block
        }

        .review .header ul {
            list-style-type: none;
            padding-top: 25px;
            padding-bottom: 45px
        }

        .review .header ul li {
            color: #565656;
            font-size: 2.2em;
            line-height: 25px
        }

        .message p {
            color: #114269;
            font-size: 2.2em;
            font-weight: 300;
            border: 1px solid #ccc;
            border-radius: 13px;
            text-align: center;
            margin-bottom: 56px;
            padding: 10px 35px
        }

        #blog {
            padding: 0
        }

        .tags .scroll-top,
        .tags a {
            color: #01508c;
            padding-right: 15px;
            white-space: nowrap
        }

        .tags .scroll-top:hover,
        .tags a:focus,
        .tags a:hover {
            text-decoration: underline;
            display: inline-block;
            transform: scale(1.05)
        }

        .tag ul .blog a {
            color: #00283b
        }

        .tags a,
        .tags span {
            color: #01508c;
            line-height: 32px;
            display: inline-block
        }

        .tags .big {
            font-size: 2em
        }

        .post img {
            width: 100%;
            height: auto
        }

        .form-control-contacts {
            width: 100%;
            margin: 0;
            background-color: transparent
        }

        .form-control-contacts:focus {
            background-color: transparent
        }

        .form-group__contact-email,
        .form-group__contact-name {
            position: relative;
            height: 70px;
            margin: 0 15px
        }

        .form-group__contact-email .form__label,
        .form-group__contact-name .form__label {
            padding: 20px 0 0;
            line-height: 24px
        }

        .form-group__contact-email input,
        .form-group__contact-name input {
            margin: 0;
            padding-top: 30px;
            font-size: 16px;
            color: #222
        }

        .form-control::-webkit-input-placeholder {
            color: gray !important
        }

        .form__label:after {
            content: " *";
            font-size: 17px
        }

        .response-output {
            font-size: 1.6em;
            display: none
        }

        .form-control-text {
            margin: 0
        }

        .wpcf7-file:before {
            content: "Attach a file";
            display: block;
            height: 40px;
            line-height: 40px;
            text-align: center;
            position: absolute;
            right: -105px;
            bottom: -10px;
            font-size: 1.6em;
            font-weight: 200;
            color: #005492
        }

        .br {
            display: block
        }

        #home-wrapper .services a {
            transition: all .3s ease;
            color: #fff
        }

        #home-wrapper .services a:hover {
            transform: scale(1.06, 1.06);
            transition: all .3s ease
        }

        #review .h3,
        #review h3 {
            font-size: 3.2em;
            line-height: 1.125;
            color: #00283b;
            text-transform: uppercase;
            text-align: center;
            margin: 0;
            padding: 60px 0 45px;
            font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif
        }

        .file_upload {
            display: block;
            position: relative;
            font-size: 1em;
            padding: 13px 0;
            text-align: left
        }

        .file_upload button {
            background: 0 0;
            border: none;
            color: #000;
            cursor: pointer;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: inline-block;
            width: 21px;
            padding: 0
        }

        .file_upload>.file-div {
            cursor: pointer;
            color: #005492;
            display: inline-block;
            line-height: 1
        }

        .file_upload input[type=file] {
            position: absolute;
            left: 0;
            top: 0;
            width: 100px;
            height: 100px;
            transform: scale(20);
            letter-spacing: 10em;
            opacity: 0;
            cursor: pointer;
            position: absolute;
            top: 0;
            visibility: hidden;
            display: none
        }

        .file_upload .wpcf7-form-control-wrap {
            display: block
        }

        .recaptcha-anr-wrap {
            margin: 15px 0 25px
        }

        .recaptcha-anr-wrap span.wpcf7-not-valid-tip {
            text-align: left
        }

        .recaptcha-anr-wrap--centered {
            text-align: center;
            margin-left: auto !important;
            margin-right: auto !important
        }

        .recaptcha-anr-wrap--centered .kc_captcha {
            display: inline-block;
            text-align: left
        }

        .recaptcha-anr-wrap--centered span.wpcf7-not-valid-tip {
            text-align: center
        }

        .recaptcha-anr-wrap .captcha-image {
            border: 1px solid #d1d8dc;
            border-radius: 8px
        }

        .recaptcha-anr-wrap .captcha-image .cf7ic_instructions {
            margin-bottom: 10px
        }

        .recaptcha-anr-wrap .captcha-image label {
            margin-bottom: 8px
        }

        .recaptcha-anr-wrap .captcha-image label>svg {
            width: 40px;
            height: 40px
        }

        .vac-upload-and-sub {
            margin: 0 15px
        }

        .file_upload>p {
            display: inline-block;
            padding: 0
        }

        .file-div {
            padding-top: 5px;
            word-wrap: break-word;
            width: calc(100% - 38px)
        }

        .vac-upload-and-sub>p {
            position: relative
        }

        ul .active a {
            color: #00283b
        }

        ul#nav .dropdown li.dropdown ul.dropdown-menu {
            position: absolute;
            top: 10px;
            left: calc(100% + 0px);
            text-transform: none;
            box-shadow: 0 0 44px -8px rgba(0, 0, 0, .12);
            border-radius: 0 8px 8px 8px
        }

        ul#nav .dropdown li.dropdown:after {
            position: absolute;
            display: inline-block;
            width: 8px;
            height: 12px;
            margin-left: .3em;
            vertical-align: middle;
            content: "";
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/menu-arrow.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            right: 5px;
            top: 6px
        }

        #nav>.show>.dropdown-toggle {
            color: #1a5c8d
        }

        .navbar-home>.current-menu-parent>.dropdown-menu>.current-menu-item>a,
        .navbar-home>.current-menu-parent>.scroll-top,
        .navbar-home>.current-menu-parent>a,
        .navbar-home>.show>.dropdown-menu>.show>a,
        .tags .scroll-top {
            color: #1a5c8d
        }

        .section-shadow {
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, .86)
        }

        span.wpcf7-not-valid-tip {
            font-size: 10px;
            top: 0
        }

        .file_upload p {
            padding: 0
        }

        .modal-body {
            position: relative;
            flex: 1 1 auto;
            padding: 0 10px;
            overflow: visible
        }

        .modal-dialog {
            display: table-cell;
            vertical-align: middle;
            position: relative;
            width: auto;
            margin: 10px
        }

        .modal-content {
            position: relative;
            display: flex;
            flex-direction: column;
            background-color: #fff;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: .3rem;
            outline: 0;
            height: 525px;
            display: block;
            max-width: 622px;
            margin: auto;
            border-radius: 8px
        }

        .modal-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px;
            border-bottom: 1px solid #eceeef;
            border-bottom: none;
            padding: 0 64px;
            margin: 0 auto;
            display: block
        }

        #contact-us .modal-header .h3,
        #contact-us .modal-header h3 {
            display: block;
            text-transform: uppercase;
            margin: 0;
            padding-top: 37px;
            padding-bottom: 39px;
            letter-spacing: .02em
        }

        .modal-content>.form-group__contact-email,
        .modal-content>.form-group__contact-name {
            margin: 0
        }

        #contact-us .modal-content .row {
            max-width: 100%
        }

        .modal-content .form__label {
            padding-left: 15px;
            color: #5a6f79;
            font-size: 15px;
            height: 0
        }

        .modal-content .form__label-focus {
            top: 6px;
            left: 3px;
            font-size: 12px
        }

        .modal-content span.wpcf7-not-valid-tip {
            font-size: 14px
        }

        .modal-content .wpcf7-form.sent .wpcf7-response-output {
            display: none !important
        }

        #contact-us .modal-content span.wpcf7-not-valid-tip {
            text-align: left
        }

        #contact-us .modal-content .user-email,
        #contact-us .modal-content .user-name {
            margin: 0
        }

        #contact-us .modal-content .form-group__contact-email .form__label,
        #contact-us .modal-content .form-group__contact-name .form__label {
            padding-left: 0;
            margin: 0
        }

        #contact-us .modal-content .form-group__contact-email input,
        #contact-us .modal-content .form-group__contact-name input {
            padding-top: 0;
            margin-bottom: 10px
        }

        #contact-us .modal-content .wpcf7-not-valid-tip {
            width: 200px
        }

        #contact-us .modal-content {
            height: auto;
            padding-bottom: 25px
        }

        #contact-us .recaptcha-anr-wrap--centered .wpcf7-not-valid-tip {
            width: initial;
            text-align: center !important
        }

        #contact-us .wpcf7-not-valid {
            border-bottom: 1px solid #df0d0d !important
        }

        div.wpcf7 .wpcf7-spinner {
            position: absolute;
            right: 10px;
            top: 0;
            bottom: 0;
            margin: auto;
            display: inline-block;
            width: 40px;
            height: 40px;
            background: 0 0
        }

        div.wpcf7 .wpcf7-spinner:before {
            display: none
        }

        div.wpcf7 .wpcf7-spinner:after {
            content: " ";
            display: block;
            width: 25px;
            height: 25px;
            margin: 8px;
            border-radius: 50%;
            border: 3px solid #3f90c4;
            border-color: #3f90c4 transparent;
            -webkit-animation: 1.2s linear infinite lds-dual-ring;
            animation: 1.2s linear infinite lds-dual-ring
        }

        @-webkit-keyframes lds-dual-ring {
            0% {
                transform: rotate(0)
            }

            100% {
                transform: rotate(360deg)
            }
        }

        @keyframes lds-dual-ring {
            0% {
                transform: rotate(0)
            }

            100% {
                transform: rotate(360deg)
            }
        }

        #contact-us .user-email {
            padding: 8px 20px 8px 0
        }

        #contact-us .user-message {
            height: 46px;
            line-height: 1;
            padding: 0 20px 0 0
        }

        select.form-control:not([size]):not([multiple]) {
            height: 100%;
            height: calc(2.25rem + 2px)
        }

        .modal-position {
            width: 100%;
            min-height: 100%;
            height: 100%;
            display: table
        }

        #contact-us button.close {
            padding: 15px 20px;
            font-size: 40px;
            font-weight: 100
        }

        #contact-us button.close:active,
        #contact-us button.close:focus,
        #contact-us button.close:hover {
            border: none;
            outline-style: none
        }

        #contact-us div[type=button] {
            -webkit-appearance: none
        }

        div.sent-ok {
            position: fixed !important;
            bottom: 20px !important;
            margin: 0 auto !important;
            right: 0 !important;
            left: 0 !important;
            width: 50% !important;
            text-align: center !important;
            font-size: 16px !important;
            color: #4f8a10;
            background-color: #dff2bf;
            border: 2px solid #4f8a10;
            padding: 10px 15px
        }

        .modal-open {
            left: 0;
            right: 0;
            overflow: hidden
        }

        .scroll-top {
            cursor: pointer
        }

        .other-section-class {
            background-size: cover;
            background-position: left center;
            background-repeat: no-repeat;
            padding: 80px 0
        }

        .other-section-class.no-padding-bottom {
            padding-bottom: 0
        }

        .other-section-class.no-padding-top,
        .wrapper-block.single-case .other-section-class.no-padding-top {
            padding-top: 0
        }

        .other-section-class .container div:last-child {
            margin-bottom: 0
        }

        .other-section-class ul {
            padding-left: 15px
        }

        .other-section-class ol li,
        .other-section-class ul li {
            padding-bottom: 16px;
            position: relative
        }

        .other-section-class ol li:last-child,
        .other-section-class ul li:last-child {
            padding-bottom: 0
        }

        .other-section-class ol li.strong,
        .other-section-class ul li.strong {
            font-weight: 700
        }

        .other-section-class .subtitle,
        .other-section-header .subtitle {
            font-weight: 700;
            margin-bottom: 12px;
            display: block
        }

        .flex-center {
            display: flex;
            align-items: center
        }

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

        #review {
            padding-bottom: 50px
        }

        .owl-nav i {
            font-weight: 900
        }

        .vac-upload-and-sub p {
            padding-left: 0;
            margin: 0
        }

        .btn.scroll-top {
            position: fixed;
            right: 253px;
            bottom: 10px;
            background: #005c8f;
            padding: 0 9px;
            transition: .6s ease-in-out;
            opacity: 0;
            width: 36px;
            line-height: 34px;
            color: #fff;
            height: 36px;
            border-radius: 8px;
            box-shadow: 0 0 20px 0 #ffffff57
        }

        .btn.scroll-top.show {
            opacity: 1
        }

        .btn.scroll-top.show:hover {
            opacity: 1
        }

        .btn.scroll-top i {
            font-size: 26px;
            padding-top: 4px;
            color: #fff
        }

        .cookies-not-set .btn.scroll-top,
        .cookies-not-set .fixed-form-content {
            bottom: 70px
        }

        .grey-section {
            background: #f9fbfb
        }

        .owl-carousel .owl-item {
            -webkit-tap-highlight-color: transparent;
            position: relative;
            -webkit-backface-visibility: hidden;
            min-height: 1px;
            float: left;
            -webkit-touch-callout: none
        }

        .block-header h1,
        .top-section-class h1 {
            color: #fff;
            padding: 0
        }

        .wrapper-block.single-case .tags-carousel-list p {
            line-height: 28px;
            font-size: 20px
        }

        .wrapper-block.single-case p {
            margin-bottom: 24px
        }

        .wrapper-block.single-case p:last-child {
            margin-bottom: 0
        }

        .wrapper-block.single-case div,
        .wrapper-block.single-case p {
            line-height: 24px;
            font-size: 16px
        }

        .wrapper-block.single-case .recaptcha-anr-wrap {
            margin-top: 25px
        }

        .other-section-header .subtitle br {
            display: none
        }

        .other-section-class .subtitle.big {
            font-size: 20px;
            line-height: 28px;
            display: block
        }

        .other-section-class .subtitle.big,
        .other-section-header .subtitle.big {
            margin-bottom: 23px;
            line-height: 32px;
            padding-bottom: 36px
        }

        .other-section-class .center .subtitle.big {
            font-size: 20px;
            line-height: 28px;
            font-weight: 700;
            padding: 0;
            margin-bottom: 48px
        }

        .post .text {
            overflow: hidden
        }

        #nav li a {
            cursor: pointer
        }

        iframe {
            max-width: 100%
        }

        .other-section-class a {
            color: #1a5c8d;
            text-decoration: underline
        }

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

        .big .container {
            max-width: 867px
        }

        .--mobile {
            display: none !important
        }

        .sub-menu-open .header-bottom {
            bottom: 2px;
            opacity: 0;
            pointer-events: none
        }

        .home-header .header-bottom .container,
        .menu-list .header-bottom .container {
            padding-left: 0;
            padding-right: 0
        }

        .home-header__inner {
            background: #fff;
            box-shadow: 0 8px 25px 0 rgba(71, 83, 116, .09);
            position: relative;
            z-index: 2
        }

        .header__submenus .sub-menu {
            background: #fff;
            box-shadow: 0 0 10px 0 rgba(0, 40, 59, .15);
            position: absolute;
            top: 100%;
            right: 0;
            left: 0;
            z-index: 1;
            transition: all .3s;
            transform: translateY(-120%)
        }

        .header__submenus .sub-menu.open {
            transform: translateY(0)
        }

        .header__submenus .sub-menu .menu-item a {
            color: #00283b;
            font-family: Lato, sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 130%;
            text-transform: capitalize;
            transition: all .3s
        }

        .header__submenus .sub-menu .menu-item a:hover {
            color: #1a5c8d
        }

        .header__submenus .sub-menu .menu-item.current-menu-item a {
            color: #1a5c8d
        }

        .header__submenus .sub-menu__inner {
            display: flex;
            justify-content: space-between
        }

        .header__submenus .sub-menu__head {
            width: 100%;
            display: none;
            align-items: center;
            justify-content: space-between;
            padding-top: 40px
        }

        .header__submenus .sub-menu__back {
            display: inline-flex;
            align-items: center;
            color: #00283b;
            font-family: Lato, sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 130%;
            text-transform: capitalize;
            position: relative
        }

        .header__submenus .sub-menu__back:before {
            content: '';
            display: block;
            width: 24px;
            height: 24px;
            background: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/menu-arrow-left.svg) center center no-repeat;
            background-size: 100%;
            margin-right: 10px
        }

        .header__submenus .sub-menu__title {
            color: #5a6f79;
            font-family: Lato, sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 130%;
            text-transform: capitalize
        }

        .sub-menu__company .sub-menu__content {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: calc(100% / 3);
            flex-shrink: 0;
            padding: 40px 60px 40px 0;
            gap: 20px;
            border-right: 1px solid #d9e1e5
        }

        .sub-menu__company .sub-menu__text {
            color: #5a6f79;
            font-family: Lato, sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 130%;
            padding-right: 30px
        }

        .sub-menu__company .sub-menu__clutch a {
            display: inline-block
        }

        .sub-menu__company .sub-menu__clutch img,
        .sub-menu__company .sub-menu__clutch svg {
            width: 155px;
            height: auto
        }

        .sub-menu__company .sub-menu__menu-wrap {
            width: 100%;
            max-width: 480px;
            flex-shrink: 0;
            padding: 40px 65px;
            border-right: 1px solid #d9e1e5
        }

        /* .sub-menu__company .sub-menu__menu {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            -moz-column-gap: 60px;
            column-gap: 60px;
            row-gap: 24px
        } */

        .sub-menu__company .menu-item {
            width: calc(50% - 30px)
        }

        .sub-menu__company .sub-menu__quote {
            padding: 40px 0 40px 60px
        }

        .sub-menu__company .sub-menu__quote-inner {
            padding: 32px;
            border-radius: 12px;
            background: #f9fbfb
        }

        .sub-menu__company .sub-menu__quote-text {
            color: #00283b;
            font-family: Lato, sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 130%;
            padding-left: 54px;
            margin-bottom: 20px;
            position: relative
        }

        .sub-menu__company .sub-menu__quote-text:before {
            content: '';
            display: block;
            width: 34px;
            height: 37px;
            background: url(https://inoxoft.com/wp-content/themes/inoxoft/images/quote.svg) center center no-repeat;
            background-size: 100%;
            position: absolute;
            left: 0;
            top: 0
        }

        .sub-menu__company .sub-menu__quote-bottom {
            display: flex;
            align-items: flex-start;
            padding-left: 57px
        }

        .sub-menu__company .sub-menu__quote-image {
            width: 60px;
            height: 60px;
            flex-shrink: 0;
            background: #d9d9d9;
            border-radius: 50%;
            margin-right: 20px
        }

        .sub-menu__company .sub-menu__quote-image img {
            width: 100%;
            height: 100%;
            display: block;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%
        }

        .sub-menu__company .sub-menu__quote-author {
            color: #00283b;
            font-family: Lato, sans-serif;
            font-size: 14px;
            font-weight: 700;
            line-height: 130%;
            text-transform: capitalize
        }

        .sub-menu__company .sub-menu__quote-position {
            margin-top: 2px;
            color: #5a6f79;
            font-family: Lato, sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 130%
        }

        .menu-list {
            padding: 70px 0 160px
        }

        .menu-list .navbar-home {
            color: #00283b;
            font-family: Lato, sans-serif;
            font-size: 20px;
            font-weight: 700;
            line-height: 130%;
            text-transform: capitalize;
            flex-direction: column;
            margin-left: 0;
            margin-right: 0
        }

        .menu-list .navbar-home li {
            display: block;
            padding: 30px 0;
            border-bottom: 1px solid #d9e1e5
        }

        .menu-list .navbar-home li a {
            line-height: inherit;
            display: inline-flex;
            align-items: center;
            position: relative;
            padding: 0
        }

        .menu-list .menu-item__arrow {
            content: '';
            display: block;
            width: 24px;
            height: 24px;
            background: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/menu-arrow-right.svg) center center no-repeat;
            background-size: 100%;
            margin-left: 20px
        }

        .sub-menu__services .sub-menu__menu1 {
            width: 100%;
            max-width: 620px;
            padding: 40px 60px 40px 0;
            border-right: 1px solid #d9e1e5
        }

        .sub-menu__services .sub-menu__menu1 .sub-menu__menu {
            display: flex;
            flex-wrap: wrap;
            -moz-column-gap: 48px;
            column-gap: 48px;
            row-gap: 24px
        }

        .sub-menu__services .sub-menu__menu1 .menu-item {
            width: calc(50% - 24px)
        }

        .sub-menu__services .sub-menu__menu2 {
            width: 50%;
            padding: 40px 60px;
            border-right: 1px solid #d9e1e5
        }

        .sub-menu__services .sub-menu__menu-title {
            display: flex;
            align-items: center;
            color: #5a6f79;
            font-size: 16px;
            font-weight: 700;
            line-height: 130%;
            text-transform: capitalize;
            margin-bottom: 44px
        }

        .sub-menu__services .sub-menu__menu-title img {
            width: 24px;
            height: 24px;
            margin-right: 12px
        }

        .sub-menu__services .sub-menu__menu {
            display: flex;
            flex-wrap: wrap;
            gap: 24px
        }

        .sub-menu__services .menu-item {
            width: 100%
        }

        .sub-menu__services .sub-menu__content {
            width: 300px;
            flex-shrink: 0;
            padding: 40px 0 60px 40px
        }

        .sub-menu__services .sub_menu__content-text {
            color: #5a6f79;
            font-family: Lato, sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 130%;
            margin-bottom: 40px
        }

        .sub-menu__services .sub-menu__logotypes {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 20px
        }

        .sub-menu__services .sub-menu__logo {
            width: calc(50% - 10px);
            height: 70px;
            padding: 11px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            background: #f9fbfb
        }

        .sub-menu__services .sub-menu__logo img {
            width: 100%;
            height: 100%;
            display: block;
            -o-object-fit: contain;
            object-fit: contain
        }

        .sub-menu__industries .sub-menu__items {
            width: 300px;
            padding: 40px 60px 40px 0;
            display: flex;
            flex-direction: column;
            flex-shrink: 0;
            gap: 24px;
            border-right: 1px solid #d9e1e5
        }

        .sub-menu__industries .sub-menu__items .sub-menu__item.active .menu-item:after {
            transform: rotate(180deg)
        }

        .sub-menu__industries .sub-menu__items .menu-item {
            display: flex;
            align-items: center;
            cursor: pointer
        }

        .sub-menu__industries .sub-menu__items .menu-item svg {
            width: 20px;
            height: 20px;
            margin-right: 12px;
            transition: all .3s
        }

        .sub-menu__industries .sub-menu__items .menu-item svg path {
            transition: all .3s
        }

        .sub-menu__industries .sub-menu__items .menu-item span {
            color: #00283b;
            font-size: 16px;
            font-weight: 700;
            line-height: 130%;
            text-transform: capitalize;
            transition: all .3s
        }

        .sub-menu__industries .sub-menu__items .menu-item.active svg path,
        .sub-menu__industries .sub-menu__items .menu-item:hover svg path {
            fill: #1a5c8d
        }

        .sub-menu__industries .sub-menu__items .menu-item.active span,
        .sub-menu__industries .sub-menu__items .menu-item:hover span {
            color: #1a5c8d
        }

        .sub-menu__industries .sub-menu__content-items {
            width: 100%
        }

        .sub-menu__industries .sub-menu__content {
            display: flex;
            justify-content: space-between;
            width: 100%
        }

        .sub-menu__industries .sub-menu__menu {
            display: flex;
            flex-direction: column;
            gap: 24px;
            width: 50%;
            padding: 40px 60px
        }

        .sub-menu__industries .sub-menu__menu .menu-item a {
            color: #00283b;
            font-size: 16px;
            font-weight: 500;
            line-height: 24px;
            text-transform: none;
            transition: all .3s
        }

        .sub-menu__industries .sub-menu__menu .menu-item a:hover {
            color: #1a5c8d
        }

        .sub-menu__industries .sub-menu__menu .current-menu-item a {
            color: #1a5c8d;
            font-weight: 700
        }

        .sub-menu__industries .sub-menu__post {
            width: 50%;
            padding: 60px 0 60px 30px;
            position: relative
        }

        .sub-menu__industries .sub-menu__post:after {
            content: '';
            display: block;
            width: 50vw;
            height: 100%;
            background: #f9fbfb;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0
        }

        .sub-menu__industries .sub-menu__post-inner {
            display: flex;
            align-items: flex-start;
            flex-shrink: 0;
            height: 100%;
            position: relative;
            z-index: 2
        }

        .sub-menu__industries .sub-menu__post-info {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 230px;
            height: 100%;
            gap: 40px;
            margin-right: 30px
        }

        .sub-menu__industries .sub-menu__post-title {
            display: block;
            color: #00283b;
            font-size: 16px;
            font-weight: 700;
            line-height: 130%;
            margin: 0 0 16px;
            text-decoration: none
        }

        .sub-menu__industries .sub-menu__post-title:hover {
            text-decoration: underline
        }

        .sub-menu__industries .sub-menu__post-description {
            color: #5a6f79;
            font-size: 14px;
            font-weight: 400;
            line-height: 130%;
            width: 230px;
            flex-shrink: 0
        }

        .sub-menu__industries .sub-menu__post-link {
            display: inline-flex;
            align-items: center;
            position: relative;
            color: #00283b;
            font-size: 16px;
            font-weight: 400;
            line-height: 130%;
            text-decoration: none
        }

        .sub-menu__industries .sub-menu__post-link:hover {
            text-decoration: underline
        }

        .sub-menu__industries .sub-menu__post-link:after {
            content: '';
            display: block;
            width: 10px;
            height: 20px;
            background: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/read-more-arrow-right.svg) center center no-repeat;
            background-size: 100%;
            margin-left: 10px
        }

        .sub-menu__industries .sub-menu__post-image img {
            height: 100%;
            max-height: 230px;
            border: 5px solid #00283b;
            border-radius: 8px;
            -o-object-fit: cover;
            object-fit: cover
        }

        .sub-menu__technologies .sub-menu__inner {
            justify-content: flex-start
        }

        .sub-menu__technologies .sub-menu__awards {
            width: 420px;
            flex-shrink: 0;
            padding: 40px 60px 40px 0;
            border-right: 1px solid #d9e1e5
        }

        .sub-menu__technologies .sub-menu__awards-inner {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
            gap: 8px
        }

        .sub-menu__technologies .sub-menu__awards-item {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 80px;
            height: 80px;
            padding: 10px;
            border-radius: 8px;
            background: #f9fbfb
        }

        .sub-menu__technologies .sub-menu__awards-item img {
            width: 100%;
            max-width: 55px;
            height: 100%;
            max-height: 55px;
            display: block;
            -o-object-fit: contain;
            object-fit: contain
        }

        .sub-menu__technologies .sub-menu__menu-wrap {
            width: 100%;
            max-width: 480px;
            flex-shrink: 0;
            padding: 40px 65px;
            border-right: 1px solid #d9e1e5
        }

        .sub-menu__technologies .sub-menu__menu {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            -moz-column-gap: 60px;
            column-gap: 60px;
            row-gap: 24px
        }

        .sub-menu__technologies .menu-item {
            width: calc(50% - 30px)
        }

        .sub-menu__technologies .sub-menu__description {
            padding: 40px 0 40px 60px
        }

        .sub-menu__technologies .sub-menu__description-inner {
            position: relative;
            display: flex;
            padding: 60px 40px;
            border-radius: 8px;
            background: #00283b
        }

        .sub-menu__technologies .sub-menu__description-inner:before {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 8px;
            background: linear-gradient(0deg, rgba(0, 40, 59, .71) 0, rgba(0, 40, 59, .71) 100%), linear-gradient(256deg, rgba(0, 0, 0, 0) 11.69%, rgba(0, 0, 0, .91) 97.39%);
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 2
        }

        .sub-menu__technologies .sub-menu__description-content {
            position: relative;
            z-index: 3
        }

        .sub-menu__technologies .sub-menu__description-title {
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            line-height: 130%;
            margin-bottom: 16px
        }

        .sub-menu__technologies .sub-menu__description-text {
            color: #d9e1e5;
            font-size: 14px;
            font-weight: 400;
            line-height: 130%
        }

        .sub-menu__technologies .sub-menu__description-image {
            max-width: 50%;
            height: 65%;
            position: absolute;
            right: 24px;
            top: 20px;
            z-index: 1
        }

        .sub-menu__technologies .sub-menu__description-image img {
            width: 100%;
            height: 100%;
            display: block;
            -o-object-fit: contain;
            object-fit: contain;
            -o-object-position: top right;
            object-position: top right
        }

        .footer {
            background: #00283b;
            color: #acbac2;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            border-top: 1px solid #5a6f79
        }

        .footer .icon {
            width: 20px;
            height: 20px;
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: center center
        }

        .footer .icon-email {
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/email-white-icon.svg)
        }

        .footer .icon-phone {
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/phone-white-icon.svg)
        }

        .footer ul li {
            list-style: none;
            color: #fff
        }

        .footer__top {
            display: flex;
            justify-content: space-between;
            padding-top: 80px
        }

        .footer__info-wrap {
            width: 34.1%
        }

        .footer__info-left {
            display: flex;
            flex-direction: column;
            gap: 60px
        }

        .footer__info-left-top {
            display: flex;
            flex-direction: column;
            gap: 32px
        }

        .footer__logo {
            width: 170px
        }

        .footer__logo img {
            width: 100%;
            height: 100%;
            display: block;
            -o-object-fit: contain;
            object-fit: contain
        }

        .footer__text {
            color: #acbac2;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            padding-right: 60px
        }

        .footer__text p {
            color: #acbac2;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px
        }

        .footer__widgets {
            display: flex;
            align-items: center;
            gap: 36px
        }

        .footer__widgets .footer__widget .clutch-widget[data-widget-type="1"] {
            display: none
        }

        .footer__widgets .footer__widget iframe {
            max-width: 195px
        }

        .footer__widgets .footer__widget .protected img {
            height: 34px;
            width: auto
        }

        .footer__contacts-title {
            color: #fff;
            font-size: 24px;
            font-weight: 700;
            line-height: 32px;
            margin-bottom: 32px
        }

        .footer__contacts-items {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px
        }

        .footer__contacts-item {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 46px;
            padding: 8px 10px;
            border-radius: 8px;
            background: rgba(90, 111, 121, .6);
            color: #fff;
            font-family: Lato, sans-serif;
            font-size: 20px;
            font-weight: 700;
            line-height: 130%;
            transition: all .3s
        }

        .footer__contacts-item:active,
        .footer__contacts-item:hover {
            background: #5a6f79
        }

        .footer__contacts-item .icon {
            margin-right: 10px
        }

        .footer__locations .map-popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #fff;
            z-index: 1050;
            width: 306px;
            border-radius: 8px;
            padding: 38px 48px 48px
        }

        .footer__locations .map-popup-content .map-popup-links {
            display: flex;
            justify-content: center;
            gap: 18px
        }

        .footer__locations .map-popup-content .map-popup-links a {
            width: 40px;
            height: 40px;
            display: block;
            min-width: 40px
        }

        .footer__locations .map-popup-content .map-popup-links a img {
            display: block;
            max-width: 100%;
            height: auto
        }

        .footer__locations .map-popup-title {
            font-size: 24px;
            font-weight: 900;
            line-height: 32px;
            text-align: center;
            color: #00283b;
            margin-bottom: 24px
        }

        .footer__locations .close-map-popup {
            border: none;
            cursor: pointer;
            position: absolute;
            right: 24px;
            top: 24px;
            background-color: transparent
        }

        .footer__locations .modal-backdrop {
            display: none;
            width: 100vw;
            height: 100vh
        }

        .footer__locations .modal-backdrop.show {
            display: block
        }

        .footer__locations-wrap {
            width: 65.9%;
            padding-left: 60px
        }

        .footer__locations-title {
            color: #fff;
            font-size: 24px;
            font-weight: 700;
            line-height: 32px;
            margin-bottom: 32px
        }

        .footer__locations-items {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            padding-right: 66px
        }

        .footer__locations-item {
            width: calc(100% / 3 - 27px)
        }

        .footer__locations-item a,
        .footer__locations-item p {
            color: #fff;
            transition: all .3s
        }

        .footer__locations-item span {
            transition: all .3s
        }

        .footer__locations-item a:hover {
            color: #59c8ff
        }

        .footer__locations-item a:hover div,
        .footer__locations-item a:hover p,
        .footer__locations-item a:hover span {
            color: #59c8ff
        }

        .footer__locations-name {
            display: flex;
            align-items: center;
            margin-bottom: 10px
        }

        .footer__locations-name img {
            width: 20px;
            height: 20px;
            display: block;
            margin-right: 10px
        }

        .footer__locations-name span {
            color: #fff;
            font-size: 20px;
            font-weight: 700;
            line-height: 130%;
            text-transform: capitalize
        }

        .footer__body {
            padding: 80px 0 0
        }

        .footer__menus {
            display: flex;
            flex-wrap: wrap;
            -moz-column-gap: 40px;
            column-gap: 40px;
            row-gap: 60px
        }

        .footer__menus-col {
            width: calc(25% - 30px)
        }

        .footer__menu-title {
            color: #acbac2;
            font-size: 20px;
            font-weight: 700;
            line-height: 130%;
            text-transform: capitalize;
            margin-bottom: 32px
        }

        .footer__menu .menu {
            display: flex;
            flex-direction: column;
            gap: 20px
        }

        .footer__menu .menu .menu-item a,
        .footer__menu .menu .menu-item span {
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
            text-transform: capitalize;
            transition: all .3s
        }

        .footer__menu .menu .menu-item a:hover {
            color: #59c8ff
        }

        .footer__menu .menu .menu-item-has-children span {
            display: flex;
            align-items: center;
            position: relative;
            cursor: pointer
        }

        .footer__menu .menu .menu-item-has-children span:after {
            content: '';
            display: block;
            width: 16px;
            height: 16px;
            background: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/dropdown-arrow-menu-white.svg);
            margin-left: 20px;
            transition: all .3s
        }

        .footer__menu .menu .open span:after {
            transform: rotate(180deg)
        }

        .footer__menu .menu#menu-footer-technologies {
            gap: 17px
        }

        .footer__menu .sub-menu {
            display: none;
            margin-top: 20px
        }

        .footer__menu .sub-menu .menu-item:not(:last-child) {
            margin-bottom: 10px
        }

        .footer__menu .sub-menu .menu-item a,
        .footer__menu .sub-menu .menu-item span {
            font-weight: 400
        }

        .footer__accordions {
            padding: 60px 0 24px
        }

        .footer__accordions .footer__accordion-inner {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            -moz-column-gap: 40px;
            column-gap: 40px;
            row-gap: 60px
        }

        .footer__accordions .footer__accordion {
            width: calc(25% - 30px)
        }

        .footer__accordions .accordion {
            display: inline-flex;
            flex-wrap: nowrap;
            align-items: flex-start;
            color: #acbac2;
            font-size: 20px;
            font-weight: 700;
            line-height: 130%;
            text-transform: capitalize;
            padding-right: 36px;
            position: relative;
            cursor: pointer
        }

        .footer__accordions .accordion:after {
            content: '';
            display: inline-block;
            width: 16px;
            height: 16px;
            background: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/dropdown-arrow-menu-grey.svg);
            position: absolute;
            top: 5px;
            right: 0;
            transition: all .3s
        }

        .footer__accordions .accordion.is-open:after {
            transform: rotate(180deg)
        }

        .footer__accordions .accordion.is-open+.accordion-content {
            margin-top: 20px
        }

        .footer__accordions .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: all .2s ease-in-out
        }

        .footer__accordions .accordion-content ul {
            max-height: 126px;
            overflow-y: auto;
            padding-right: 5px;
            position: relative
        }

        .footer__accordions .accordion-content ul li {
            margin-bottom: 10px
        }

        .footer__accordions .accordion-content ul li a {
            color: #fff;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px
        }

        .footer__accordions .accordion-content ul li a:hover {
            color: #59c8ff
        }

        .footer__accordions .accordion-content ul::-webkit-scrollbar {
            width: 3px;
            background-color: rgba(90, 111, 121, .8)
        }

        .footer__accordions .accordion-content ul::-webkit-scrollbar-thumb {
            border-radius: 15px;
            background-color: #d0d7db;
            width: 3px
        }

        .footer__bottom {
            padding: 24px 0 40px;
            border-top: 1px solid #5a6f79
        }

        .footer__bottom-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 30px
        }

        .footer__bottom-menu .menu {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            -moz-column-gap: 30px;
            column-gap: 30px
        }

        .footer__bottom-menu .menu-item a {
            color: #acbac2;
            font-size: 14px;
            font-weight: 700;
            line-height: 130%;
            text-transform: uppercase;
            transition: all .3s
        }

        .footer__bottom-menu .menu-item a:hover {
            color: #59c8ff
        }

        .footer-socials .menu-social {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 24px
        }

        .footer-socials .menu-item a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            border-radius: 8px;
            background: rgba(90, 111, 121, .3)
        }

        .footer-socials .menu-item a .fa:before {
            color: #d9e1e5;
            text-align: center;
            font-size: 18px;
            font-weight: 400;
            line-height: 24px
        }

        .footer-socials .menu-item a:hover .fa:before {
            color: #59c8ff
        }

        .footer-socials .menu-item.twitter a:hover .fa:before {
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/social/X_logo_blue.svg)
        }

        .copyright {
            color: #acbac2;
            font-size: 14px;
            font-weight: 700;
            line-height: 130%;
            text-transform: uppercase;
            text-align: right
        }

        .button input {
            outline: 0
        }

        .wpcf7 .wpcf7-submit:disabled {
            background: #d1d8dc;
            color: #5a6f79
        }

        .site-button,
        a.site-button {
            position: relative;
            display: inline-block;
            overflow: hidden;
            box-shadow: 0 0 0 2px #538cae;
            outline: 0;
            border-radius: 8px;
            font-family: Lato, sans-serif;
            font-size: 20px;
            line-height: 22px;
            font-weight: 700;
            color: #1a5c8d;
            text-align: center;
            text-decoration: none;
            padding: 7px 38px;
            background-color: #fff;
            z-index: 100
        }

        .site-button:after,
        a.site-button:after {
            content: '';
            position: absolute;
            top: -236px;
            left: -20px;
            z-index: -1;
            width: 0;
            height: 500px;
            background: linear-gradient(90deg, #5ac8ff 0, #1a5c8d 99.23%);
            transform: translateY(0) rotate(-29deg);
            transition: width 1s
        }

        .site-button:hover,
        a.site-button:hover {
            text-decoration: none;
            cursor: pointer
        }

        .site-button:active,
        .site-button:hover,
        a.site-button:active,
        a.site-button:hover {
            color: #fff
        }

        .site-button:active:after,
        .site-button:hover:after,
        a.site-button:active:after,
        a.site-button:hover:after {
            left: 28px;
            top: -135px;
            width: 520px
        }

        .site-button--header-button,
        a.site-button--header-button {
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            padding: 0;
            width: 154px
        }

        .site-button .fa,
        a.site-button .fa {
            padding-right: 10px;
            font-size: 18px
        }

        .services__btn {
            display: block;
            position: relative;
            overflow: hidden;
            z-index: 11;
            padding: 13px 30px;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            min-width: 208px;
            background-color: #fff;
            text-decoration: none;
            outline: 0;
            border: 1px solid #00283b;
            border-radius: 82px;
            cursor: pointer;
            font-size: 18px;
            line-height: 155%;
            color: #00283b;
            text-transform: uppercase;
            text-align: center
        }

        .services__btn:after {
            content: '';
            position: absolute;
            top: -236px;
            left: -20px;
            z-index: -1;
            width: 0;
            height: 500px;
            background-color: #00283b;
            transition: width 1s;
            transform: translateY(0) rotate(-29deg)
        }

        .services__btn:hover {
            color: #fff;
            border-color: #fff
        }

        .services__btn:hover:after {
            left: 28px;
            top: -135px;
            width: 520px
        }

        .services__btn.center {
            margin-left: auto;
            margin-right: auto
        }

        .services__btn .fa {
            font-size: 20px;
            margin-left: 8px
        }

        button {
            font-family: Lato, sans-serif
        }

        .button-disabled {
            position: relative
        }

        .button-disabled:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(255, 255, 255, .5);
            cursor: not-allowed;
            z-index: 10;
            pointer-events: auto
        }

        .other-section-class .checked li,
        body .checked li {
            list-style-type: none;
            position: relative;
            padding-left: 30px
        }

        .other-section-class .checked li:last-child,
        body .checked li:last-child {
            padding-bottom: 0
        }

        .other-section-class .checked li:before,
        body .checked li:before {
            content: "\f00c";
            color: #1a5c8d;
            font-family: SiteImages, serif;
            position: absolute;
            left: 0
        }

        .other-section-class .checked li a,
        body .checked li a {
            font-size: 16px;
            line-height: 24px;
            color: #1a5c8d;
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline
        }

        .h2,
        .h3 {
            display: block
        }

        h1 {
            color: #00283b;
            font-size: 48px;
            line-height: 56px;
            text-transform: uppercase;
            font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
            margin: 0;
            font-weight: 900;
            letter-spacing: 1px
        }

        .h2,
        h2 {
            font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-weight: 900;
            font-size: 25px;
            line-height: 32px;
            margin-bottom: 20px;
            color: #00283b;
            letter-spacing: .5px
        }

        .h3,
        h3 {
            font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
            display: block;
            font-size: 23px;
            line-height: 32px;
            font-weight: 900;
            color: #00283b;
            margin: 0
        }

        .wrapper-block.single-case .h2 {
            font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-weight: 900;
            font-size: 25px;
            line-height: 32px;
            margin-bottom: 40px;
            color: #00283b;
            letter-spacing: .5px;
            text-transform: uppercase
        }

        .other-section-class .other-section-header.center .h2,
        .other-section-class .other-section-header.center h2 {
            text-align: center
        }

        .other-section-class .h2,
        .other-section-class h2 {
            font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-weight: 900;
            font-size: 25px;
            line-height: 32px;
            margin-bottom: 40px;
            color: #00283b;
            letter-spacing: .5px;
            text-transform: uppercase;
            margin-bottom: 28px
        }

        .navbar__logo {
            line-height: 1
        }

        .header-scrolled .header-bottom {
            bottom: 2px;
            opacity: 0;
            pointer-events: none
        }

        .header-top {
            position: relative;
            z-index: 1;
            background-color: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%
        }

        header .container .row {
            margin: 0;
            position: relative
        }

        header .request-for-proposal {
            margin-left: 48px
        }

        header .request-for-proposal a {
            background: linear-gradient(0deg, #00283b, #00283b), linear-gradient(0deg, #003047, #003047);
            border-radius: 28px;
            padding: 10px 20px;
            font-weight: 500;
            font-size: 16px;
            line-height: 21px;
            color: #fff;
            width: auto;
            outline: 0;
            box-shadow: none;
            border: none
        }

        header .request-for-proposal a:after {
            background: #09416c
        }

        header .request-for-proposal--mobile {
            margin-left: 0;
            margin-top: 40px
        }

        header .request-for-proposal--mobile a {
            background: linear-gradient(0deg, #00283b, #00283b), linear-gradient(0deg, #003047, #003047);
            border-radius: 26px;
            padding: 11px 20px;
            font-weight: 500;
            font-size: 16px;
            line-height: 21px;
            color: #fff;
            width: auto;
            outline: 0;
            box-shadow: 0 0 0 2px #00283b;
            max-width: 360px;
            text-transform: uppercase
        }

        header .request-for-proposal--mobile a:after {
            background: #09416c
        }

        .primary-menu {
            width: auto !important
        }

        .primary-menu .navbar-home {
            flex-wrap: nowrap;
            gap: 30px;
            margin: 0;
            font-size: 16px !important;
            line-height: 1 !important;
            font-weight: 700;
            color: #00283b !important
        }

        .primary-menu .navbar-home>li {
            padding: 0
        }

        .primary-menu .navbar-home>li>a,
        .primary-menu .navbar-home>li>span {
            padding: 26px 0 !important
        }

        .primary-menu .navbar-home>li>a:after,
        .primary-menu .navbar-home>li>span:after {
            content: none;
            display: none !important
        }

        .primary-menu .navbar-home>li>a.active,
        .primary-menu .navbar-home>li>a:hover {
            color: #1a5c8d
        }

        .primary-menu .navbar-home>li .dropdown-menu {
            font-size: 14px;
            line-height: 20px;
            font-weight: 400 !important;
            color: #00283b
        }

        .primary-menu .navbar-home>li .dropdown-menu li {
            padding-right: 15px
        }

        .primary-menu .navbar-home>li .dropdown-menu li a,
        .primary-menu .navbar-home>li .dropdown-menu li span {
            font-weight: 400 !important
        }

        #burger {
            width: 30px;
            height: 24px;
            position: relative;
            transform: rotate(0);
            transition: .5s ease-in-out;
            cursor: pointer
        }

        #burger span {
            display: block;
            position: absolute;
            height: 3px;
            width: 100%;
            border-radius: 9px;
            opacity: 1;
            left: 0;
            transform: rotate(0);
            transition: .3s
        }

        #burger span:first-child {
            top: 0
        }

        #burger span:nth-child(2) {
            top: 7px
        }

        #burger span:nth-child(3) {
            top: 14px
        }

        #burger.open span:first-child {
            transform: rotate(45deg);
            top: 6px;
            left: 0
        }

        #burger.open span:nth-child(2) {
            width: 0%;
            opacity: 0
        }

        #burger.open span:nth-child(3) {
            transform: rotate(-45deg);
            top: 6px;
            left: 0
        }

        .search-top-container:not(.short) .search-top {
            width: 257px;
            margin-left: -257px;
            z-index: 100
        }

        .img.img-logo {
            background-repeat: no-repeat;
            background-size: contain
        }

        .header-logo {
            display: flex;
            align-items: center;
            padding: 0
        }

        .header-logo .img.img-logo {
            display: inline-block;
            min-width: 175px;
            height: 27px;
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/logo-header-new.svg)
        }

        .request-for-proposal--mobile {
            display: flex;
            margin-left: 14px
        }

        .form__label {
            font-size: 16px;
            position: absolute;
            left: 0;
            width: 100%;
            margin: 0;
            transform-origin: center left;
            transition: .3s ease-in-out;
            pointer-events: none;
            touch-action: none;
            color: #4a515e;
            padding: 0;
            top: 8%;
            line-height: 24px
        }

        .form__label-focus {
            transform: scale(.8) translateY(-20px);
            font-size: 1.2em;
            top: 5%;
            color: #00283b
        }

        .user-message {
            margin: 20px 0 0;
            color: #222;
            margin: 9px 0 25px 20px
        }

        .textarea {
            position: relative
        }

        .form-group__row {
            position: relative;
            height: 64px
        }

        .form-group__row .form__label {
            padding: 20px 0 0;
            line-height: 24px
        }

        .form-group__row .form__label-focus {
            font-size: 16px
        }

        .form-group__row input {
            margin: 0;
            padding-top: 30px;
            font-size: 16px;
            color: #222
        }

        .site-button--form {
            padding: 0;
            margin-top: 15px;
            width: 200px
        }

        .site-button .wpcf7-spinner {
            z-index: 101
        }

        .site-button:hover .wpcf7-spinner:after {
            border: 3px solid #fff;
            border-color: #fff transparent
        }

        .site-button input {
            display: block;
            font-family: Lato, sans-serif;
            font-size: 20px;
            line-height: 22px;
            font-weight: 700;
            color: #1a5c8d;
            border: none;
            background: 0 0;
            width: 100%;
            height: 40px
        }

        .site-button input:hover {
            cursor: pointer;
            color: #fff
        }

        .site-button input:hover:disabled {
            cursor: not-allowed;
            color: #5a6f79
        }

        .wpcf7-response-output {
            display: none !important
        }

        .wpcf7-form.mail-sent .response-output {
            display: block;
            font-size: 13px;
            color: #4f8a10;
            background-color: #dff2bf;
            border: 0;
            padding: 10px 10px 5px;
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto
        }

        .wpcf7-form.mail-sent .response-output::before {
            content: '\f00c';
            font: 26px/30px SiteImages;
            margin-right: 16px;
            vertical-align: middle
        }

        .wpcf7-form .response-output.sent {
            display: block;
            font-size: 13px;
            color: #4f8a10;
            background-color: #dff2bf;
            border: 0;
            padding: 10px 10px 5px;
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto
        }

        .wpcf7-form .response-output.sent::before {
            content: '\f00c';
            font: 26px/30px SiteImages;
            margin-right: 16px;
            vertical-align: middle
        }

        .wpcf7-form.invalid .response-output,
        .wpcf7-form.invalid .wpcf7-response-output {
            display: none !important
        }

        .wpcf7-form .wpcf7-textarea.sent,
        .wpcf7-form .wpcf7-textarea:focus.sent,
        .wpcf7-form input.wpcf7-text.sent,
        .wpcf7-form input.wpcf7-text:focus.sent {
            color: transparent !important
        }

        .wpcf7-form .wpcf7-textarea:-webkit-autofill.sent,
        .wpcf7-form .wpcf7-textarea:-webkit-autofill:focus.sent,
        .wpcf7-form input.wpcf7-text:-webkit-autofill.sent,
        .wpcf7-form input.wpcf7-text:-webkit-autofill:focus.sent {
            box-shadow: 0 0 0 50px #fff inset;
            -webkit-text-fill-color: transparent
        }

        .wpcf7-form .wpcf7-spinner {
            display: none !important
        }

        .captcha-image .cf7ic_instructions span {
            color: #b30000 !important
        }

        table:not(.ui-datepicker-calendar) {
            display: block;
            width: 100%;
            height: auto !important;
            max-width: 100%;
            overflow-x: auto;
            border-collapse: collapse;
            background-color: transparent;
            margin-bottom: 1rem
        }

        table:not(.ui-datepicker-calendar) tbody+tbody {
            border-top: 2px solid #c5d1dc
        }

        table:not(.ui-datepicker-calendar) table {
            background-color: #fff
        }

        .owl-item {
            float: left;
            display: flex;
            justify-content: center
        }

        .owl-stage-outer {
            overflow: hidden
        }

        .owl-nav button {
            cursor: pointer;
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            padding: 0;
            outline: 0;
            background: 0 0;
            transition: all .5s ease
        }

        .owl-nav .disabled {
            opacity: 0
        }

        .slider-section,
        .wrapper-block.single-case .slider-section {
            padding-top: 80px;
            padding-bottom: 80px
        }

        .slider-section+.slider-section,
        .wrapper-block.single-case .slider-section+.slider-section {
            padding-top: 0
        }

        .slider-section a,
        .wrapper-block.single-case .slider-section a {
            color: #1a5c8d;
            text-decoration: none
        }

        .slider-section--title-center .slider-section__items,
        .wrapper-block.single-case .slider-section--title-center .slider-section__items {
            justify-content: center
        }

        .slider-section__items,
        .wrapper-block.single-case .slider-section__items {
            display: flex;
            overflow: auto;
            margin: 0 -16px;
            -ms-overflow-style: none;
            scrollbar-width: none
        }

        .slider-section__items::-webkit-scrollbar,
        .wrapper-block.single-case .slider-section__items::-webkit-scrollbar {
            display: none
        }

        .slider-section .owl-nav button,
        .wrapper-block.single-case .slider-section .owl-nav button {
            width: 48px;
            height: 48px;
            border: 1px solid #d1d8dc;
            border-radius: 8px
        }

        .slider-section .owl-nav button i,
        .wrapper-block.single-case .slider-section .owl-nav button i {
            font-weight: 900;
            font-size: 28px;
            line-height: 40px;
            color: #d1d8dc
        }

        .slider-section .owl-prev,
        .wrapper-block.single-case .slider-section .owl-prev {
            left: -48px
        }

        .slider-section .owl-next,
        .wrapper-block.single-case .slider-section .owl-next {
            right: -48px
        }

        .mobile-slider-progressbar {
            margin-bottom: 40px;
            font-weight: 400;
            font-size: 18px;
            line-height: 130%;
            color: #00283b
        }

        .mobile-slider-progressbar.reviews-progressbar {
            margin-bottom: 20px
        }

        .mobile-slider-progressbar__text {
            margin-bottom: 20px;
            text-align: left
        }

        .mobile-slider-progressbar__track {
            height: 1px;
            background: #acbac2;
            border-radius: 2px;
            overflow: hidden
        }

        .mobile-slider-progressbar__fill {
            height: 100%;
            width: 0%;
            background: #5a6f79;
            transition: width .3s ease
        }

        .casestudy-section,
        .wrapper-block.single-case .casestudy-section {
            padding: 80px 0
        }

        .casestudy-section>div:not(:last-child),
        .wrapper-block.single-case .casestudy-section>div:not(:last-child) {
            margin-bottom: 80px
        }

        .casestudy-slider .owl-item,
        .single-industries .wrapper-block.single-case .casestudy-slider .owl-item {
            padding: 20px 40px 50px
        }

        .casestudy-slider .owl-nav,
        .single-industries .wrapper-block.single-case .casestudy-slider .owl-nav {
            top: -7px !important;
            right: 60px !important
        }

        .casestudy-slider-small,
        .single-industries .wrapper-block.single-case .casestudy-slider-small {
            margin-top: 60px
        }

        .casestudy-slider-small .owl-stage,
        .single-industries .wrapper-block.single-case .casestudy-slider-small .owl-stage {
            display: flex
        }

        .casestudy-slider-small .owl-item,
        .single-industries .wrapper-block.single-case .casestudy-slider-small .owl-item {
            padding: 15px 15px 40px
        }

        .casestudy-slider-small__item,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__item {
            display: flex;
            flex-direction: column;
            padding: 0;
            width: 100%;
            padding: 40px;
            background-color: #fff;
            box-shadow: 0 0 0 0 #0000000F, 0 3px 7px 0 #0000000F, 0 13px 13px 0 #0000000D, 0 29px 17px 0 #00000008, 0 51px 20px 0 #00000003, 0 80px 22px 0 #00000000, 0 -5px 20px 0 #0000000D, 0 -1px 4px 0 #0000000D;
            border-radius: 12px;
            transition: .3s
        }

        .casestudy-slider-small__left,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__left {
            margin-bottom: 30px
        }

        .casestudy-slider-small__left h3,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__left h3 {
            font-size: 24px;
            font-weight: 900;
            line-height: 32px;
            color: #00283b;
            margin-bottom: 20px;
            transition: .3s
        }

        .casestudy-slider-small__left .description,
        .casestudy-slider-small__left .description p,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__left .description,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__left .description p {
            font-size: 16px;
            font-weight: 500;
            line-height: 24px;
            text-align: left;
            margin-bottom: 0;
            color: #5a6f79;
            transition: .3s
        }

        .casestudy-slider-small__terms,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__terms {
            margin-top: 20px;
            display: none
        }

        .casestudy-slider-small__terms .term,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__terms .term {
            display: flex;
            gap: 16px
        }

        .casestudy-slider-small__terms .term:not(:last-of-type),
        .single-industries .wrapper-block.single-case .casestudy-slider-small__terms .term:not(:last-of-type) {
            margin-bottom: 10px
        }

        .casestudy-slider-small__terms .term__title,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__terms .term__title {
            min-width: 118px;
            font-size: 18px;
            font-weight: 500;
            line-height: 23.4px;
            color: #acbac2
        }

        .casestudy-slider-small__terms .term__lists,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__terms .term__lists {
            font-size: 18px;
            font-weight: 500;
            line-height: 23.4px;
            color: #fff
        }

        .casestudy-slider-small__terms .term__lists a,
        .casestudy-slider-small__terms .term__lists span,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__terms .term__lists a,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__terms .term__lists span {
            font-size: 18px;
            font-weight: 500;
            line-height: 24px;
            color: #fff
        }

        .casestudy-slider-small__right,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__right {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: auto
        }

        .casestudy-slider-small__right .caseStudies__image,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__right .caseStudies__image {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .casestudy-slider-small__right .video,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__right .video {
            position: absolute;
            left: 50%;
            top: 49%;
            max-width: 545px;
            width: 100%;
            min-height: 328.83px;
            max-height: 328.83px;
            transform: translate(-50%, -50%)
        }

        .casestudy-slider-small__right .video.macbook-video,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__right .video.macbook-video {
            width: 402px;
            height: 275px;
            min-height: 275px;
            transform: translate(-50%, -51%);
            -o-object-fit: fill;
            object-fit: fill
        }

        .casestudy-slider-small__right .video.show,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__right .video.show {
            opacity: 1
        }

        .casestudy-slider-small__right .macbook-bg,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg {
            width: 543.01px;
            height: 301.42px;
            max-width: 100%;
            -o-object-fit: contain;
            object-fit: contain;
            z-index: 11
        }

        .casestudy-slider-small__right .macbook-bg~.macbook-image img,
        .casestudy-slider-small__right .macbook-bg~img.macbook-image,
        .casestudy-slider-small__right .macbook-bg~picture .macbook-image,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg~.macbook-image img,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg~img.macbook-image,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg~picture .macbook-image {
            position: absolute;
            left: 50%;
            top: 48%;
            width: 412px;
            min-height: 255px;
            height: 288px;
            -o-object-fit: cover;
            object-fit: cover;
            transform: translate(-50%, -50%);
            z-index: 10;
            transition: all .5s
        }

        .casestudy-slider-small__right img.image,
        .casestudy-slider-small__right picture.image img,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__right img.image,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__right picture.image img {
            max-width: 545px;
            width: 100%;
            min-height: 275px;
            max-height: 275px;
            -o-object-fit: contain;
            object-fit: contain
        }

        .casestudy-slider-small__right .image.hide,
        .casestudy-slider-small__right .image.hide img,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__right .image.hide,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__right .image.hide img {
            opacity: 0
        }

        .casestudy-slider-small__more,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__more {
            font-size: 18px;
            font-weight: 500;
            line-height: 23.4px;
            color: #00283b;
            margin-top: 44px;
            text-decoration: none !important;
            text-transform: uppercase;
            display: block
        }

        .casestudy-slider-small__more i,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__more i {
            padding-left: 5px
        }

        .casestudy-slider-small__more i:before,
        .single-industries .wrapper-block.single-case .casestudy-slider-small__more i:before {
            font-size: 20px
        }

        .casestudy-slider-small .owl-nav,
        .single-industries .wrapper-block.single-case .casestudy-slider-small .owl-nav {
            top: -7px !important;
            right: 60px !important
        }

        .images-slider {
            padding: 90px 0 44px
        }

        .images-slider_wrapper {
            max-width: 1116px;
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
            position: relative
        }

        .images-slider .owl-nav button {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 40px;
            height: 107px;
            background: 0 0;
            border: none;
            outline: 0;
            cursor: pointer;
            padding: 0
        }

        .images-slider .owl-nav button i {
            font-size: 107px;
            line-height: 1;
            font-weight: 100;
            color: #d9e1e5
        }

        .images-slider .owl-nav button.owl-prev {
            left: 0
        }

        .images-slider .owl-nav button.owl-next {
            right: 0
        }

        .images-slider .owl-stage-outer {
            overflow: hidden
        }

        .images-slider .owl-item {
            float: left
        }

        .fancybox-slide--video .fancybox-content,
        .fancybox-slide--video .fancybox-iframe {
            background: 0 0;
            max-width: 800px;
            max-height: 450px;
            height: inherit
        }

        .images-row__wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: calc(100% - 177px);
            max-width: 909px;
            overflow-x: auto;
            -ms-overflow-style: none;
            scrollbar-width: none
        }

        .images-row__wrapper::-webkit-scrollbar {
            display: none
        }

        .other-section-class.gradient-bg {
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/de_hardcode/2024/06/CTA.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover
        }

        .other-section-class.gradient-bg .other-section-header span.big {
            font-size: 24px !important;
            line-height: 130%
        }

        .other-section-class.gradient-bg .container .h2,
        .other-section-class.gradient-bg .container h2 {
            color: #fff
        }

        .other-section-class.gradient-bg .container div,
        .other-section-class.gradient-bg .container p {
            color: #fff
        }

        .other-section-class.gradient-bg .services__btn {
            text-decoration: none
        }

        .other-section-class.centered-title .container .h2,
        .other-section-class.centered-title .container .other-section-header,
        .other-section-class.centered-title .container h2 {
            margin-left: auto;
            margin-right: auto;
            text-align: center !important
        }

        .other-section-class.centered-title .container .services__btn {
            margin-left: auto;
            margin-right: auto
        }

        .other-section-class.centered-title .container .h2,
        .other-section-class.centered-title .container h2 {
            text-align: center !important
        }

        .other-section-class.box-shadow {
            position: relative;
            z-index: 1;
            box-shadow: 0 8px 25px 0 #47537417, 0 -2px 25px 0 #47537417
        }

        .other-section-class form textarea {
            margin-top: 20px
        }

        .other-section-class form .contact-field-group,
        .other-section-class form section {
            margin: 0
        }

        .other-section-class form .file-div {
            margin-left: 8px
        }

        .other-section-class form .file_upload {
            height: auto;
            padding: 32px 0 0
        }

        .other-section-class form .file_upload>.file-div {
            color: #1a5c8d
        }

        .other-section-class img {
            max-width: 100%;
            height: auto
        }

        .other-section-class .grid-slider {
            display: flex;
            position: relative;
            justify-content: space-around;
            margin: -16px
        }

        .other-section-class .grid-slider .owl-stage {
            display: flex
        }

        .other-section-class .grid-slider .owl-stage-outer {
            overflow: hidden
        }

        .other-section-class .grid-slider .owl-nav button {
            position: absolute;
            top: 26%;
            background: 0 0;
            border: none;
            outline: 0
        }

        .other-section-class .grid-slider .owl-nav button i {
            font-size: 32px;
            color: #e1e6e8
        }

        .other-section-class .grid-slider .owl-nav:not(.disabled) {
            cursor: pointer
        }

        .other-section-class .grid-slider .owl-prev {
            left: -35px
        }

        .other-section-class .grid-slider .owl-next {
            right: -35px
        }

        .other-section-class .grid-slider .owl-item {
            width: 340px;
            height: 292px
        }

        .block-header {
            overflow: hidden
        }

        .post-search-section__input {
            margin-bottom: 0;
            padding: 0 0 12px;
            font-size: 25px;
            line-height: 1.5;
            width: 100%;
            border: none;
            color: #5a6f79;
            display: block;
            border-bottom: 2px solid transparent
        }

        .post-search-section__input:focus {
            background: 0 0;
            border-bottom: 2px solid #5ac8ff;
            outline: 0
        }

        .career__list-item a i,
        .career__list-item button i {
            line-height: 40px;
            font-size: 30px;
            color: #fff;
            text-decoration: none
        }

        .career__list-item a:hover,
        .career__list-item button:hover {
            text-decoration: none
        }

        .career__list-item a:hover p,
        .career__list-item button:hover p {
            text-decoration: underline
        }

        .career__list-item a:hover i,
        .career__list-item button:hover i {
            text-decoration: none
        }

        .tags-carousel-list {
            padding: 0 45px
        }

        .tags-carousel-list.owl-carousel {
            max-width: -webkit-fit-content;
            max-width: -moz-fit-content;
            max-width: fit-content;
            margin: 0 auto
        }

        .tags-carousel-list a,
        .tags-carousel-list button,
        .tags-carousel-list p {
            display: block;
            cursor: pointer;
            outline: 0;
            padding: 16px 36px;
            color: #00283b;
            box-sizing: border-box;
            margin: 0;
            border-radius: 55px;
            font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
            text-align: center;
            font-size: 18px;
            font-weight: 500;
            line-height: 155%;
            background-color: transparent;
            border: 1px solid var(--gray-gray-3-line, #d9e1e5)
        }

        .tags-carousel-list p {
            color: #fff;
            background: #00283b
        }

        .tags-carousel-list a {
            border: 2px solid #d9e1e5
        }

        .tags-carousel-list.owl-carousel .owl-nav .owl-next,
        .tags-carousel-list.owl-carousel .owl-nav .owl-prev {
            width: 20px;
            height: 30px;
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            outline: 0
        }

        .tags-carousel-list.owl-carousel .owl-nav .owl-next.disabled,
        .tags-carousel-list.owl-carousel .owl-nav .owl-prev.disabled {
            display: none
        }

        .tags-carousel-list.owl-carousel .owl-nav .owl-prev {
            background: url(https://inoxoft.com/wp-content/themes/inoxoft/images/fa_angle-left.svg) no-repeat;
            left: 0
        }

        .tags-carousel-list.owl-carousel .owl-nav .owl-next {
            background: url(https://inoxoft.com/wp-content/themes/inoxoft/images/fa_angle-right.svg) no-repeat;
            right: 0
        }

        .top-section-class.with-numbers {
            padding-bottom: 80px !important
        }

        .top-section-class.with-slider {
            padding-bottom: 40px
        }

        .top-section-class .cursor {
            position: absolute;
            top: -150px;
            left: -150px;
            width: 129px;
            height: 129px;
            background: #5ac8ff;
            border-radius: 50%;
            filter: blur(35px);
            z-index: 1
        }

        .top-section-class .cursor-inner {
            position: absolute;
            top: -150px;
            left: -150px;
            width: 129px;
            height: 129px;
            background: #1a5c8d;
            opacity: .32;
            border-radius: 50%;
            filter: blur(35px);
            z-index: 3
        }

        .top-section-class .container {
            z-index: 4
        }

        .top-section-class .site-button {
            margin-left: 2px;
            margin-top: 28px;
            color: #fff;
            outline: #fff solid 2px;
            background-color: transparent;
            background-image: none;
            font-size: 20px;
            font-weight: 700;
            line-height: 1.4;
            text-transform: none;
            letter-spacing: 0;
            width: auto;
            padding: 4px 21px
        }

        .top-section-class .site-button:after {
            background: #ffffff61
        }

        .top-section-class .site-button:hover {
            outline: #fff solid 2px
        }

        .top-section-class .background-picture img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

        .top-section-class .location {
            font-weight: 400;
            font-size: 30px;
            line-height: 39px;
            letter-spacing: .75px;
            color: #fff;
            margin-top: 30px;
            display: flex;
            align-items: center;
            gap: 5px
        }

        .top-section-class .location img {
            width: 30px;
            height: 30px
        }

        .top-section-class h1 {
            max-width: 924px
        }

        .top-section-class .subtitle {
            max-width: 924px
        }

        .top-section-class .subtitle ul {
            padding-left: 20px
        }

        .top-section-class .subtitle h2 {
            font-weight: 900;
            font-size: 36px;
            line-height: 47px;
            letter-spacing: .5px;
            text-transform: uppercase;
            color: #fff
        }

        .info-section__header {
            padding: 80px 0 64px;
            font-size: 32px;
            line-height: 40px;
            color: #00283b;
            text-transform: uppercase;
            font-family: Lato, sans-serif;
            margin: 0;
            font-weight: 700;
            width: 100%;
            letter-spacing: .5px
        }

        .info-section__header.minifaq__header {
            margin-left: 0;
            padding-top: 0
        }

        .home-banner-bottom {
            position: relative
        }

        .home-banner-bottom__item {
            padding-left: 16px;
            padding-right: 30px;
            border-left: 1px solid #00283b;
            padding-top: 12px;
            display: flex;
            flex-direction: column
        }

        .home-banner-bottom__item.visible {
            visibility: visible !important
        }

        .home-banner-bottom__item img {
            display: block
        }

        .home-banner-bottom__item a {
            display: block;
            margin-left: auto;
            margin-right: 0;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            position: relative;
            line-height: 16px !important;
            height: 16px;
            margin-top: auto
        }

        .home-banner-bottom__item a:before {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/arrow-line.svg);
            left: 0;
            top: 0;
            transition: .3s
        }

        .home-banner-bottom__item a img {
            height: 100%;
            width: auto
        }

        .home-banner-bottom__item:hover a:before {
            transform: translateX(-13px);
            opacity: 1
        }

        .home-banner-bottom .owl-dots,
        .home-banner-bottom .owl-nav {
            display: none
        }

        .industries-tabs__tab,
        .other-section-class .container .industries-tabs__tab,
        .page-home .industries-tabs__tab,
        .wrapper-block.single-case .container .industries-tabs__tab {
            border: 1px solid #00283b;
            background-color: #fff;
            padding: 20px 24px;
            border-radius: 8px;
            font-size: 20px;
            font-weight: 700;
            line-height: 26px;
            color: #00283b;
            display: flex;
            align-items: center;
            cursor: pointer
        }

        .industries-tabs__tab:not(:last-of-type),
        .other-section-class .container .industries-tabs__tab:not(:last-of-type),
        .page-home .industries-tabs__tab:not(:last-of-type),
        .wrapper-block.single-case .container .industries-tabs__tab:not(:last-of-type) {
            margin-bottom: 20px
        }

        .industries-tabs__tab a,
        .other-section-class .container .industries-tabs__tab a,
        .page-home .industries-tabs__tab a,
        .wrapper-block.single-case .container .industries-tabs__tab a {
            display: flex;
            align-items: center;
            font-size: 20px;
            font-weight: 700;
            line-height: 26px;
            text-decoration: none;
            color: #00283b
        }

        .industries-tabs__tab svg,
        .other-section-class .container .industries-tabs__tab svg,
        .page-home .industries-tabs__tab svg,
        .wrapper-block.single-case .container .industries-tabs__tab svg {
            width: 40px;
            height: 40px;
            margin-right: 30px
        }

        .industries-tabs__tab.active,
        .other-section-class .container .industries-tabs__tab.active,
        .page-home .industries-tabs__tab.active,
        .wrapper-block.single-case .container .industries-tabs__tab.active {
            background-color: #00283b;
            color: #fff
        }

        .industries-tabs__tab.active a,
        .other-section-class .container .industries-tabs__tab.active a,
        .page-home .industries-tabs__tab.active a,
        .wrapper-block.single-case .container .industries-tabs__tab.active a {
            color: #fff
        }

        .industries-tabs__tab.active svg path,
        .industries-tabs__tab.active svg rect,
        .other-section-class .container .industries-tabs__tab.active svg path,
        .other-section-class .container .industries-tabs__tab.active svg rect,
        .page-home .industries-tabs__tab.active svg path,
        .page-home .industries-tabs__tab.active svg rect,
        .wrapper-block.single-case .container .industries-tabs__tab.active svg path,
        .wrapper-block.single-case .container .industries-tabs__tab.active svg rect {
            fill: #fff
        }

        .clients-section,
        .page-home .other-section-class .clients-section,
        .single-industries .wrapper-block.single-case .clients-section {
            padding-top: 60px
        }

        .clients-section .owl-stage-outer,
        .page-home .other-section-class .clients-section .owl-stage-outer,
        .single-industries .wrapper-block.single-case .clients-section .owl-stage-outer {
            position: relative;
            padding: 60px 20px;
            margin-right: -20px;
            margin-left: -20px
        }

        .clients-section .owl-dots,
        .page-home .other-section-class .clients-section .owl-dots,
        .single-industries .wrapper-block.single-case .clients-section .owl-dots {
            display: none
        }

        .clients-section .owl-nav,
        .page-home .other-section-class .clients-section .owl-nav,
        .single-industries .wrapper-block.single-case .clients-section .owl-nav {
            position: absolute;
            gap: 20px;
            display: flex;
            right: 15px;
            top: -60px;
            bottom: auto
        }

        .clients-section .owl-nav .owl-next,
        .clients-section .owl-nav .owl-prev,
        .page-home .other-section-class .clients-section .owl-nav .owl-next,
        .page-home .other-section-class .clients-section .owl-nav .owl-prev,
        .single-industries .wrapper-block.single-case .clients-section .owl-nav .owl-next,
        .single-industries .wrapper-block.single-case .clients-section .owl-nav .owl-prev {
            width: 60px;
            height: 60px;
            position: relative;
            border-radius: 50%;
            border: 2px solid #173753 !important
        }

        .clients-section .owl-nav .owl-next span,
        .clients-section .owl-nav .owl-prev span,
        .page-home .other-section-class .clients-section .owl-nav .owl-next span,
        .page-home .other-section-class .clients-section .owl-nav .owl-prev span,
        .single-industries .wrapper-block.single-case .clients-section .owl-nav .owl-next span,
        .single-industries .wrapper-block.single-case .clients-section .owl-nav .owl-prev span {
            display: none
        }

        .clients-section .owl-nav .owl-next:before,
        .clients-section .owl-nav .owl-prev:before,
        .page-home .other-section-class .clients-section .owl-nav .owl-next:before,
        .page-home .other-section-class .clients-section .owl-nav .owl-prev:before,
        .single-industries .wrapper-block.single-case .clients-section .owl-nav .owl-next:before,
        .single-industries .wrapper-block.single-case .clients-section .owl-nav .owl-prev:before {
            content: '';
            width: 12px;
            height: 19px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            transition: background-image .3s
        }

        .clients-section .owl-nav .owl-prev:before,
        .page-home .other-section-class .clients-section .owl-nav .owl-prev:before,
        .single-industries .wrapper-block.single-case .clients-section .owl-nav .owl-prev:before {
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-prev.svg)
        }

        .clients-section .owl-nav .owl-prev.disabled:before,
        .page-home .other-section-class .clients-section .owl-nav .owl-prev.disabled:before,
        .single-industries .wrapper-block.single-case .clients-section .owl-nav .owl-prev.disabled:before {
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-prev-disabled.svg)
        }

        .clients-section .owl-nav .owl-next:before,
        .page-home .other-section-class .clients-section .owl-nav .owl-next:before,
        .single-industries .wrapper-block.single-case .clients-section .owl-nav .owl-next:before {
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-next.svg)
        }

        .clients-section .owl-nav .owl-next.disabled:before,
        .page-home .other-section-class .clients-section .owl-nav .owl-next.disabled:before,
        .single-industries .wrapper-block.single-case .clients-section .owl-nav .owl-next.disabled:before {
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-next-disabled.svg)
        }

        .clients-section .owl-nav .disabled,
        .page-home .other-section-class .clients-section .owl-nav .disabled,
        .single-industries .wrapper-block.single-case .clients-section .owl-nav .disabled {
            opacity: 1;
            border-color: #b5c2cf !important
        }

        .clients-section .owl-carousel .owl-stage,
        .page-home .other-section-class .clients-section .owl-carousel .owl-stage,
        .single-industries .wrapper-block.single-case .clients-section .owl-carousel .owl-stage {
            display: flex !important
        }

        .clients-section__item,
        .page-home .other-section-class .clients-section__item,
        .single-industries .wrapper-block.single-case .clients-section__item {
            box-shadow: 0 -1px 4px rgba(0, 0, 0, .05), 0 -5px 20px rgba(0, 0, 0, .05), 0 51px 20px rgba(0, 0, 0, .01), 0 29px 17px rgba(0, 0, 0, .03), 0 13px 13px rgba(0, 0, 0, .05), 0 3px 7px rgba(0, 0, 0, .06), 0 0 0 rgba(0, 0, 0, .06);
            border-radius: 12px;
            background-color: #fff;
            width: 100%;
            padding: 40px;
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .clients-section__item .logo,
        .page-home .other-section-class .clients-section__item .logo,
        .single-industries .wrapper-block.single-case .clients-section__item .logo {
            display: block;
            max-height: 36px;
            width: auto;
            margin-top: 30px
        }

        .clients-section__item .reviews__comment,
        .page-home .other-section-class .clients-section__item .reviews__comment,
        .single-industries .wrapper-block.single-case .clients-section__item .reviews__comment {
            margin-bottom: 30px;
            padding-left: 72px;
            position: relative;
            font-family: Lato, sans-serif;
            font-size: 20px;
            font-weight: 400;
            line-height: 26px;
            letter-spacing: .7507851123809814px;
            color: #00283b
        }

        .clients-section__item .reviews__comment:before,
        .page-home .other-section-class .clients-section__item .reviews__comment:before,
        .single-industries .wrapper-block.single-case .clients-section__item .reviews__comment:before {
            content: '';
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/quotation_marks.svg);
            background-position: top;
            background-repeat: no-repeat;
            background-size: contain;
            width: 48px;
            height: 42px;
            position: absolute;
            left: 0;
            top: -3px
        }

        .clients-section__item .reviews__author,
        .page-home .other-section-class .clients-section__item .reviews__author,
        .single-industries .wrapper-block.single-case .clients-section__item .reviews__author {
            padding-left: 72px;
            display: flex;
            margin-bottom: 0;
            margin-top: 30px
        }

        .clients-section__item .reviews__author__photo,
        .page-home .other-section-class .clients-section__item .reviews__author__photo,
        .single-industries .wrapper-block.single-case .clients-section__item .reviews__author__photo {
            width: 80px !important;
            min-width: 80px;
            height: 80px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 20px;
            -o-object-fit: cover;
            object-fit: cover;
            margin-bottom: 0
        }

        .clients-section__item .reviews__author__name,
        .page-home .other-section-class .clients-section__item .reviews__author__name,
        .single-industries .wrapper-block.single-case .clients-section__item .reviews__author__name {
            margin-bottom: 8px;
            font-size: 20px;
            font-weight: 700;
            line-height: 26px;
            color: #00283b
        }

        .clients-section__item .reviews__author__position,
        .page-home .other-section-class .clients-section__item .reviews__author__position,
        .single-industries .wrapper-block.single-case .clients-section__item .reviews__author__position {
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            color: #5a6f79
        }

        .wrapper-block.single-case .container .three-posts {
            margin-left: -15px;
            margin-right: -15px
        }

        .single-industries .wrapper-block.single-case .three-posts,
        .three-posts,
        .wrapper-block.single-case .three-posts {
            display: flex
        }

        .single-industries .wrapper-block.single-case .three-posts>a,
        .three-posts>a,
        .wrapper-block.single-case .three-posts>a {
            height: auto
        }

        .single-industries .wrapper-block.single-case .three-posts a,
        .three-posts a,
        .wrapper-block.single-case .three-posts a {
            text-decoration: none
        }

        .single-industries .wrapper-block.single-case .three-posts>a,
        .single-industries .wrapper-block.single-case .three-posts>div,
        .three-posts>a,
        .three-posts>div,
        .wrapper-block.single-case .three-posts>a,
        .wrapper-block.single-case .three-posts>div {
            position: relative;
            min-height: 260px
        }

        .single-industries .wrapper-block.single-case .three-posts>a:hover,
        .single-industries .wrapper-block.single-case .three-posts>div:hover,
        .three-posts>a:hover,
        .three-posts>div:hover,
        .wrapper-block.single-case .three-posts>a:hover,
        .wrapper-block.single-case .three-posts>div:hover {
            cursor: pointer
        }

        .single-industries .wrapper-block.single-case .three-posts>a .three-posts__wrapper,
        .single-industries .wrapper-block.single-case .three-posts>div .three-posts__wrapper,
        .three-posts>a .three-posts__wrapper,
        .three-posts>div .three-posts__wrapper,
        .wrapper-block.single-case .three-posts>a .three-posts__wrapper,
        .wrapper-block.single-case .three-posts>div .three-posts__wrapper {
            width: 396px
        }

        .single-industries .wrapper-block.single-case .three-posts__container,
        .three-posts__container,
        .wrapper-block.single-case .three-posts__container {
            position: relative;
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 100%;
            background: #fff
        }

        .single-industries .wrapper-block.single-case .three-posts__container:hover .three-posts__title:after,
        .three-posts__container:hover .three-posts__title:after,
        .wrapper-block.single-case .three-posts__container:hover .three-posts__title:after {
            opacity: .8
        }

        .single-industries .wrapper-block.single-case .three-posts__wrapper,
        .three-posts__wrapper,
        .wrapper-block.single-case .three-posts__wrapper {
            padding: 10px 30px 0
        }

        .single-industries .wrapper-block.single-case .three-posts__center,
        .three-posts__center,
        .wrapper-block.single-case .three-posts__center {
            width: 396px;
            padding: 0 1px;
            background: linear-gradient(180deg, #d9e1e5 0, #fff 99.23%)
        }

        .single-industries .wrapper-block.single-case .three-posts__left,
        .single-industries .wrapper-block.single-case .three-posts__right,
        .three-posts__left,
        .three-posts__right,
        .wrapper-block.single-case .three-posts__left,
        .wrapper-block.single-case .three-posts__right {
            width: calc((100% - 396px)/ 2)
        }

        .single-industries .wrapper-block.single-case .three-posts__left .three-posts__container,
        .three-posts__left .three-posts__container,
        .wrapper-block.single-case .three-posts__left .three-posts__container {
            align-items: flex-end
        }

        .single-industries .wrapper-block.single-case .three-posts__right .three-posts__container,
        .three-posts__right .three-posts__container,
        .wrapper-block.single-case .three-posts__right .three-posts__container {
            align-items: flex-start
        }

        .single-industries .wrapper-block.single-case .three-posts__title,
        .three-posts__title,
        .wrapper-block.single-case .three-posts__title {
            position: relative;
            font-weight: 700;
            font-size: 20px;
            line-height: 28px;
            color: #003047;
            transition: all .5s ease
        }

        .single-industries .wrapper-block.single-case .three-posts__title:after,
        .three-posts__title:after,
        .wrapper-block.single-case .three-posts__title:after {
            position: absolute;
            top: 0;
            right: 0;
            font-family: SiteImages, serif;
            color: #003047;
            font-size: 16px;
            line-height: 28px;
            content: "\f061";
            opacity: .16
        }

        .single-industries .wrapper-block.single-case .three-posts__description,
        .three-posts__description,
        .wrapper-block.single-case .three-posts__description {
            font-size: 16px;
            line-height: 24px;
            color: #5a6f79
        }

        .single-industries .wrapper-block.single-case .three-posts__description,
        .three-posts__description,
        .wrapper-block.single-case .three-posts__description {
            margin-top: 12px
        }

        .single-industries .wrapper-block.single-case .three-posts.three-posts-new,
        .three-posts.three-posts-new,
        .wrapper-block.single-case .three-posts.three-posts-new {
            margin-left: 0;
            margin-right: 0
        }

        .single-industries .wrapper-block.single-case .three-posts.three-posts-new .three-posts__title,
        .three-posts.three-posts-new .three-posts__title,
        .wrapper-block.single-case .three-posts.three-posts-new .three-posts__title {
            font-size: 24px;
            font-weight: 900;
            line-height: 32px;
            text-decoration: underline
        }

        .single-industries .wrapper-block.single-case .three-posts.three-posts-new .three-posts__description,
        .three-posts.three-posts-new .three-posts__description,
        .wrapper-block.single-case .three-posts.three-posts-new .three-posts__description {
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            text-decoration: none
        }

        .single-industries .wrapper-block.single-case .three-posts.three-posts-new .three-posts__description,
        .three-posts.three-posts-new .three-posts__description,
        .wrapper-block.single-case .three-posts.three-posts-new .three-posts__description {
            margin-bottom: 0
        }

        .single-industries .wrapper-block.single-case .three-posts.three-posts-slider,
        .three-posts.three-posts-slider,
        .wrapper-block.single-case .three-posts.three-posts-slider {
            position: relative
        }

        .single-industries .wrapper-block.single-case .three-posts.three-posts-slider .owl-dots,
        .three-posts.three-posts-slider .owl-dots,
        .wrapper-block.single-case .three-posts.three-posts-slider .owl-dots {
            display: none
        }

        .single-industries .wrapper-block.single-case .three-posts.three-posts-slider .owl-nav,
        .three-posts.three-posts-slider .owl-nav,
        .wrapper-block.single-case .three-posts.three-posts-slider .owl-nav {
            top: 10px;
            position: absolute;
            min-height: auto;
            background: 0 0;
            padding: 0
        }

        .single-industries .wrapper-block.single-case .three-posts.three-posts-slider .owl-stage-outer,
        .three-posts.three-posts-slider .owl-stage-outer,
        .wrapper-block.single-case .three-posts.three-posts-slider .owl-stage-outer {
            background: 0 0
        }

        .single-industries .wrapper-block.single-case .three-posts.three-posts-slider .owl-stage,
        .three-posts.three-posts-slider .owl-stage,
        .wrapper-block.single-case .three-posts.three-posts-slider .owl-stage {
            padding-top: 90px;
            display: flex
        }

        .single-industries .wrapper-block.single-case .three-posts.three-posts-slider .owl-stage .owl-item .three-posts__item,
        .three-posts.three-posts-slider .owl-stage .owl-item .three-posts__item,
        .wrapper-block.single-case .three-posts.three-posts-slider .owl-stage .owl-item .three-posts__item {
            width: 100% !important
        }

        .logos-section {
            display: flex;
            flex-wrap: wrap;
            gap: 48px 30px;
            justify-content: space-between;
            padding-top: 50px
        }

        .logos-section img {
            display: block;
            height: 69px;
            width: auto
        }

        .home-casestudy .case-tabs,
        .page-home .home-casestudy .case-tabs {
            box-shadow: 0 11px 24px 0 #50626C26
        }

        .home-casestudy .case-tabs .case-tabs-content,
        .page-home .home-casestudy .case-tabs .case-tabs-content {
            padding: 32px
        }

        .home-casestudy .case-tabs .active-logo+.case-tabs-content,
        .page-home .home-casestudy .case-tabs .active-logo+.case-tabs-content {
            display: block
        }

        .home-casestudy .case-tabs .case-logo .active,
        .page-home .home-casestudy .case-tabs .case-logo .active {
            display: none
        }

        .home-casestudy .case-tabs .case-logo.active-logo .active,
        .page-home .home-casestudy .case-tabs .case-logo.active-logo .active {
            display: block
        }

        .home-casestudy .case-tabs .owl-dots,
        .home-casestudy .case-tabs .owl-nav,
        .page-home .home-casestudy .case-tabs .owl-dots,
        .page-home .home-casestudy .case-tabs .owl-nav {
            display: none
        }

        .home-casestudy .case-tabs .owl-stage,
        .page-home .home-casestudy .case-tabs .owl-stage {
            display: flex !important
        }

        .home-casestudy .case-tabs .owl-stage .owl-item .case-tab,
        .page-home .home-casestudy .case-tabs .owl-stage .owl-item .case-tab {
            display: flex
        }

        .home-casestudy .case-logo,
        .page-home .home-casestudy .case-logo {
            width: 169px;
            height: 150px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #00283b;
            transition: .3s;
            cursor: pointer
        }

        .home-casestudy .case-logo.active-logo,
        .page-home .home-casestudy .case-logo.active-logo {
            background-color: #013a55
        }

        .home-casestudy .case-logo img,
        .page-home .home-casestudy .case-logo img {
            max-width: 100%
        }

        .quotation-casestudy {
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 10px
        }

        .quotation-casestudy .case-logos {
            background-color: #00283b
        }

        .quotation-casestudy .case-logos .owl-dots,
        .quotation-casestudy .case-logos .owl-nav {
            display: none
        }

        .quotation-casestudy .case-logos .owl-item {
            width: 178px !important;
            min-width: 178px !important;
            height: 110px
        }

        .quotation-casestudy .case-logos .owl-item .case-logo {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #00283b;
            transition: .3s;
            cursor: pointer;
            width: 100%;
            height: 100%
        }

        .quotation-casestudy .case-logos .owl-item .case-logo.active-logo {
            background-color: #013a55
        }

        .quotation-casestudy .case-logos .owl-item .case-logo img {
            max-width: 100%
        }

        .quotation-casestudy .case-logos .owl-item .case-logo .active {
            display: none
        }

        .quotation-casestudy .case-logos .owl-item .case-logo.active-logo .active {
            display: block
        }

        .quotation-casestudy .case-tabs {
            box-shadow: 0 11px 24px 0 #50626C26;
            display: flex;
            width: 100%;
            align-items: flex-start;
            position: relative;
            background-color: #00283b
        }

        .quotation-casestudy .case-tabs .case-tab {
            display: flex
        }

        .quotation-casestudy .case-tabs .case-tab .case-tabs-content {
            background-color: #fff;
            overflow: visible;
            width: 100%;
            display: none
        }

        .quotation-casestudy .case-tabs .active-tab .case-tabs-content {
            display: block
        }

        .single-industries .minifaq {
            margin-bottom: 0 !important;
            padding-bottom: 0;
            border: none;
            background: #00283b
        }

        .single-industries .minifaq__header .h2,
        .single-industries .minifaq__header h2,
        .single-industries .minifaq__header span {
            color: #fff;
            display: block;
            font-weight: 700;
            font-size: 36px;
            line-height: 40px;
            letter-spacing: .5px;
            text-transform: uppercase
        }

        .single-industries .minifaq__header p {
            color: #acbac2 !important;
            font-family: Lato, sans-serif;
            margin-top: 30px;
            font-size: 18px !important;
            line-height: 140% !important;
            font-weight: 400 !important
        }

        .single-industries .minifaq .faq-item a {
            text-decoration: underline;
            color: currentColor
        }

        .single-industries .minifaq .faq-item__title h3 {
            color: #fff;
            font-weight: 900;
            font-size: 24px;
            line-height: 32px
        }

        .single-industries .minifaq .faq-item__title .button-area:after {
            content: '';
            width: 40px;
            height: 40px;
            right: 0;
            background-repeat: no-repeat;
            background-size: contain;
            transition: .3s;
            transform: rotate(180deg);
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/faq-arrow.svg)
        }

        .single-industries .minifaq .faq-item__wrapper {
            color: #fff !important;
            font-size: 16px !important;
            line-height: 24px !important
        }

        .single-industries .minifaq .faq-item__wrapper b,
        .single-industries .minifaq .faq-item__wrapper div,
        .single-industries .minifaq .faq-item__wrapper p,
        .single-industries .minifaq .faq-item__wrapper span,
        .single-industries .minifaq .faq-item__wrapper strong {
            color: #fff !important
        }

        .single-industries .minifaq__inner {
            display: flex;
            gap: 28px;
            justify-content: space-between
        }

        .single-industries .minifaq__header {
            text-align: left !important;
            width: 485px;
            min-width: 485px;
            padding: 0 !important;
            max-width: 50%
        }

        .single-industries .minifaq .faq-item {
            margin-bottom: 0;
            padding: 24px 0
        }

        .single-industries .minifaq .faq-item:first-of-type {
            padding-top: 0
        }

        .single-industries .minifaq .faq-item:last-of-type {
            padding-bottom: 0
        }

        .single-industries .minifaq .faq-item:not(:last-of-type) {
            border-bottom: 1px solid #5a6f79
        }

        .single-industries .minifaq .faq-item__title {
            background-color: transparent !important;
            border-radius: 0 !important;
            padding-top: 8px;
            padding-left: 0;
            padding-bottom: 8px;
            border: none
        }

        .single-industries .minifaq .faq-item.open .button-area:after {
            content: '';
            transform: rotate(0)
        }

        .single-industries .minifaq .faq-item__wrapper a:not(.home-casestudy__btn),
        .single-industries .minifaq .faq-item__wrapper div,
        .single-industries .minifaq .faq-item__wrapper p {
            font-size: 16px !important;
            line-height: 24px !important;
            color: #fff !important
        }

        .single-industries .minifaq .faq-item__text {
            border: none !important;
            padding-top: 8px !important;
            padding-left: 0 !important;
            padding-bottom: 0 !important
        }

        .single-industries .minifaq .faq-item__text ol,
        .single-industries .minifaq .faq-item__text ul {
            padding-left: 0
        }

        .single-industries .minifaq .faq-item__text ol li,
        .single-industries .minifaq .faq-item__text ul li {
            font-size: 16px;
            line-height: 24px;
            color: #fff
        }

        .single-industries .minifaq .faq-item__text ul {
            margin-bottom: 20px;
            list-style: none
        }

        .single-industries .minifaq .faq-item__text ul li {
            position: relative;
            padding-left: 15px
        }

        .single-industries .minifaq .faq-item__text ul li:before {
            content: '';
            width: 5px;
            height: 5px;
            position: absolute;
            background-color: #fff;
            border-radius: 50%;
            left: 5px;
            top: 10px
        }

        .single-industries .minifaq .faq-item__text ol {
            padding-left: 15px
        }

        .single-industries .minifaq .faq-item__text .tick-list {
            list-style: none;
            padding: 0;
            margin: 0;
            margin-bottom: 30px
        }

        .single-industries .minifaq .faq-item__text .tick-list li {
            padding-left: 40px;
            position: relative;
            font-weight: 400;
            font-size: 16px;
            line-height: 130%;
            color: #00283b;
            margin-top: 33px;
            padding-bottom: 0
        }

        .single-industries .minifaq .faq-item__text .tick-list li:before {
            content: '';
            position: absolute;
            left: 0;
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/benefits.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-color: transparent;
            top: 0;
            width: 20px;
            height: 20px
        }

        .single-industries .minifaq .services__btn {
            margin-top: 30px;
            padding: 20px 30px;
            background-color: #fff;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            outline: 0;
            cursor: pointer;
            gap: 10px;
            border: 1px solid #00283b;
            border-radius: 38px;
            font-size: 18px;
            line-height: 130%;
            color: #00283b;
            text-transform: uppercase;
            display: block;
            position: relative;
            overflow: hidden;
            z-index: 11;
            text-decoration: none
        }

        .single-industries .minifaq .services__btn.center {
            margin-left: auto;
            margin-right: auto
        }

        .single-industries .minifaq .services__btn .fa {
            font-size: 20px;
            margin-left: 8px
        }

        .single-industries .minifaq .services__btn:after {
            content: '';
            position: absolute;
            top: -236px;
            left: -20px;
            z-index: -1;
            width: 0;
            height: 500px;
            background-color: #00283b;
            transition: width 1s;
            transform: translateY(0) rotate(-29deg)
        }

        .single-industries .minifaq .services__btn:hover {
            color: #fff;
            border-color: #fff
        }

        .single-industries .minifaq .services__btn:hover:after {
            left: 28px;
            top: -135px;
            width: 520px
        }

        .other-section-class .minifaq.container {
            display: flex;
            gap: 28px;
            justify-content: space-between
        }

        .other-section-class .minifaq.tabs-dropdown {
            margin-top: 50px
        }

        .other-section-class .minifaq.tabs-dropdown .faq .faq-item .faq-item__title h3 {
            font-size: 20px;
            color: #00283b
        }

        .other-section-class .minifaq.tabs-dropdown .faq .faq-item .faq-item__title .button-area:after {
            width: 16px;
            height: 16px;
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/faq_arrow_industries.svg)
        }

        .other-section-class .minifaq.tabs-dropdown .faq .faq-item__text {
            color: #5a6f79 !important
        }

        .other-section-class .minifaq.tabs-dropdown .faq .faq-item__text p {
            color: #5a6f79 !important
        }

        .other-section-class .minifaq.tabs-dropdown .faq .faq-item__text a:not(.home-casestudy__btn),
        .other-section-class .minifaq.tabs-dropdown .faq .faq-item__text li {
            color: #00283b !important
        }

        .other-section-class .minifaq.tabs-dropdown .faq .faq-item__text li {
            padding-left: 20px
        }

        .other-section-class .minifaq.tabs-dropdown .faq .faq-item__text ul {
            margin-top: 20px
        }

        .caseStudyRelated__thumbnail {
            position: relative;
            display: block;
            margin-bottom: 20px;
            text-align: center
        }

        .caseStudyRelated__thumbnail .video,
        .caseStudyRelated__thumbnail .video-preload,
        .caseStudyRelated__thumbnail img.wp-post-image,
        .caseStudyRelated__thumbnail picture.wp-post-image img {
            height: auto;
            max-width: 100%;
            margin: 0 auto;
            -o-object-fit: contain;
            object-fit: contain
        }

        .single-industries .other-section-class .container .services-section__item-wrapper,
        .single-industries .services-section__item-wrapper,
        body .other-section-class .container .services-section__item-wrapper,
        body .services-section__item-wrapper {
            display: block;
            width: 289px;
            height: 286px;
            padding: 15px;
            text-decoration: none
        }

        .single-industries .other-section-class .container .services-section__item p,
        .single-industries .services-section__item p,
        body .other-section-class .container .services-section__item p,
        body .services-section__item p {
            font-size: 16px;
            line-height: 24px;
            color: #5a6f79
        }

        .single-industries .other-section-class .container .services-section__item.description,
        .single-industries .services-section__item.description,
        body .other-section-class .container .services-section__item.description,
        body .services-section__item.description {
            padding: 48px 40px 40px
        }

        .single-industries .other-section-class .container .services-section__item.description p,
        .single-industries .services-section__item.description p,
        body .other-section-class .container .services-section__item.description p,
        body .services-section__item.description p {
            position: relative;
            font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-size: 24px;
            line-height: 32px
        }

        .single-industries .other-section-class .container .services-section__item.description p:before,
        .single-industries .services-section__item.description p:before,
        body .other-section-class .container .services-section__item.description p:before,
        body .services-section__item.description p:before {
            content: "";
            position: absolute;
            left: -40px;
            top: 0;
            height: 100%;
            border-left: 2px solid #5ac8ff
        }

        .single-industries .other-section-class .container .services-section__wrapper,
        .single-industries .services-section__wrapper,
        body .other-section-class .container .services-section__wrapper,
        body .services-section__wrapper {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin: 0;
            gap: 32px
        }

        .single-industries .other-section-class .container .services-section__item,
        .single-industries .services-section__item,
        body .other-section-class .container .services-section__item,
        body .services-section__item {
            background: #00283b;
            border-radius: 8px;
            width: 306px
        }

        .single-industries .other-section-class .container .services-section__item img,
        .single-industries .services-section__item img,
        body .other-section-class .container .services-section__item img,
        body .services-section__item img {
            margin-bottom: 50px;
            width: 54px;
            height: 54px
        }

        .single-industries .other-section-class .container .services-section__item-wrapper,
        .single-industries .services-section__item-wrapper,
        body .other-section-class .container .services-section__item-wrapper,
        body .services-section__item-wrapper {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            text-align: left;
            padding: 24px;
            outline: 0 !important
        }

        .single-industries .other-section-class .container .services-section__item h3,
        .single-industries .services-section__item h3,
        body .other-section-class .container .services-section__item h3,
        body .services-section__item h3 {
            font-weight: 900;
            font-size: 24px;
            line-height: 130%;
            text-transform: uppercase;
            color: #f9fbfb;
            margin-bottom: 30px
        }

        .single-industries .other-section-class .container .services-section__item a,
        .single-industries .other-section-class .container .services-section__item p,
        .single-industries .services-section__item a,
        .single-industries .services-section__item p,
        body .other-section-class .container .services-section__item a,
        body .other-section-class .container .services-section__item p,
        body .services-section__item a,
        body .services-section__item p {
            font-size: 18px;
            line-height: 130%;
            letter-spacing: .750785px;
            color: #fff;
            text-decoration: none
        }

        .single-industries .other-section-class .container .services-section__item a.small-p,
        .single-industries .other-section-class .container .services-section__item p.small-p,
        .single-industries .services-section__item a.small-p,
        .single-industries .services-section__item p.small-p,
        body .other-section-class .container .services-section__item a.small-p,
        body .other-section-class .container .services-section__item p.small-p,
        body .services-section__item a.small-p,
        body .services-section__item p.small-p {
            font-size: 16px !important;
            text-transform: none;
            color: #f9fbfb
        }

        .single-industries .other-section-class .container .services-section__item a.gray-p,
        .single-industries .other-section-class .container .services-section__item p.gray-p,
        .single-industries .services-section__item a.gray-p,
        .single-industries .services-section__item p.gray-p,
        body .other-section-class .container .services-section__item a.gray-p,
        body .other-section-class .container .services-section__item p.gray-p,
        body .services-section__item a.gray-p,
        body .services-section__item p.gray-p {
            color: #acbac2
        }

        .single-industries .other-section-class .container .services-section__item .link,
        .single-industries .services-section__item .link,
        body .other-section-class .container .services-section__item .link,
        body .services-section__item .link {
            text-decoration: underline;
            -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor;
            transition: .5s
        }

        .single-industries .other-section-class .container .services-section__item .link:hover,
        .single-industries .services-section__item .link:hover,
        body .other-section-class .container .services-section__item .link:hover,
        body .services-section__item .link:hover {
            -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent
        }

        .single-industries .other-section-class .container .services-section__item a,
        .single-industries .services-section__item a,
        body .other-section-class .container .services-section__item a,
        body .services-section__item a {
            outline: 0;
            text-decoration: none
        }

        .single-industries .other-section-class .container .services-section__container,
        .single-industries .services-section__container,
        body .other-section-class .container .services-section__container,
        body .services-section__container {
            margin: 0 auto;
            max-width: none;
            margin-top: 50px
        }

        .single-industries .other-section-class .container .services-section__container.dark .services-section__item,
        .single-industries .services-section__container.dark .services-section__item,
        body .other-section-class .container .services-section__container.dark .services-section__item,
        body .services-section__container.dark .services-section__item {
            padding: 0 !important
        }

        .single-industries .other-section-class .container .services-section__container.dark .services-section__item-wrapper,
        .single-industries .services-section__container.dark .services-section__item-wrapper,
        body .other-section-class .container .services-section__container.dark .services-section__item-wrapper,
        body .services-section__container.dark .services-section__item-wrapper {
            border: 1px solid #5a6f79;
            border-radius: 8px
        }

        .single-industries .other-section-class .container .services-section__wrapper.columns-3 .services-section__item,
        .single-industries .services-section__wrapper.columns-3 .services-section__item,
        body .other-section-class .container .services-section__wrapper.columns-3 .services-section__item,
        body .services-section__wrapper.columns-3 .services-section__item {
            width: calc((100% - 64px)/ 3)
        }

        .single-industries .other-section-class .container .services-section__wrapper.numbers,
        .single-industries .services-section__wrapper.numbers,
        body .other-section-class .container .services-section__wrapper.numbers,
        body .services-section__wrapper.numbers {
            counter-reset: list;
            padding: 0;
            list-style: none
        }

        .single-industries .other-section-class .container .services-section__wrapper.numbers .services-section__item-wrapper,
        .single-industries .services-section__wrapper.numbers .services-section__item-wrapper,
        body .other-section-class .container .services-section__wrapper.numbers .services-section__item-wrapper,
        body .services-section__wrapper.numbers .services-section__item-wrapper {
            padding-top: 133px !important;
            position: relative;
            padding-left: 24px;
            padding-right: 24px;
            padding-bottom: 50px
        }

        .single-industries .other-section-class .container .services-section__wrapper.numbers .services-section__item-wrapper:before,
        .single-industries .services-section__wrapper.numbers .services-section__item-wrapper:before,
        body .other-section-class .container .services-section__wrapper.numbers .services-section__item-wrapper:before,
        body .services-section__wrapper.numbers .services-section__item-wrapper:before {
            counter-increment: list;
            content: counter(list) ". ";
            font-weight: 700;
            font-size: 64px;
            line-height: 100%;
            color: #fff;
            position: absolute;
            top: 24px;
            left: 24px
        }

        .single-industries .other-section-class .container .services-section__wrapper.numbers .services-section__item-wrapper p,
        .single-industries .services-section__wrapper.numbers .services-section__item-wrapper p,
        body .other-section-class .container .services-section__wrapper.numbers .services-section__item-wrapper p,
        body .services-section__wrapper.numbers .services-section__item-wrapper p {
            text-transform: none
        }

        .single-industries .other-section-class .container .services-section__wrapper.big-bottom .services-section__item-wrapper,
        .single-industries .services-section__wrapper.big-bottom .services-section__item-wrapper,
        body .other-section-class .container .services-section__wrapper.big-bottom .services-section__item-wrapper,
        body .services-section__wrapper.big-bottom .services-section__item-wrapper {
            padding-bottom: 50px
        }

        .single-industries .other-section-class .container .services-section__wrapper.animated .services-section__item,
        .single-industries .services-section__wrapper.animated .services-section__item,
        body .other-section-class .container .services-section__wrapper.animated .services-section__item,
        body .services-section__wrapper.animated .services-section__item {
            background: #00283b;
            border-radius: 8px
        }

        .single-industries .other-section-class .container .services-section__wrapper.animated .services-section__item-wrapper a.title,
        .single-industries .services-section__wrapper.animated .services-section__item-wrapper a.title,
        body .other-section-class .container .services-section__wrapper.animated .services-section__item-wrapper a.title,
        body .services-section__wrapper.animated .services-section__item-wrapper a.title {
            text-decoration: underline;
            -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor;
            transition: .5s
        }

        .single-industries .other-section-class .container .services-section__wrapper.animated .services-section__item-wrapper a.title:hover,
        .single-industries .services-section__wrapper.animated .services-section__item-wrapper a.title:hover,
        body .other-section-class .container .services-section__wrapper.animated .services-section__item-wrapper a.title:hover,
        body .services-section__wrapper.animated .services-section__item-wrapper a.title:hover {
            -webkit-text-decoration-color: transparent;
            text-decoration-color: transparent
        }

        .single-industries .other-section-class .container .services-section__wrapper.services-section-slider-2,
        .single-industries .services-section__wrapper.services-section-slider-2,
        body .other-section-class .container .services-section__wrapper.services-section-slider-2,
        body .services-section__wrapper.services-section-slider-2 {
            position: relative
        }

        .single-industries .other-section-class .container .services-section__wrapper.services-section-slider-2 .owl-dots,
        .single-industries .services-section__wrapper.services-section-slider-2 .owl-dots,
        body .other-section-class .container .services-section__wrapper.services-section-slider-2 .owl-dots,
        body .services-section__wrapper.services-section-slider-2 .owl-dots {
            display: none
        }

        .single-industries .other-section-class .container .services-section__wrapper.services-section-slider-2 .owl-nav,
        .single-industries .services-section__wrapper.services-section-slider-2 .owl-nav,
        body .other-section-class .container .services-section__wrapper.services-section-slider-2 .owl-nav,
        body .services-section__wrapper.services-section-slider-2 .owl-nav {
            top: 10px
        }

        .single-industries .other-section-class .container .services-section__wrapper.services-section-slider-2 .owl-stage,
        .single-industries .services-section__wrapper.services-section-slider-2 .owl-stage,
        body .other-section-class .container .services-section__wrapper.services-section-slider-2 .owl-stage,
        body .services-section__wrapper.services-section-slider-2 .owl-stage {
            padding-top: 90px;
            display: flex
        }

        .single-industries .other-section-class .container .services-section__wrapper.services-section-slider-2 .owl-stage .owl-item .services-section__item,
        .single-industries .services-section__wrapper.services-section-slider-2 .owl-stage .owl-item .services-section__item,
        body .other-section-class .container .services-section__wrapper.services-section-slider-2 .owl-stage .owl-item .services-section__item,
        body .services-section__wrapper.services-section-slider-2 .owl-stage .owl-item .services-section__item {
            width: 100% !important
        }

        .single-industries .other-section-class .container .services-section__item img,
        .single-industries .services-section__item img,
        body .other-section-class .container .services-section__item img,
        body .services-section__item img {
            margin-bottom: 54px;
            margin-left: 0 !important
        }

        .single-industries .other-section-class .container .services-section__item ul li,
        .single-industries .services-section__item ul li,
        body .other-section-class .container .services-section__item ul li,
        body .services-section__item ul li {
            color: #fff
        }

        .single-industries .other-section-class .container .services-section__item .tick-list,
        .single-industries .services-section__item .tick-list,
        body .other-section-class .container .services-section__item .tick-list,
        body .services-section__item .tick-list {
            padding: 0;
            list-style: none
        }

        .single-industries .other-section-class .container .services-section__item .tick-list li,
        .single-industries .services-section__item .tick-list li,
        body .other-section-class .container .services-section__item .tick-list li,
        body .services-section__item .tick-list li {
            position: relative;
            padding-left: 36px !important
        }

        .single-industries .other-section-class .container .services-section__item .tick-list li:before,
        .single-industries .services-section__item .tick-list li:before,
        body .other-section-class .container .services-section__item .tick-list li:before,
        body .services-section__item .tick-list li:before {
            content: '';
            position: absolute;
            left: 0;
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/benefits.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-color: transparent;
            top: 0;
            width: 20px;
            height: 20px
        }

        .single-industries .wrapper-block.single-case .tabs,
        .tabs {
            display: flex;
            gap: 34px;
            margin-bottom: 60px;
            border-bottom: 1px solid #d9e1e5
        }

        .single-industries .wrapper-block.single-case .tabs .tab,
        .tabs .tab {
            font-family: Lato, sans-serif;
            font-weight: 700 !important;
            font-size: 36px !important;
            line-height: 48px !important;
            color: #5a6f79;
            cursor: pointer;
            position: relative;
            padding-bottom: 15px
        }

        .single-industries .wrapper-block.single-case .tabs .tab:after,
        .tabs .tab:after {
            content: '';
            background-color: #00283b;
            width: 100%;
            height: 4px;
            position: absolute;
            bottom: -2px;
            left: 0;
            display: none;
            border-radius: 10px
        }

        .single-industries .wrapper-block.single-case .tabs .tab.active-tab,
        .tabs .tab.active-tab {
            color: #00283b
        }

        .single-industries .wrapper-block.single-case .tabs .tab.active-tab:after,
        .tabs .tab.active-tab:after {
            display: block
        }

        .tabs-content__item:not(:first-of-type) {
            display: none
        }

        .tabs-content .services-tab-slider {
            position: relative
        }

        .tabs-content .services-tab-slider .owl-dots,
        .tabs-content .services-tab-slider .owl-nav {
            display: none
        }

        .tabs-content .services-tab-slider .owl-stage {
            padding-left: 0 !important
        }

        .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item,
        .tabs-content .services-tab-slider .owl-stage .owl-item>a {
            position: relative;
            text-decoration: none;
            overflow: hidden;
            width: 100%;
            height: 100%
        }

        .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item img,
        .tabs-content .services-tab-slider .owl-stage .owl-item>a img {
            width: 100%;
            height: 200px;
            border-radius: 10px;
            margin-bottom: 8px;
            max-width: none;
            position: relative;
            -o-object-fit: cover;
            object-fit: cover
        }

        .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item img:after,
        .tabs-content .services-tab-slider .owl-stage .owl-item>a img:after {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 10px;
            background: linear-gradient(180deg, rgba(0, 40, 59, 0) 0, rgba(0, 40, 59, .78) 95%, #00283b 100%)
        }

        .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item .info,
        .tabs-content .services-tab-slider .owl-stage .owl-item>a .info {
            transition: .3s cubic-bezier(.4, 0, .2, 1);
            display: flex;
            flex-direction: column
        }

        .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item .info ul,
        .tabs-content .services-tab-slider .owl-stage .owl-item>a .info ul {
            padding-left: 24px
        }

        .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item .info .title,
        .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item .info p,
        .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item .info ul li,
        .tabs-content .services-tab-slider .owl-stage .owl-item>a .info .title,
        .tabs-content .services-tab-slider .owl-stage .owl-item>a .info p,
        .tabs-content .services-tab-slider .owl-stage .owl-item>a .info ul li {
            font-weight: 400;
            font-size: 16px;
            line-height: 21px;
            color: #fff;
            margin-bottom: 4px;
            padding-bottom: 0
        }

        .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item .info .title,
        .tabs-content .services-tab-slider .owl-stage .owl-item>a .info .title {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            text-transform: capitalize;
            margin-bottom: 24px;
            display: flex;
            align-items: flex-end;
            display: block;
            color: #fff;
            text-decoration: underline
        }

        .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item .info .title:hover,
        .tabs-content .services-tab-slider .owl-stage .owl-item>a .info .title:hover {
            text-decoration: none
        }

        .tabs-content.redesigned .tabs-content__item .services-tab-slider .owl-stage .owl-item:first-of-type {
            display: none
        }

        .video-reviews-slider {
            position: relative;
            margin-top: 60px
        }

        .video-reviews-slider .owl-dots {
            display: none
        }

        .video-reviews-slider .owl-nav {
            right: 0
        }

        .video-reviews-slider .item {
            border-radius: 8px
        }

        .single-industries .wrapper-block.single-case .small-tabs-section,
        .small-tabs-section {
            margin-top: 40px;
            display: flex;
            gap: 60px;
            justify-content: space-between
        }

        .single-industries .wrapper-block.single-case .small-tabs-section__tabs,
        .small-tabs-section__tabs {
            counter-reset: section;
            width: calc(50% - 60px);
            border-left: 1px solid #acb9c1
        }

        .single-industries .wrapper-block.single-case .small-tabs-section__tabs_item,
        .small-tabs-section__tabs_item {
            cursor: pointer;
            position: relative;
            margin-bottom: 26px;
            padding-left: 68px;
            font-size: 24px;
            font-weight: 900;
            line-height: 32px;
            color: #acbac2 !important;
            transition: .3s
        }

        .single-industries .wrapper-block.single-case .small-tabs-section__tabs_item:last-of-type,
        .small-tabs-section__tabs_item:last-of-type {
            margin-bottom: 0
        }

        .single-industries .wrapper-block.single-case .small-tabs-section__tabs_item::before,
        .small-tabs-section__tabs_item::before {
            counter-increment: section;
            content: counter(section, decimal-leading-zero);
            color: currentColor;
            font-size: 30px;
            font-weight: 900;
            line-height: 39px;
            letter-spacing: .7507851123809814px;
            position: absolute;
            left: 16px;
            top: 50%;
            transform: translateY(-50%);
            transition: .3s;
            color: #acbac2
        }

        .single-industries .wrapper-block.single-case .small-tabs-section__tabs_item.active,
        .small-tabs-section__tabs_item.active {
            color: #fff !important
        }

        .single-industries .wrapper-block.single-case .small-tabs-section__tabs_item.active::before,
        .small-tabs-section__tabs_item.active::before {
            color: #fff
        }

        .single-industries .wrapper-block.single-case .small-tabs-section__tabs_item.active:after,
        .small-tabs-section__tabs_item.active:after {
            content: '';
            width: 3px;
            height: 32px;
            background-color: #fff;
            position: absolute;
            left: -1px;
            top: 50%;
            transform: translateY(-50%);
            border-radius: 8px
        }

        .single-industries .wrapper-block.single-case .small-tabs-section__content,
        .small-tabs-section__content {
            width: 50%
        }

        .single-industries .wrapper-block.single-case .small-tabs-section__content_item,
        .small-tabs-section__content_item {
            display: none;
            font-size: 20px;
            font-weight: 400;
            line-height: 26px
        }

        .single-industries .wrapper-block.single-case .small-tabs-section__content_item.active,
        .small-tabs-section__content_item.active {
            display: block
        }

        .accordion-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            padding: 40px 80px
        }

        .recruiter-slider__container {
            margin: 0 -15px;
            max-width: 100%
        }

        .partners-header-slider {
            margin-top: 177px
        }

        .partners-header-slider.mt-small {
            margin-top: 60px
        }

        .partners-header-slider .owl-stage {
            display: flex
        }

        .partners-header-slider .owl-dots {
            display: none
        }

        .partners-header-slider .partners-header-slider__item {
            width: 160px
        }

        .partners-header-slider .partners-header-slider__item img {
            height: auto
        }

        .page-home .partners-header-slider .owl-stage {
            justify-content: space-between;
            width: 100% !important;
            flex-wrap: wrap
        }

        .wrapper-block .top-section-class .container .banner-numbers {
            margin-top: 100px;
            display: flex;
            gap: 30px
        }

        .wrapper-block .top-section-class .container .banner-numbers__item {
            border: 1px solid #fff;
            border-radius: 8px;
            padding: 10px 20px 20px;
            width: calc((100% - 90px)/ 4)
        }

        .wrapper-block .top-section-class .container .banner-numbers__item_number {
            font-size: 54px;
            font-weight: 900;
            line-height: 70.2px;
            letter-spacing: .7507851123809814px;
            color: #fff;
            margin-bottom: 20px
        }

        .wrapper-block .top-section-class .container .banner-numbers__item_text {
            font-size: 24px;
            font-weight: 400;
            line-height: 31.2px;
            letter-spacing: .7507851123809814px;
            text-align: left;
            color: #fff
        }

        .animated-cards,
        .other-section-class .animated-cards {
            padding-bottom: 70px
        }

        .animated-cards .animated-card,
        .other-section-class .animated-cards .animated-card {
            position: relative;
            border: 1px solid #00283b;
            padding: 40px 30px;
            border-radius: 8px;
            min-height: 230px;
            background-color: #fff;
            transition: .3s
        }

        .animated-cards .animated-card:not(:first-child),
        .other-section-class .animated-cards .animated-card:not(:first-child) {
            margin-top: -70px
        }

        .animated-cards .animated-card:nth-of-type(2),
        .other-section-class .animated-cards .animated-card:nth-of-type(2) {
            z-index: 1
        }

        .animated-cards .animated-card:nth-of-type(3),
        .other-section-class .animated-cards .animated-card:nth-of-type(3) {
            z-index: 2
        }

        .animated-cards .animated-card:nth-of-type(4),
        .other-section-class .animated-cards .animated-card:nth-of-type(4) {
            z-index: 3
        }

        .animated-cards .animated-card:nth-of-type(5),
        .other-section-class .animated-cards .animated-card:nth-of-type(5) {
            z-index: 4
        }

        .animated-cards .animated-card.active~.animated-card,
        .animated-cards .animated-card:hover~.animated-card,
        .other-section-class .animated-cards .animated-card.active~.animated-card,
        .other-section-class .animated-cards .animated-card:hover~.animated-card {
            transform: translateY(70px)
        }

        .animated-cards .animated-card.active .animated-card__title,
        .animated-cards .animated-card:hover .animated-card__title,
        .other-section-class .animated-cards .animated-card.active .animated-card__title,
        .other-section-class .animated-cards .animated-card:hover .animated-card__title {
            color: #fff
        }

        .animated-cards .animated-card.active .animated-card__text,
        .animated-cards .animated-card:hover .animated-card__text,
        .other-section-class .animated-cards .animated-card.active .animated-card__text,
        .other-section-class .animated-cards .animated-card:hover .animated-card__text {
            visibility: visible;
            opacity: 1
        }

        .animated-cards .animated-card:not(.active):hover,
        .other-section-class .animated-cards .animated-card:not(.active):hover {
            background-color: #00283b
        }

        .animated-cards .animated-card.active,
        .other-section-class .animated-cards .animated-card.active {
            background-color: #1a5c8d
        }

        .animated-cards .animated-card .animated-card__title,
        .other-section-class .animated-cards .animated-card .animated-card__title {
            font-size: 20px;
            font-weight: 900;
            line-height: 26px;
            letter-spacing: .7507851123809814px;
            color: #00283b;
            margin-bottom: 24px;
            transition: .3s
        }

        .animated-cards .animated-card .animated-card__text,
        .other-section-class .animated-cards .animated-card .animated-card__text {
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            color: #d9e1e5;
            opacity: 0;
            visibility: hidden;
            transition: .3s
        }

        .animated-cards.with-active,
        .other-section-class .animated-cards.with-active {
            padding-bottom: 140px
        }

        .animated-cards.with-active .animated-card:not(.active):hover~.animated-card,
        .other-section-class .animated-cards.with-active .animated-card:not(.active):hover~.animated-card {
            transform: translateY(140px)
        }

        .animated-cards__mobile-description,
        .other-section-class .animated-cards__mobile-description {
            font-weight: 400;
            font-size: 18px;
            line-height: 130%;
            letter-spacing: 0;
            color: #00283b;
            margin-bottom: 20px
        }

        .animated-cards-slider .owl-nav,
        .other-section-class .animated-cards-slider .owl-nav {
            display: none
        }

        .animated-cards-slider .owl-item:nth-of-type(2),
        .other-section-class .animated-cards-slider .owl-item:nth-of-type(2) {
            z-index: 1
        }

        .animated-cards-slider .owl-item:nth-of-type(3),
        .other-section-class .animated-cards-slider .owl-item:nth-of-type(3) {
            z-index: 2
        }

        .animated-cards-slider .owl-item:nth-of-type(4),
        .other-section-class .animated-cards-slider .owl-item:nth-of-type(4) {
            z-index: 3
        }

        .animated-cards-slider .owl-item:nth-of-type(5),
        .other-section-class .animated-cards-slider .owl-item:nth-of-type(5) {
            z-index: 4
        }

        .footer-links-section {
            padding-top: 80px;
            padding-bottom: 80px
        }

        .footer-links-section__content {
            display: none
        }

        .footer-links-section__content.active {
            display: block
        }

        .footer-links-section__content ul {
            padding-left: 25px
        }

        .footer-links-section__content ul li:not(:last-of-type) {
            margin-bottom: 10px
        }

        .footer-links-section__content ul li a {
            font-weight: 700;
            font-size: 20px;
            line-height: 130%;
            letter-spacing: 0;
            text-transform: capitalize;
            text-decoration: underline;
            color: #1a5c8d
        }

        .page-home div,
        .page-home h1,
        .page-home h2,
        .page-home h3,
        .page-home p {
            font-family: Lato, sans-serif
        }

        .page-home .other-section-class.gray {
            background-color: #f9fbfb
        }

        .page-home .other-section-class h2 {
            text-align: left;
            font-size: 36px;
            margin-bottom: 60px
        }

        .page-home .other-section-class .service-home-slider {
            position: relative;
            height: 360px
        }

        .page-home .other-section-class .service-home-slider .owl-stage-outer {
            margin-left: -158px;
            margin-right: -158px;
            padding-left: 158px
        }

        .page-home .other-section-class .service-home-slider .owl-dots {
            display: none
        }

        .page-home .other-section-class .service-home-slider .owl-item {
            height: 360px
        }

        .page-home .other-section-class .service-home-slider .owl-item>a {
            width: 100%;
            height: 100%;
            position: relative;
            text-decoration: none;
            overflow: hidden;
            border-radius: 10px
        }

        .page-home .other-section-class .service-home-slider .owl-item>a img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
            margin: 0;
            max-width: none
        }

        .page-home .other-section-class .service-home-slider .owl-item>a .info {
            padding: 24px 32px;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transform: translateY(calc(100% - 104px));
            transition: .3s cubic-bezier(.4, 0, .2, 1)
        }

        .page-home .other-section-class .service-home-slider .owl-item>a .info .title,
        .page-home .other-section-class .service-home-slider .owl-item>a .info p {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            color: #fff;
            margin-bottom: 16px
        }

        .page-home .other-section-class .service-home-slider .owl-item>a .info .title {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            text-transform: uppercase;
            min-height: 64px;
            display: block;
            color: #fff;
            text-decoration: underline
        }

        .page-home .other-section-class .service-home-slider .owl-item>a .info .title:hover {
            text-decoration: none
        }

        .page-home .other-section-class .service-home-slider .owl-item>a:hover .info {
            transform: translateY(0);
            background: linear-gradient(358.24deg, rgba(2, 16, 23, .9) 1.14%, rgba(2, 16, 23, .9) 53.45%, rgba(2, 20, 28, .27) 98.17%)
        }

        .page-home .top-section-class h1 {
            line-height: 62.4px
        }

        .page-home .top-section-class .subtitle {
            width: 100%;
            max-width: 708px
        }

        .page-home .top-section-class .services__btn {
            margin-top: 80px;
            min-width: 310px
        }

        .page-home .services__btn {
            margin-top: 30px;
            padding: 20px 30px;
            background-color: #fff;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            text-decoration: none;
            outline: 0;
            cursor: pointer;
            gap: 10px;
            border: 1px solid #00283b;
            border-radius: 38px;
            font-size: 18px;
            line-height: 130%;
            color: #00283b;
            text-transform: uppercase;
            display: block;
            position: relative;
            overflow: hidden;
            z-index: 11;
            text-align: center
        }

        .page-home .services__btn.center {
            margin-left: auto;
            margin-right: auto
        }

        .page-home .services__btn .fa {
            font-size: 20px;
            margin-left: 8px
        }

        .page-home .services__btn:after {
            content: '';
            position: absolute;
            top: -236px;
            left: -20px;
            z-index: -1;
            width: 0;
            height: 500px;
            background-color: #00283b;
            transition: width 1s;
            transform: translateY(0) rotate(-29deg)
        }

        .page-home .services__btn:hover {
            color: #fff;
            border-color: #fff
        }

        .page-home .services__btn:hover:after {
            left: 28px;
            top: -135px;
            width: 520px
        }

        .page-home .home-trusted {
            overflow: hidden
        }

        body.faq {
            margin-bottom: 0
        }

        .faq {
            margin-top: 16px;
            margin-bottom: 35px
        }

        .faq * {
            color: #5a6f79
        }

        .faq-item:not(:last-child) {
            margin-bottom: 28px
        }

        .faq-item.open .faq-item__title {
            max-height: 10000px;
            background: #fff;
            border-radius: 8px 8px 0 0
        }

        .faq-item.open .faq-item__title .button-area:after {
            content: "\f068"
        }

        .faq-item.open .faq-item__text {
            max-height: 10000px;
            border-top: 1px solid #d9e1e5;
            padding: 28px 30px;
            border-left: 1px solid #d9e1e5;
            border-right: 1px solid #d9e1e5;
            border-top: none;
            border-bottom: 1px solid #d9e1e5;
            border-radius: 0 0 8px 8px
        }

        .faq-item__title {
            position: relative;
            display: flex;
            align-items: center;
            padding: 14px 52px 14px 30px;
            background: #f9fbfb;
            border: 1px solid #d9e1e5;
            border-radius: 8px
        }

        .faq-item__title:hover {
            cursor: pointer
        }

        .faq-item__title,
        .faq-item__title .h3,
        .faq-item__title h3 {
            font-family: Lato, sans-serif;
            font-weight: 700;
            font-size: 20px;
            line-height: 28px
        }

        .faq-item__title .button-area:after {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 16px;
            margin: auto;
            display: block;
            width: 16px;
            height: 24px;
            font-family: SiteImages, serif;
            font-style: normal;
            content: "\f067";
            font-size: 20px;
            line-height: 24px;
            font-weight: 700;
            color: #4a515e
        }

        .faq-item__text {
            border: none;
            max-height: 0;
            padding: 0;
            overflow: hidden
        }

        .faq-item__text,
        .faq-item__text p {
            font-size: 18px;
            line-height: 28px
        }

        .faq-item__text p:not(:last-child) {
            margin-bottom: 12px
        }

        .minifaq {
            margin-bottom: 80px
        }

        .minifaq__header {
            padding-bottom: 28px;
            text-transform: none
        }

        .minifaq .faq {
            margin: 0
        }

        .centered-section .minifaq__header {
            text-transform: uppercase;
            text-align: center;
            padding-bottom: 64px
        }

        .clutch-widget iframe {
            max-width: 915px;
            margin: 0 auto
        }

        .fixed-form-content.hide {
            background: 0 0;
            width: 212px;
            height: 36px
        }

        .fixed-form-content {
            position: fixed;
            width: 340px;
            height: 700px;
            bottom: 10px;
            right: 24px;
            background: #fff;
            box-shadow: 0 0 20px 0 #ffffff57;
            overflow: hidden;
            transition: .6s ease-in-out;
            text-transform: none !important;
            z-index: 10000;
            border-radius: 8px
        }

        .fixed-form-content .captcha-image .cf7ic_instructions span {
            color: #b30000
        }

        .fixed-form-content.sent {
            height: 224px
        }

        #fixed-form-content .form-control {
            font-size: 12px
        }

        #fixed-form-content .form__label {
            height: 0;
            text-align: left
        }

        #fixed-form-content .contact-field-group {
            margin: 0
        }

        #fixed-form-content .form-group__contact-email {
            margin-bottom: 20px
        }

        #fixed-form-content .contact-field-group label {
            font-size: 16px;
            font-weight: 700;
            color: #5c7682
        }

        #fixed-form-content form,
        .fixed-form-content .fixed-form-header {
            padding: 0 20px
        }

        .fixed-form-header {
            cursor: pointer
        }

        #fixed-form-content .fixed-form-header,
        #fixed-form-content .fixed-form-header i,
        #fixed-form-content .fixed-form-header p {
            color: #fff
        }

        .fixed-form-header i {
            font-size: 20px;
            line-height: 25px;
            cursor: pointer
        }

        #fixed-form-content p,
        .fixed-form-header p {
            display: inline-block;
            font-size: 16px;
            margin: 0;
            padding-left: 8px
        }

        .fixed-form-content .fixed-form-header {
            background: #005c8f;
            font-weight: 700;
            padding: 6px 22px;
            transition: .6s ease-in-out
        }

        .fixed-form-content.hide .fixed-form-header {
            padding: 4px 22px
        }

        #fixed-form-content p {
            color: #5a6f79;
            line-height: 1.5;
            text-align: center
        }

        #fixed-form-content .site-button {
            width: 100%
        }

        #fixed-form-content .vac-upload-and-sub {
            margin-bottom: 20px
        }

        #fixed-form-content .site-button:after {
            height: 600%;
            top: -111px;
            left: -60px
        }

        #fixed-form-content .user-message {
            height: 100px
        }

        #fixed-form-content .form-group__contact-email,
        #fixed-form-content .form-group__contact-name {
            min-height: 70px
        }

        #fixed-form-content .wpcf7-not-valid-tip {
            font-size: 12px
        }

        .fixed-form-content .response-output.sent {
            background-color: #fff;
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/message-ok.png);
            background-repeat: no-repeat;
            background-position: top center;
            padding: 80px 0 0;
            margin: 32px 0;
            text-align: center;
            color: #5a6f79;
            font-size: 16px;
            line-height: 1
        }

        .fixed-form-content.sent .response-output {
            background-color: #fff;
            background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/message-ok.png);
            background-repeat: no-repeat;
            background-position: top center;
            padding: 80px 0 0;
            margin: 32px 0;
            text-align: center;
            color: #5a6f79;
            font-size: 16px
        }

        .fixed-form-content.sent .wpcf7-response-output {
            display: none !important
        }

        #fixed-form-content .response-output:before {
            content: ""
        }

        #fixed-form-content a.site-button {
            margin: 10px 0
        }

        #fixed-form-content .site-button {
            position: relative;
            padding: 0;
            margin: 0;
            cursor: pointer;
            margin: 10px 0
        }

        #askAQuestion .modal-header,
        #getAQuote .modal-header,
        #hireATeam .modal-header,
        #requestAConsultation .modal-header,
        #requestForProposal .modal-header,
        #subscribe .modal-header {
            width: 100%;
            align-items: flex-start;
            justify-content: flex-start;
            border-bottom: none;
            padding: 0;
            margin: 0
        }

        #askAQuestion .modal-header .modal-title,
        #getAQuote .modal-header .modal-title,
        #hireATeam .modal-header .modal-title,
        #requestAConsultation .modal-header .modal-title,
        #requestForProposal .modal-header .modal-title,
        #subscribe .modal-header .modal-title {
            display: block;
            color: #00283b;
            font-size: 36px;
            font-weight: 900;
            line-height: 48px;
            text-transform: uppercase
        }

        #askAQuestion .modal-header .modal-subtitle,
        #getAQuote .modal-header .modal-subtitle,
        #hireATeam .modal-header .modal-subtitle,
        #requestAConsultation .modal-header .modal-subtitle,
        #requestForProposal .modal-header .modal-subtitle,
        #subscribe .modal-header .modal-subtitle {
            display: block;
            color: #5a6f79;
            font-size: 20px;
            font-weight: 400;
            line-height: 130%;
            margin-top: 20px
        }

        #askAQuestion .modal-body,
        #getAQuote .modal-body,
        #hireATeam .modal-body,
        #requestAConsultation .modal-body,
        #requestForProposal .modal-body,
        #subscribe .modal-body {
            display: block;
            width: 100%;
            padding: 0
        }

        #askAQuestion .modal-body .user-message,
        #getAQuote .modal-body .user-message,
        #hireATeam .modal-body .user-message,
        #requestAConsultation .modal-body .user-message,
        #requestForProposal .modal-body .user-message,
        #subscribe .modal-body .user-message {
            margin: 0;
            padding-top: 30px
        }

        #askAQuestion .modal-body .vac-upload-and-sub,
        #getAQuote .modal-body .vac-upload-and-sub,
        #hireATeam .modal-body .vac-upload-and-sub,
        #requestAConsultation .modal-body .vac-upload-and-sub,
        #requestForProposal .modal-body .vac-upload-and-sub,
        #subscribe .modal-body .vac-upload-and-sub {
            margin: 54px 0 0
        }

        #askAQuestion .modal-content,
        #getAQuote .modal-content,
        #hireATeam .modal-content,
        #requestAConsultation .modal-content,
        #requestForProposal .modal-content,
        #subscribe .modal-content {
            display: flex;
            flex-direction: row;
            justify-content: center;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            max-width: 1320px;
            height: auto;
            background: 0 0;
            border: none;
            overflow: hidden;
            position: relative
        }

        #askAQuestion .modal-content .form__label,
        #getAQuote .modal-content .form__label,
        #hireATeam .modal-content .form__label,
        #requestAConsultation .modal-content .form__label,
        #requestForProposal .modal-content .form__label,
        #subscribe .modal-content .form__label {
            padding: 0;
            height: auto;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            top: -1px
        }

        #askAQuestion .modal-content .form__label-focus,
        #getAQuote .modal-content .form__label-focus,
        #hireATeam .modal-content .form__label-focus,
        #requestAConsultation .modal-content .form__label-focus,
        #requestForProposal .modal-content .form__label-focus,
        #subscribe .modal-content .form__label-focus {
            top: -3px;
            left: 0
        }

        #askAQuestion .close,
        #getAQuote .close,
        #hireATeam .close,
        #requestAConsultation .close,
        #requestForProposal .close,
        #subscribe .close {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px;
            position: absolute;
            top: 60px;
            right: 60px;
            z-index: 4;
            cursor: pointer;
            transition: all .3s;
            outline: 0 !important
        }

        #askAQuestion .close:hover,
        #getAQuote .close:hover,
        #hireATeam .close:hover,
        #requestAConsultation .close:hover,
        #requestForProposal .close:hover,
        #subscribe .close:hover {
            transform: rotate(180deg)
        }

        #askAQuestion .modal-content__main,
        #getAQuote .modal-content__main,
        #hireATeam .modal-content__main,
        #requestAConsultation .modal-content__main,
        #requestForProposal .modal-content__main,
        #subscribe .modal-content__main {
            display: flex;
            width: 660px;
            background: #fff;
            padding: 110px 60px 140px;
            flex-direction: column;
            align-items: flex-start;
            gap: 40px;
            flex: 1 0 0;
            -ms-grid-row-align: stretch;
            align-self: stretch
        }

        #askAQuestion .form-group__row:not(:last-of-type),
        #getAQuote .form-group__row:not(:last-of-type),
        #hireATeam .form-group__row:not(:last-of-type),
        #requestAConsultation .form-group__row:not(:last-of-type),
        #requestForProposal .form-group__row:not(:last-of-type),
        #subscribe .form-group__row:not(:last-of-type) {
            margin-bottom: 16px
        }

        #askAQuestion .form-group__contact-email,
        #askAQuestion .form-group__contact-name,
        #askAQuestion .form-group__textarea,
        #getAQuote .form-group__contact-email,
        #getAQuote .form-group__contact-name,
        #getAQuote .form-group__textarea,
        #hireATeam .form-group__contact-email,
        #hireATeam .form-group__contact-name,
        #hireATeam .form-group__textarea,
        #requestAConsultation .form-group__contact-email,
        #requestAConsultation .form-group__contact-name,
        #requestAConsultation .form-group__textarea,
        #requestForProposal .form-group__contact-email,
        #requestForProposal .form-group__contact-name,
        #requestForProposal .form-group__textarea,
        #subscribe .form-group__contact-email,
        #subscribe .form-group__contact-name,
        #subscribe .form-group__textarea {
            height: auto;
            margin: 0
        }

        #askAQuestion .form-group__contact-email input,
        #askAQuestion .form-group__contact-email textarea.form-control,
        #askAQuestion .form-group__contact-name input,
        #askAQuestion .form-group__contact-name textarea.form-control,
        #askAQuestion .form-group__textarea input,
        #askAQuestion .form-group__textarea textarea.form-control,
        #getAQuote .form-group__contact-email input,
        #getAQuote .form-group__contact-email textarea.form-control,
        #getAQuote .form-group__contact-name input,
        #getAQuote .form-group__contact-name textarea.form-control,
        #getAQuote .form-group__textarea input,
        #getAQuote .form-group__textarea textarea.form-control,
        #hireATeam .form-group__contact-email input,
        #hireATeam .form-group__contact-email textarea.form-control,
        #hireATeam .form-group__contact-name input,
        #hireATeam .form-group__contact-name textarea.form-control,
        #hireATeam .form-group__textarea input,
        #hireATeam .form-group__textarea textarea.form-control,
        #requestAConsultation .form-group__contact-email input,
        #requestAConsultation .form-group__contact-email textarea.form-control,
        #requestAConsultation .form-group__contact-name input,
        #requestAConsultation .form-group__contact-name textarea.form-control,
        #requestAConsultation .form-group__textarea input,
        #requestAConsultation .form-group__textarea textarea.form-control,
        #requestForProposal .form-group__contact-email input,
        #requestForProposal .form-group__contact-email textarea.form-control,
        #requestForProposal .form-group__contact-name input,
        #requestForProposal .form-group__contact-name textarea.form-control,
        #requestForProposal .form-group__textarea input,
        #requestForProposal .form-group__textarea textarea.form-control,
        #subscribe .form-group__contact-email input,
        #subscribe .form-group__contact-email textarea.form-control,
        #subscribe .form-group__contact-name input,
        #subscribe .form-group__contact-name textarea.form-control,
        #subscribe .form-group__textarea input,
        #subscribe .form-group__textarea textarea.form-control {
            padding: 0 0 8px;
            height: 32px
        }

        #askAQuestion .file_upload,
        #getAQuote .file_upload,
        #hireATeam .file_upload,
        #requestAConsultation .file_upload,
        #requestForProposal .file_upload,
        #subscribe .file_upload {
            display: flex;
            align-items: center;
            padding: 0
        }

        #askAQuestion .file_upload button,
        #getAQuote .file_upload button,
        #hireATeam .file_upload button,
        #requestAConsultation .file_upload button,
        #requestForProposal .file_upload button,
        #subscribe .file_upload button {
            width: 22px;
            margin-right: 8px
        }

        #askAQuestion .file-div,
        #getAQuote .file-div,
        #hireATeam .file-div,
        #requestAConsultation .file-div,
        #requestForProposal .file-div,
        #subscribe .file-div {
            color: #00283b;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            padding-top: 0;
            margin-top: -5px
        }

        #askAQuestion .file-div .filetypes,
        #getAQuote .file-div .filetypes,
        #hireATeam .file-div .filetypes,
        #requestAConsultation .file-div .filetypes,
        #requestForProposal .file-div .filetypes,
        #subscribe .file-div .filetypes {
            color: #acbac2;
            padding-left: 8px
        }

        #askAQuestion .site-button,
        #getAQuote .site-button,
        #hireATeam .site-button,
        #requestAConsultation .site-button,
        #requestForProposal .site-button,
        #subscribe .site-button {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 216px;
            height: 63px;
            background: #003047;
            border: 1px solid #003047;
            border-radius: 38px;
            box-shadow: none;
            padding: 20px 40px;
            margin-top: 0;
            color: #fff
        }

        #askAQuestion .site-button:hover,
        #getAQuote .site-button:hover,
        #hireATeam .site-button:hover,
        #requestAConsultation .site-button:hover,
        #requestForProposal .site-button:hover,
        #subscribe .site-button:hover {
            color: #003047
        }

        #askAQuestion .site-button:hover input,
        #getAQuote .site-button:hover input,
        #hireATeam .site-button:hover input,
        #requestAConsultation .site-button:hover input,
        #requestForProposal .site-button:hover input,
        #subscribe .site-button:hover input {
            color: #003047
        }

        #askAQuestion .site-button:after,
        #getAQuote .site-button:after,
        #hireATeam .site-button:after,
        #requestAConsultation .site-button:after,
        #requestForProposal .site-button:after,
        #subscribe .site-button:after {
            background: #fff
        }

        #askAQuestion .site-button input,
        #getAQuote .site-button input,
        #hireATeam .site-button input,
        #requestAConsultation .site-button input,
        #requestForProposal .site-button input,
        #subscribe .site-button input {
            font-family: Lato, sans-serif;
            color: #fff;
            border: none;
            background: 0 0;
            width: 100%;
            height: 100%;
            font-size: 18px;
            font-weight: 400;
            line-height: 130%;
            padding: 0;
            margin: 0
        }

        #askAQuestion .form-agreement,
        #getAQuote .form-agreement,
        #hireATeam .form-agreement,
        #requestAConsultation .form-agreement,
        #requestForProposal .form-agreement,
        #subscribe .form-agreement {
            color: #5a6f79;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            margin-top: 20px
        }

        #askAQuestion .form-agreement a,
        #getAQuote .form-agreement a,
        #hireATeam .form-agreement a,
        #requestAConsultation .form-agreement a,
        #requestForProposal .form-agreement a,
        #subscribe .form-agreement a {
            color: #5a6f79;
            text-decoration: underline;
            text-underline-offset: 3px
        }

        #askAQuestion .form-agreement a:hover,
        #getAQuote .form-agreement a:hover,
        #hireATeam .form-agreement a:hover,
        #requestAConsultation .form-agreement a:hover,
        #requestForProposal .form-agreement a:hover,
        #subscribe .form-agreement a:hover {
            text-decoration: none
        }

        #askAQuestion .modal-content__info,
        #getAQuote .modal-content__info,
        #hireATeam .modal-content__info,
        #requestAConsultation .modal-content__info,
        #requestForProposal .modal-content__info,
        #subscribe .modal-content__info {
            display: flex;
            width: 100%;
            max-width: 660px;
            background: #003047;
            padding: 110px 60px 80px;
            flex-direction: column;
            align-items: flex-start;
            gap: 60px;
            flex: 1 0 0;
            -ms-grid-row-align: stretch;
            align-self: stretch
        }

        #askAQuestion .modal-content__info ul li,
        #getAQuote .modal-content__info ul li,
        #hireATeam .modal-content__info ul li,
        #requestAConsultation .modal-content__info ul li,
        #requestForProposal .modal-content__info ul li,
        #subscribe .modal-content__info ul li {
            list-style: none
        }

        #askAQuestion .modal-content__list,
        #getAQuote .modal-content__list,
        #hireATeam .modal-content__list,
        #requestAConsultation .modal-content__list,
        #requestForProposal .modal-content__list,
        #subscribe .modal-content__list {
            padding-right: 30px
        }

        #askAQuestion .modal-content__list li,
        #getAQuote .modal-content__list li,
        #hireATeam .modal-content__list li,
        #requestAConsultation .modal-content__list li,
        #requestForProposal .modal-content__list li,
        #subscribe .modal-content__list li {
            color: #d9e1e5;
            font-size: 18px;
            font-weight: 400;
            line-height: 130%;
            padding: 4px 0 4px 34px;
            position: relative
        }

        #askAQuestion .modal-content__list li:before,
        #getAQuote .modal-content__list li:before,
        #hireATeam .modal-content__list li:before,
        #requestAConsultation .modal-content__list li:before,
        #requestForProposal .modal-content__list li:before,
        #subscribe .modal-content__list li:before {
            content: '';
            display: block;
            width: 24px;
            height: 24px;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDAuMzc1QzUuNTc4MTIgMC4zNzUgMC4zNzUgNS42MjUgMC4zNzUgMTJDMC4zNzUgMTguNDIxOSA1LjU3ODEyIDIzLjYyNSAxMiAyMy42MjVDMTguMzc1IDIzLjYyNSAyMy42MjUgMTguNDIxOSAyMy42MjUgMTJDMjMuNjI1IDUuNjI1IDE4LjM3NSAwLjM3NSAxMiAwLjM3NVpNMTIgMi42MjVDMTcuMTU2MiAyLjYyNSAyMS4zNzUgNi44NDM3NSAyMS4zNzUgMTJDMjEuMzc1IDE3LjIwMzEgMTcuMTU2MiAyMS4zNzUgMTIgMjEuMzc1QzYuNzk2ODggMjEuMzc1IDIuNjI1IDE3LjIwMzEgMi42MjUgMTJDMi42MjUgNi44NDM3NSA2Ljc5Njg4IDIuNjI1IDEyIDIuNjI1Wk0xOC41NjI1IDguNzY1NjJMMTcuNDg0NCA3LjY4NzVDMTcuMjk2OSA3LjQ1MzEyIDE2LjkyMTkgNy40NTMxMiAxNi42ODc1IDcuNjg3NUwxMC4wNzgxIDE0LjI1TDcuMjY1NjIgMTEuNDM3NUM3LjAzMTI1IDExLjIwMzEgNi43MDMxMiAxMS4yMDMxIDYuNDY4NzUgMTEuNDM3NUw1LjM5MDYyIDEyLjQ2ODhDNS4yMDMxMiAxMi43MDMxIDUuMjAzMTIgMTMuMDc4MSA1LjM5MDYyIDEzLjI2NTZMOS42NTYyNSAxNy41NzgxQzkuODkwNjIgMTcuODEyNSAxMC4yMTg4IDE3LjgxMjUgMTAuNDUzMSAxNy41NzgxTDE4LjU2MjUgOS41NjI1QzE4Ljc1IDkuMzI4MTIgMTguNzUgOC45NTMxMiAxOC41NjI1IDguNzY1NjJaIiBmaWxsPSIjRDlFMUU1Ii8+Cjwvc3ZnPgo=);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100%;
            position: absolute;
            left: 0;
            top: 4px
        }

        #askAQuestion .modal-content__list li:not(:last-child),
        #getAQuote .modal-content__list li:not(:last-child),
        #hireATeam .modal-content__list li:not(:last-child),
        #requestAConsultation .modal-content__list li:not(:last-child),
        #requestForProposal .modal-content__list li:not(:last-child),
        #subscribe .modal-content__list li:not(:last-child) {
            margin-bottom: 10px
        }

        #askAQuestion .modal-content__locations-title,
        #getAQuote .modal-content__locations-title,
        #hireATeam .modal-content__locations-title,
        #requestAConsultation .modal-content__locations-title,
        #requestForProposal .modal-content__locations-title,
        #subscribe .modal-content__locations-title {
            color: #fff;
            font-size: 20px;
            font-weight: 700;
            line-height: 130%;
            text-transform: capitalize;
            margin-bottom: 40px
        }

        #askAQuestion .footer__locations-title,
        #getAQuote .footer__locations-title,
        #hireATeam .footer__locations-title,
        #requestAConsultation .footer__locations-title,
        #requestForProposal .footer__locations-title,
        #subscribe .footer__locations-title {
            display: none !important
        }

        #askAQuestion .footer__locations-items,
        #getAQuote .footer__locations-items,
        #hireATeam .footer__locations-items,
        #requestAConsultation .footer__locations-items,
        #requestForProposal .footer__locations-items,
        #subscribe .footer__locations-items {
            padding: 0;
            gap: 30px
        }

        #askAQuestion .footer__locations-item,
        #getAQuote .footer__locations-item,
        #hireATeam .footer__locations-item,
        #requestAConsultation .footer__locations-item,
        #requestForProposal .footer__locations-item,
        #subscribe .footer__locations-item {
            width: calc(100% / 3 - 20px)
        }

        #askAQuestion .footer__locations-name,
        #getAQuote .footer__locations-name,
        #hireATeam .footer__locations-name,
        #requestAConsultation .footer__locations-name,
        #requestForProposal .footer__locations-name,
        #subscribe .footer__locations-name {
            margin-bottom: 4px
        }

        #askAQuestion .footer__locations-name img,
        #getAQuote .footer__locations-name img,
        #hireATeam .footer__locations-name img,
        #requestAConsultation .footer__locations-name img,
        #requestForProposal .footer__locations-name img,
        #subscribe .footer__locations-name img {
            width: 24px;
            height: 24px
        }

        #askAQuestion .footer__locations-name span,
        #getAQuote .footer__locations-name span,
        #hireATeam .footer__locations-name span,
        #requestAConsultation .footer__locations-name span,
        #requestForProposal .footer__locations-name span,
        #subscribe .footer__locations-name span {
            color: #d9e1e5;
            font-size: 20px;
            font-weight: 700;
            line-height: 130%;
            text-transform: capitalize
        }

        #askAQuestion .footer__locations-item a,
        #askAQuestion .footer__locations-item p,
        #getAQuote .footer__locations-item a,
        #getAQuote .footer__locations-item p,
        #hireATeam .footer__locations-item a,
        #hireATeam .footer__locations-item p,
        #requestAConsultation .footer__locations-item a,
        #requestAConsultation .footer__locations-item p,
        #requestForProposal .footer__locations-item a,
        #requestForProposal .footer__locations-item p,
        #subscribe .footer__locations-item a,
        #subscribe .footer__locations-item p {
            color: #d9e1e5;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px
        }

        .new-blog-contact-form,
        .other-section-class form .new-blog-contact-form {
            margin: 0 auto
        }

        .new-blog-contact-form .mobile-title,
        .other-section-class form .new-blog-contact-form .mobile-title {
            font-weight: 900;
            font-size: 36px;
            line-height: 130%;
            letter-spacing: .75px;
            text-transform: uppercase;
            color: #173753;
            margin-bottom: 30px
        }

        .new-blog-contact-form .new-blog-contact-form__fields_title,
        .other-section-class form .new-blog-contact-form .new-blog-contact-form__fields_title {
            display: none
        }

        .new-blog-contact-form .file-div,
        .other-section-class form .new-blog-contact-form .file-div {
            color: #00283b;
            margin-left: 8px;
            padding: 0
        }

        .new-blog-contact-form .form-group__contact-email,
        .new-blog-contact-form .form-group__contact-name,
        .other-section-class form .new-blog-contact-form .form-group__contact-email,
        .other-section-class form .new-blog-contact-form .form-group__contact-name {
            height: 40px;
            margin: 0 0 8px
        }

        .new-blog-contact-form .form-group__contact-email label,
        .new-blog-contact-form .form-group__contact-name label,
        .other-section-class form .new-blog-contact-form .form-group__contact-email label,
        .other-section-class form .new-blog-contact-form .form-group__contact-name label {
            color: #5a6f79
        }

        .new-blog-contact-form .form-group__contact-email input,
        .new-blog-contact-form .form-group__contact-name input,
        .other-section-class form .new-blog-contact-form .form-group__contact-email input,
        .other-section-class form .new-blog-contact-form .form-group__contact-name input {
            border-bottom: 1px solid #d1d8dc;
            padding-top: 26px
        }

        .new-blog-contact-form .form-group__contact-bottom,
        .other-section-class form .new-blog-contact-form .form-group__contact-bottom {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-top: 20px
        }

        .new-blog-contact-form .form-group__contact-bottom .services__btn,
        .other-section-class form .new-blog-contact-form .form-group__contact-bottom .services__btn {
            padding: 13px 20px;
            margin-top: 0;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            color: #00283b;
            text-align: center;
            font-size: 18px;
            font-weight: 700;
            line-height: 28px;
            text-transform: uppercase;
            transition: color .3s;
            min-width: 311px
        }

        .new-blog-contact-form .form-group__contact-bottom .services__btn:active,
        .new-blog-contact-form .form-group__contact-bottom .services__btn:hover,
        .other-section-class form .new-blog-contact-form .form-group__contact-bottom .services__btn:active,
        .other-section-class form .new-blog-contact-form .form-group__contact-bottom .services__btn:hover {
            color: #fff
        }

        .new-blog-contact-form .form-group__contact-bottom .file_upload,
        .other-section-class form .new-blog-contact-form .form-group__contact-bottom .file_upload {
            text-align: right;
            padding: 0;
            min-width: 110px;
            font-size: 16px;
            line-height: 24px;
            font-weight: 400;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .new-blog-contact-form .form-group__contact-bottom .file_upload button,
        .other-section-class form .new-blog-contact-form .form-group__contact-bottom .file_upload button {
            outline: 0 !important;
            width: 24px;
            height: 24px
        }

        .new-blog-contact-form .form-group__contact-bottom .file-div,
        .other-section-class form .new-blog-contact-form .form-group__contact-bottom .file-div {
            color: #00283b;
            font-size: 16px !important;
            font-weight: 400 !important;
            line-height: 24px !important
        }

        .new-blog-contact-form .recaptcha-anr-wrap,
        .other-section-class form .new-blog-contact-form .recaptcha-anr-wrap {
            padding: 0;
            margin: 40px 0 0
        }

        .new-blog-contact-form .captcha-image,
        .other-section-class form .new-blog-contact-form .captcha-image {
            border: none
        }

        .new-blog-contact-form .new-blog-contact-form__people,
        .other-section-class form .new-blog-contact-form .new-blog-contact-form__people {
            margin-bottom: 60px
        }

        .new-blog-contact-form .new-blog-contact-form__person,
        .other-section-class form .new-blog-contact-form .new-blog-contact-form__person {
            display: flex;
            gap: 16px
        }

        .new-blog-contact-form .new-blog-contact-form__person:not(:last-child),
        .other-section-class form .new-blog-contact-form .new-blog-contact-form__person:not(:last-child) {
            margin-bottom: 45px
        }

        .new-blog-contact-form .new-blog-contact-form__image,
        .other-section-class form .new-blog-contact-form .new-blog-contact-form__image {
            width: 95px
        }

        .new-blog-contact-form .new-blog-contact-form__image img,
        .other-section-class form .new-blog-contact-form .new-blog-contact-form__image img {
            width: 100%;
            height: auto
        }

        .new-blog-contact-form .new-blog-contact-form__content,
        .other-section-class form .new-blog-contact-form .new-blog-contact-form__content {
            display: flex;
            flex-direction: column;
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content
        }

        .new-blog-contact-form .new-blog-contact-form__name,
        .other-section-class form .new-blog-contact-form .new-blog-contact-form__name {
            font-weight: 700;
            font-size: 20px;
            line-height: 130%;
            letter-spacing: 0;
            text-transform: capitalize;
            margin-bottom: 4px;
            color: #00283b
        }

        .new-blog-contact-form .new-blog-contact-form__role,
        .other-section-class form .new-blog-contact-form .new-blog-contact-form__role {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0;
            color: #00283b;
            margin-bottom: 10px
        }

        .new-blog-contact-form .new-blog-contact-form__social,
        .other-section-class form .new-blog-contact-form .new-blog-contact-form__social {
            margin-top: auto
        }

        .new-blog-contact-form .new-blog-contact-form__social a,
        .other-section-class form .new-blog-contact-form .new-blog-contact-form__social a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px;
            background: #1a5c8d;
            border-radius: 2px
        }

        .new-blog-contact-form .new-blog-contact-form__social i,
        .other-section-class form .new-blog-contact-form .new-blog-contact-form__social i {
            font-size: 14px;
            color: #fff
        }

        .new-blog-contact-form .wpcf7-form-control-wrap,
        .other-section-class form .new-blog-contact-form .wpcf7-form-control-wrap {
            display: block
        }

        .new-blog-contact-form .wpcf7-form-control-wrap .captcha-image,
        .other-section-class form .new-blog-contact-form .wpcf7-form-control-wrap .captcha-image {
            padding: 0;
            text-align: left
        }

        .new-blog-contact-form .wpcf7-form-control-wrap .captcha-image .cf7ic_instructions,
        .other-section-class form .new-blog-contact-form .wpcf7-form-control-wrap .captcha-image .cf7ic_instructions {
            font-weight: 300;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0;
            vertical-align: middle;
            color: #4a515e;
            margin-bottom: 20px
        }

        .new-blog-contact-form .wpcf7-form-control-wrap .captcha-image .cf7ic_instructions span,
        .other-section-class form .new-blog-contact-form .wpcf7-form-control-wrap .captcha-image .cf7ic_instructions span {
            color: #b30000
        }

        body #cookie-notice {
            background-color: #00283b !important
        }

        body #cookie-notice .cookie-notice-container {
            padding: 40px 24px;
            display: flex;
            gap: 24px;
            flex-direction: column
        }

        body #cookie-notice .cookie-notice-container .cn-text-container {
            margin-bottom: 0;
            font-size: 12px;
            font-weight: 400;
            line-height: 16px;
            text-align: center;
            color: #fff
        }

        body #cookie-notice .cookie-notice-container .cn-text-container a {
            color: #5ac8ff
        }

        body #cookie-notice .cookie-notice-container .cn-button {
            padding: 12px 40px;
            border-radius: 50px;
            background-color: #fff;
            border: 1px solid #5a6f79;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            color: #00283b
        }

        body #cookie-notice .cookie-notice-container .cn-close-icon {
            right: 15px;
            top: 15px;
            transform: translateY(0);
            opacity: 1;
            margin-top: 0
        }

        body #cookie-notice .cookie-notice-container .cn-close-icon:after,
        body #cookie-notice .cookie-notice-container .cn-close-icon:before {
            background-color: #fff;
            width: 3px
        }

        @media screen and (min-width:483px) {
            .home-banner-bottom {
                display: flex;
                justify-content: center
            }

            .home-banner-bottom .owl-stage {
                width: 100% !important;
                height: 100%;
                display: flex;
                justify-content: center
            }

            .home-banner-bottom .owl-item {
                width: 50% !important;
                height: auto;
                margin: 0 !important
            }
        }

        @media (min-width:576px) {
            .container {
                padding-right: 15px;
                padding-left: 15px;
                width: 540px;
                max-width: 100%
            }

            .row {
                margin-right: -15px;
                margin-left: -15px
            }

            .modal-dialog {
                max-width: 500px;
                margin: 30px auto
            }
        }

        @media screen and (min-width:576px) {
            #contact-us .row {
                max-width: 570px;
                margin: 0 auto
            }
        }

        @media (min-width:768px) {
            .container {
                padding-right: 15px;
                padding-left: 15px;
                width: 720px;
                max-width: 100%
            }

            .row {
                margin-right: -15px;
                margin-left: -15px
            }

            .mobile-slider-progressbar.video-reviews-progressbar {
                display: none
            }

            .casestudy-slider-small__item:hover,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__item:hover {
                background-color: #00283b
            }

            .casestudy-slider-small__item:hover h3,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__item:hover h3 {
                color: #fff
            }

            .casestudy-slider-small__item:hover .description,
            .casestudy-slider-small__item:hover .description p,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__item:hover .description,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__item:hover .description p {
                color: #acbac2
            }

            .casestudy-slider-small__item:hover .casestudy-slider-small__terms,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__item:hover .casestudy-slider-small__terms {
                display: block
            }

            .casestudy-slider-small__item:hover .casestudy-slider-small__right,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__item:hover .casestudy-slider-small__right {
                display: none
            }

            .casestudy-slider-small__item:hover .casestudy-slider-small__more,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__item:hover .casestudy-slider-small__more {
                color: #fff
            }
        }

        @media screen and (min-width:768px) {

            .h2,
            h2 {
                font-size: 32px;
                line-height: 40px;
                margin-bottom: 28px
            }

            .h3,
            h3 {
                line-height: 36px;
                font-size: 28px
            }

            .wrapper-block.single-case .h2 {
                font-size: 32px;
                line-height: 40px;
                margin-bottom: 64px
            }

            .other-section-class .h2,
            .other-section-class h2 {
                font-size: 32px;
                line-height: 40px;
                margin-bottom: 64px
            }

            .home-banner-bottom .owl-item {
                width: 25% !important;
                height: 100%
            }

            body #cookie-notice .cookie-notice-container {
                padding: 16px 60px;
                gap: 32px;
                flex-direction: row;
                align-items: center
            }

            body #cookie-notice .cookie-notice-container .cn-text-container {
                text-align: left;
                font-size: 14px
            }

            body #cookie-notice .cookie-notice-container .cn-close-icon {
                right: 25px;
                top: 50%;
                transform: translateY(-50%)
            }
        }

        @media screen and (min-width:991px) {

            .single-industries .wrapper-block.single-case .three-posts.three-posts-new a,
            .three-posts.three-posts-new a,
            .wrapper-block.single-case .three-posts.three-posts-new a {
                padding: 87px 70px 87px 32px
            }
        }

        @media (min-width:1064px) {
            .container {
                padding-right: 15px;
                padding-left: 15px;
                width: 960px;
                max-width: 100%
            }

            .row {
                margin-right: -15px;
                margin-left: -15px
            }

            .mobile-slider-progressbar.reviews-progressbar {
                display: none
            }

            .single-industries .other-section-class .container .services-section__wrapper.animated .services-section__item,
            .single-industries .services-section__wrapper.animated .services-section__item,
            body .other-section-class .container .services-section__wrapper.animated .services-section__item,
            body .services-section__wrapper.animated .services-section__item {
                height: 270px;
                background: 0 0;
                border-radius: 0
            }

            .single-industries .other-section-class .container .services-section__wrapper.animated .services-section__item:hover .services-section__item-wrapper,
            .single-industries .services-section__wrapper.animated .services-section__item:hover .services-section__item-wrapper,
            body .other-section-class .container .services-section__wrapper.animated .services-section__item:hover .services-section__item-wrapper,
            body .services-section__wrapper.animated .services-section__item:hover .services-section__item-wrapper {
                transform: rotateY(180deg)
            }

            .single-industries .other-section-class .container .services-section__wrapper.animated .services-section__item-wrapper,
            .single-industries .services-section__wrapper.animated .services-section__item-wrapper,
            body .other-section-class .container .services-section__wrapper.animated .services-section__item-wrapper,
            body .services-section__wrapper.animated .services-section__item-wrapper {
                transform-style: preserve-3d;
                transition: .3s
            }
        }

        @media screen and (min-width:1064px) {
            .footer__locations .map-popup-content .map-popup-links {
                justify-content: space-between
            }

            .footer__locations .map-popup-content .map-popup-links a {
                width: 54px;
                height: 54px
            }

            .footer__locations .map-popup-title {
                margin-bottom: 36px
            }

            .top-section-class .subtitle ul {
                padding-left: 40px
            }

            .top-section-class .subtitle h2 {
                font-size: 48px;
                line-height: 62.4px;
                letter-spacing: 1px
            }

            .footer-links-section__content ul {
                display: flex;
                flex-wrap: wrap;
                gap: 10px 8%
            }

            .footer-links-section__content ul li:not(:last-of-type) {
                margin-bottom: 0
            }

            .footer-links-section__content ul li {
                width: 41%
            }

            .new-blog-contact-form,
            .other-section-class form .new-blog-contact-form {
                display: flex;
                gap: 6%
            }

            .new-blog-contact-form .mobile-title,
            .other-section-class form .new-blog-contact-form .mobile-title {
                display: none
            }

            .new-blog-contact-form .new-blog-contact-form__fields,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__fields {
                width: 50%;
                padding: 40px;
                background-color: #fff;
                box-shadow: 0 0 0 0 #0000000F, 0 3px 7px 0 #0000000F, 0 13px 13px 0 #0000000D, 0 29px 17px 0 #00000008, 0 51px 20px 0 #00000003, 0 80px 22px 0 #00000000, 0 -5px 20px 0 #0000000D, 0 -1px 4px 0 #0000000D;
                border-radius: 8px
            }

            .new-blog-contact-form .new-blog-contact-form__fields_title,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__fields_title {
                display: block;
                font-weight: 900;
                font-size: 36px;
                line-height: 48px;
                letter-spacing: 0;
                text-transform: uppercase;
                margin-bottom: 20px;
                color: #173753
            }

            .new-blog-contact-form .new-blog-contact-form__people,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__people {
                order: 2;
                margin-bottom: 0;
                width: 44%
            }

            .new-blog-contact-form .new-blog-contact-form__person,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__person {
                gap: 32px;
                align-items: center
            }

            .new-blog-contact-form .new-blog-contact-form__person:not(:last-child),
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__person:not(:last-child) {
                margin-bottom: 30px
            }

            .new-blog-contact-form .new-blog-contact-form__image,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__image {
                width: 147px
            }

            .new-blog-contact-form .new-blog-contact-form__name,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__name {
                font-size: 24px;
                line-height: 32px
            }

            .new-blog-contact-form .new-blog-contact-form__role,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__role {
                font-size: 20px;
                line-height: 130%
            }

            .new-blog-contact-form .new-blog-contact-form__social,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__social {
                margin-top: 16px
            }

            .new-blog-contact-form .new-blog-contact-form__social a,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__social a {
                width: 28px;
                height: 28px
            }

            .new-blog-contact-form .new-blog-contact-form__social i,
            .other-section-class form .new-blog-contact-form .new-blog-contact-form__social i {
                font-size: 20px
            }
        }

        @media (min-width:1266px) {

            .casestudy-slider-small__right img.image,
            .casestudy-slider-small__right picture.image img,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right img.image,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right picture.image img {
                -o-object-fit: cover;
                object-fit: cover
            }
        }

        @media screen and (min-width:1266px) {
            .caseStudyRelated__thumbnail {
                max-height: 230px
            }

            .caseStudyRelated__thumbnail .video-preload:first-child,
            .caseStudyRelated__thumbnail .video:first-child,
            .caseStudyRelated__thumbnail img.wp-post-image:first-child,
            .caseStudyRelated__thumbnail picture.wp-post-image img:first-child {
                max-height: 167px
            }
        }

        @media (min-width:1267px) {
            .container {
                padding-right: 15px;
                padding-left: 15px;
                width: 1155px;
                max-width: 100%
            }

            .row {
                margin-right: -15px;
                margin-left: -15px
            }

            .hidden-xl-up {
                display: none !important
            }

            .home-header .container,
            .menu-list .container {
                width: 1350px !important
            }

            .footer .container {
                width: 1350px !important
            }

            .mobile-slider-progressbar {
                display: none
            }

            .single-industries .wrapper-block.single-case .three-posts.three-posts-slider .owl-nav,
            .three-posts.three-posts-slider .owl-nav,
            .wrapper-block.single-case .three-posts.three-posts-slider .owl-nav {
                display: none
            }

            .single-industries .wrapper-block.single-case .three-posts.three-posts-slider .owl-stage,
            .three-posts.three-posts-slider .owl-stage,
            .wrapper-block.single-case .three-posts.three-posts-slider .owl-stage {
                display: flex !important;
                flex-wrap: wrap !important;
                width: 100% !important;
                gap: 32px;
                padding-top: 0
            }

            .single-industries .wrapper-block.single-case .three-posts.three-posts-slider .owl-stage .owl-item,
            .three-posts.three-posts-slider .owl-stage .owl-item,
            .wrapper-block.single-case .three-posts.three-posts-slider .owl-stage .owl-item {
                width: calc((100% - 64px)/ 3) !important
            }

            .single-industries .other-section-class .container .services-section__wrapper.services-section-slider-2 .owl-nav,
            .single-industries .services-section__wrapper.services-section-slider-2 .owl-nav,
            body .other-section-class .container .services-section__wrapper.services-section-slider-2 .owl-nav,
            body .services-section__wrapper.services-section-slider-2 .owl-nav {
                display: none
            }

            .single-industries .other-section-class .container .services-section__wrapper.services-section-slider-2 .owl-stage,
            .single-industries .services-section__wrapper.services-section-slider-2 .owl-stage,
            body .other-section-class .container .services-section__wrapper.services-section-slider-2 .owl-stage,
            body .services-section__wrapper.services-section-slider-2 .owl-stage {
                display: flex !important;
                flex-wrap: wrap !important;
                width: 100% !important;
                gap: 30px;
                padding-top: 0
            }

            .partners-header-slider .owl-stage {
                justify-content: space-between;
                width: 100% !important
            }

            .animated-cards,
            .other-section-class .animated-cards {
                padding-bottom: 0
            }

            .animated-cards .animated-card,
            .other-section-class .animated-cards .animated-card {
                min-height: 200px;
                height: 200px;
                max-width: 400px
            }

            .animated-cards .animated-card:not(:first-child),
            .other-section-class .animated-cards .animated-card:not(:first-child) {
                margin-top: -87px
            }

            .animated-cards .animated-card:nth-of-type(2),
            .other-section-class .animated-cards .animated-card:nth-of-type(2) {
                margin-left: 221px
            }

            .animated-cards .animated-card:nth-of-type(3),
            .other-section-class .animated-cards .animated-card:nth-of-type(3) {
                margin-left: 442px
            }

            .animated-cards .animated-card:nth-of-type(4),
            .other-section-class .animated-cards .animated-card:nth-of-type(4) {
                margin-left: 663px
            }

            .animated-cards .animated-card:nth-of-type(5),
            .other-section-class .animated-cards .animated-card:nth-of-type(5) {
                margin-left: 884px
            }

            .animated-cards .animated-card.active,
            .animated-cards .animated-card:hover,
            .other-section-class .animated-cards .animated-card.active,
            .other-section-class .animated-cards .animated-card:hover {
                min-height: 294px;
                height: auto
            }

            .animated-cards .animated-card.active~.animated-card,
            .animated-cards .animated-card:hover~.animated-card,
            .other-section-class .animated-cards .animated-card.active~.animated-card,
            .other-section-class .animated-cards .animated-card:hover~.animated-card {
                transform: translateY(50px)
            }

            .animated-cards .animated-card:not(.active):hover,
            .other-section-class .animated-cards .animated-card:not(.active):hover {
                padding-bottom: 96px;
                max-width: 470px
            }

            .animated-cards .animated-card:not(.active):hover:nth-of-type(5),
            .other-section-class .animated-cards .animated-card:not(.active):hover:nth-of-type(5) {
                margin-left: 814px
            }

            .animated-cards .animated-card .animated-card__title,
            .other-section-class .animated-cards .animated-card .animated-card__title {
                font-size: 24px;
                line-height: 32px
            }

            .animated-cards.with-active,
            .other-section-class .animated-cards.with-active {
                padding-bottom: 50px
            }

            .animated-cards.with-active .animated-card:not(.active):hover~.animated-card,
            .other-section-class .animated-cards.with-active .animated-card:not(.active):hover~.animated-card {
                transform: translateY(100px)
            }

            .animated-cards.cards-4 .animated-card,
            .other-section-class .animated-cards.cards-4 .animated-card {
                max-width: 440px
            }

            .animated-cards.cards-4 .animated-card:nth-of-type(2),
            .other-section-class .animated-cards.cards-4 .animated-card:nth-of-type(2) {
                margin-left: 232px
            }

            .animated-cards.cards-4 .animated-card:nth-of-type(3),
            .other-section-class .animated-cards.cards-4 .animated-card:nth-of-type(3) {
                margin-left: 537px
            }

            .animated-cards.cards-4 .animated-card:nth-of-type(4),
            .other-section-class .animated-cards.cards-4 .animated-card:nth-of-type(4) {
                margin-left: 879px
            }

            .animated-cards.cards-4 .animated-card:not(.active):hover:nth-of-type(4),
            .other-section-class .animated-cards.cards-4 .animated-card:not(.active):hover:nth-of-type(4) {
                margin-left: 849px
            }

            .animated-cards__mobile-description,
            .other-section-class .animated-cards__mobile-description {
                display: none
            }

            .animated-cards-slider .owl-stage,
            .other-section-class .animated-cards-slider .owl-stage {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                width: auto !important;
                transform: translate3d(0, 0, 0) !important
            }

            .animated-cards-slider .owl-item:not(:first-child),
            .other-section-class .animated-cards-slider .owl-item:not(:first-child) {
                margin-top: -87px
            }

            .animated-cards-slider .owl-item:nth-of-type(2),
            .other-section-class .animated-cards-slider .owl-item:nth-of-type(2) {
                margin-left: 221px
            }

            .animated-cards-slider .owl-item:nth-of-type(3),
            .other-section-class .animated-cards-slider .owl-item:nth-of-type(3) {
                margin-left: 442px
            }

            .animated-cards-slider .owl-item:nth-of-type(4),
            .other-section-class .animated-cards-slider .owl-item:nth-of-type(4) {
                margin-left: 663px
            }

            .animated-cards-slider .owl-item:nth-of-type(5),
            .other-section-class .animated-cards-slider .owl-item:nth-of-type(5) {
                margin-left: 884px
            }

            .animated-cards-slider .owl-item .animated-card,
            .other-section-class .animated-cards-slider .owl-item .animated-card {
                margin: 0
            }

            .animated-cards-slider.cards-4 .owl-item,
            .other-section-class .animated-cards-slider.cards-4 .owl-item {
                max-width: 440px
            }

            .animated-cards-slider.cards-4 .owl-item:nth-of-type(2),
            .other-section-class .animated-cards-slider.cards-4 .owl-item:nth-of-type(2) {
                margin-left: 232px
            }

            .animated-cards-slider.cards-4 .owl-item:nth-of-type(3),
            .other-section-class .animated-cards-slider.cards-4 .owl-item:nth-of-type(3) {
                margin-left: 537px
            }

            .animated-cards-slider.cards-4 .owl-item:nth-of-type(4),
            .other-section-class .animated-cards-slider.cards-4 .owl-item:nth-of-type(4) {
                margin-left: 879px
            }

            .animated-cards-slider.cards-4 .owl-item:not(.active):hover:nth-of-type(4),
            .other-section-class .animated-cards-slider.cards-4 .owl-item:not(.active):hover:nth-of-type(4) {
                margin-left: 849px
            }
        }

        @media screen and (min-width:1267px) {
            .nav-toggle {
                display: none
            }

            .show>.dropdown-menu li .scroll-top,
            .show>.dropdown-menu li a {
                color: #000;
                white-space: nowrap;
                text-transform: capitalize;
                transition: .5s ease-in-out
            }

            .show>.dropdown-menu li a:hover {
                color: #0097fd;
                background-color: transparent
            }

            .dropdown-menu li:hover .sub-menu {
                visibility: visible
            }

            .dropdown-menu .sub-menu {
                left: 100%;
                position: absolute;
                top: 0;
                visibility: hidden;
                margin-top: -1px
            }

            .navbar-home>.show>.dropdown-menu li .scroll-top,
            .navbar-home>.show>.dropdown-menu li a,
            .navbar-home>.show>.dropdown-menu li span {
                color: #000;
                white-space: nowrap;
                text-transform: capitalize;
                transition: .2s ease-in-out
            }

            .navbar-home>.show>.dropdown-menu li a[title=iOS] {
                text-transform: none
            }

            .navbar-home>.show>.dropdown-menu {
                border: none;
                background-color: #fff;
                margin: 0;
                border-radius: 0 0 8px 8px;
                box-shadow: 0 12px 20px rgba(1, 84, 123, .2)
            }

            .navbar-home>.show>.dropdown-menu li a:hover {
                color: #5ac8ff;
                background-color: transparent
            }

            .navbar-home>.dropdown-menu li:hover .sub-menu {
                visibility: visible
            }

            .navbar-home>.dropdown-menu .sub-menu {
                left: 100%;
                position: absolute;
                top: 0;
                visibility: hidden;
                margin-top: -1px
            }

            .services__btn {
                padding: 13px 40px
            }

            header .container {
                width: 1230px;
                max-width: 100%
            }

            .home-casestudy .case-tabs .case-tabs-content,
            .page-home .home-casestudy .case-tabs .case-tabs-content {
                display: none
            }

            .home-casestudy .case-tabs .owl-stage-outer,
            .page-home .home-casestudy .case-tabs .owl-stage-outer {
                overflow: visible
            }

            .home-casestudy .case-tabs .owl-stage,
            .page-home .home-casestudy .case-tabs .owl-stage {
                flex-direction: column;
                width: 100% !important;
                align-items: flex-start;
                position: relative;
                background-color: #00283b;
                transform: translate3d(0, 0, 0) !important
            }

            .home-casestudy .case-tabs .owl-stage .owl-item,
            .page-home .home-casestudy .case-tabs .owl-stage .owl-item {
                float: none
            }

            .home-casestudy .case-tabs .owl-stage .owl-item .case-tab .case-tabs-content,
            .page-home .home-casestudy .case-tabs .owl-stage .owl-item .case-tab .case-tabs-content {
                position: absolute;
                right: 0;
                top: 0;
                width: calc(100% - 169px);
                min-height: 100%;
                background-color: #fff;
                overflow: visible
            }

            .quotation-casestudy .case-logos .owl-stage {
                width: 100% !important;
                display: flex;
                transform: none !important
            }

            .quotation-casestudy .case-logos .owl-item {
                width: calc(100% / 6) !important;
                min-width: 0 !important
            }

            .quotation-casestudy .case-tabs .case-tab .case-tabs-content {
                padding: 32px
            }

            .single-industries .minifaq .services__btn {
                padding: 20px 40px
            }

            .tabs-content .services-tab-slider .owl-stage {
                display: flex !important;
                flex-wrap: wrap !important;
                justify-content: center !important;
                width: 100% !important;
                gap: 30px
            }

            .tabs-content .services-tab-slider .owl-stage .owl-item {
                width: calc((100% - 90px)/ 4) !important;
                height: 270px
            }

            .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item,
            .tabs-content .services-tab-slider .owl-stage .owl-item>a {
                border-radius: 10px
            }

            .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item img,
            .tabs-content .services-tab-slider .owl-stage .owl-item>a img {
                height: 100%;
                -o-object-position: top center;
                object-position: top center;
                border-radius: 0;
                margin: 0
            }

            .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item img:after,
            .tabs-content .services-tab-slider .owl-stage .owl-item>a img:after {
                display: none
            }

            .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item .info,
            .tabs-content .services-tab-slider .owl-stage .owl-item>a .info {
                padding: 16px 32px;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(180deg, rgba(0, 40, 59, 0) 0, rgba(0, 40, 59, .78) 95%, #00283b 100%)
            }

            .tabs-content .services-tab-slider.columns-3 .owl-item {
                width: calc((100% - 60px)/ 3) !important;
                height: 284px
            }

            .tabs-content.redesigned .tabs-content__item .services-tab-slider .owl-stage .owl-item:first-of-type {
                display: block;
                width: calc((100% - 30px)/ 2) !important
            }

            .tabs-content.redesigned .tabs-content__item .services-tab-slider .owl-stage .owl-item:first-of-type .title {
                margin-bottom: 20px;
                font-size: 30px;
                font-weight: 900;
                line-height: 39px;
                letter-spacing: .7507851123809814px;
                color: #00283b;
                text-transform: uppercase;
                max-width: 592px
            }

            .tabs-content.redesigned .tabs-content__item .services-tab-slider .owl-stage .owl-item:first-of-type .text {
                font-size: 18px;
                font-weight: 400;
                line-height: 23.4px;
                color: #00283b;
                max-width: 592px
            }

            .tabs-content.redesigned .tabs-content__item:first-of-type .services-tab-slider .owl-stage .owl-item:nth-child(2),
            .tabs-content.redesigned .tabs-content__item:first-of-type .services-tab-slider .owl-stage .owl-item:nth-child(3) {
                width: calc((100% - 30px)/ 2) !important
            }

            .tabs-content.redesigned .tabs-content__item:nth-of-type(2) .services-tab-slider .owl-stage .owl-item:nth-child(4),
            .tabs-content.redesigned .tabs-content__item:nth-of-type(2) .services-tab-slider .owl-stage .owl-item:nth-child(9) {
                width: calc((100% - 30px)/ 2) !important
            }

            .page-home .container {
                width: 1350px;
                max-width: 100%
            }

            .page-home .services__btn {
                padding: 20px 40px
            }
        }

        @media (max-width:1400px) {

            #askAQuestion .modal-content,
            #getAQuote .modal-content,
            #hireATeam .modal-content,
            #requestAConsultation .modal-content,
            #requestForProposal .modal-content,
            #subscribe .modal-content {
                max-width: 91.666%
            }
        }

        @media screen and (max-width:1267px) {
            .video-reviews-slider .owl-nav {
                top: -100px
            }
        }

        @media (max-width:1267px) {

            .casestudy-slider-small__right .video.macbook-video,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .video.macbook-video {
                max-width: 348px;
                max-height: 238px;
                min-height: 238px
            }

            .casestudy-slider-small__right .macbook-bg~.macbook-image img,
            .casestudy-slider-small__right .macbook-bg~img.macbook-image,
            .casestudy-slider-small__right .macbook-bg~picture .macbook-image,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg~.macbook-image img,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg~img.macbook-image,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg~picture .macbook-image {
                max-width: 344px;
                max-height: 235px;
                min-height: 235px
            }
        }

        @media (max-width:1266px) {
            .open>.dropdown-menu {
                display: block
            }

            .home-header .container,
            .menu-list .container {
                width: 100% !important;
                padding-left: 60px;
                padding-right: 60px
            }

            .header__submenus .sub-menu {
                width: 100%;
                background: #fff;
                height: calc(100vh - 72px);
                transform: translateY(0) translateX(-120%);
                transition: all .5s
            }

            .header__submenus .sub-menu .container {
                height: 100%
            }

            .header__submenus .sub-menu.open {
                transform: translateX(0)
            }

            .header__submenus .sub-menu__inner {
                flex-wrap: wrap;
                margin: 0 -60px
            }

            .header__submenus .sub-menu__head {
                display: flex;
                padding-left: 60px;
                padding-right: 60px
            }

            .sub-menu__company .sub-menu__content {
                order: 2;
                width: 50%;
                padding-left: 60px;
                padding-right: 60px
            }

            .sub-menu__company .sub-menu__menu-wrap {
                order: 1;
                max-width: 100%;
                padding: 40px 60px;
                border-right: 0;
                border-bottom: 1px solid #d9e1e5
            }

            .sub-menu__company .sub-menu__menu {
                justify-content: flex-start
            }

            .sub-menu__company .menu-item {
                width: calc(25% - 60px)
            }

            .sub-menu__company .sub-menu__quote {
                order: 3;
                width: 50%;
                padding-left: 60px;
                padding-right: 60px
            }

            .sub-menu__services .sub-menu__menu1 {
                width: 58%;
                padding: 40px 60px
            }

            .sub-menu__services .sub-menu__menu2 {
                border-right: none;
                width: 42%
            }

            .sub-menu__services .sub-menu__content {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 40px;
                width: 100%;
                padding: 40px 60px;
                border-top: 1px solid #d9e1e5
            }

            .sub-menu__services .sub_menu__content-text {
                margin-bottom: 0;
                width: calc(50% - 20px)
            }

            .sub-menu__services .sub-menu__logotypes {
                width: calc(50% - 20px)
            }

            .sub-menu__services .sub-menu__logo {
                padding: 12px
            }

            .sub-menu__services .sub-menu__logo img {
                max-width: 100px
            }

            .sub-menu__industries .sub-menu__items {
                width: 360px;
                padding: 40px 60px
            }

            .sub-menu__industries .sub-menu__content-items {
                width: calc(100% - 360px)
            }

            .sub-menu__industries .sub-menu__menu {
                width: 100%
            }

            .sub-menu__industries .sub-menu__post {
                display: none
            }

            .sub-menu__technologies .sub-menu__awards {
                order: 3;
                width: 100%;
                padding: 40px 60px;
                border-right: none
            }

            .sub-menu__technologies .sub-menu__awards-inner {
                flex-wrap: nowrap
            }

            .sub-menu__technologies .sub-menu__awards-item {
                width: 25%;
                padding: 15px 10px
            }

            .sub-menu__technologies .sub-menu__menu-wrap {
                order: 1;
                max-width: 100%;
                padding: 40px 60px;
                border-right: 0;
                border-bottom: 1px solid #d9e1e5
            }

            .sub-menu__technologies .sub-menu__menu {
                justify-content: flex-start
            }

            .sub-menu__technologies .menu-item {
                width: calc(25% - 60px)
            }

            .sub-menu__technologies .sub-menu__description-items {
                display: none
            }

            .sub-menu__technologies .sub-menu__description {
                order: 3;
                width: 50%;
                padding-left: 60px;
                padding-right: 60px
            }

            .footer .container {
                width: 100% !important;
                padding-left: 60px;
                padding-right: 60px
            }

            .footer__top {
                gap: 60px
            }

            .footer__text {
                padding-right: 0
            }

            .footer__widgets .footer__widget .clutch-widget[data-widget-type="1"] {
                display: block
            }

            .footer__widgets .footer__widget .clutch-widget[data-widget-type="2"] {
                display: none
            }

            .footer__widgets .footer__widget .protected img {
                max-width: 100%;
                height: auto
            }

            .footer__widgets {
                gap: 30px
            }

            .footer__widgets .footer__widget {
                width: calc(50% - 15px)
            }

            .footer__locations-wrap {
                padding-left: 0
            }

            .footer__locations-items {
                gap: 20px;
                padding-right: 0
            }

            .footer__locations-item {
                width: calc(50% - 10px)
            }

            .footer__accordions .accordion {
                font-size: 18px
            }

            .footer__accordions .accordion:after {
                top: 3px
            }

            .footer-socials .menu-social {
                gap: 7px
            }

            .other-section-class .grid-slider .owl-item {
                width: 33.3333%
            }

            .single-industries .other-section-class .container .services-section__wrapper.columns-3 .services-section__item,
            .single-industries .services-section__wrapper.columns-3 .services-section__item,
            body .other-section-class .container .services-section__wrapper.columns-3 .services-section__item,
            body .services-section__wrapper.columns-3 .services-section__item {
                width: 100%
            }

            .single-industries .other-section-class .container .services-section__wrapper.numbers .services-section__item-wrapper,
            .single-industries .services-section__wrapper.numbers .services-section__item-wrapper,
            body .other-section-class .container .services-section__wrapper.numbers .services-section__item-wrapper,
            body .services-section__wrapper.numbers .services-section__item-wrapper {
                padding: 84px 16px 36px !important
            }

            .single-industries .other-section-class .container .services-section__wrapper.numbers .services-section__item-wrapper:before,
            .single-industries .services-section__wrapper.numbers .services-section__item-wrapper:before,
            body .other-section-class .container .services-section__wrapper.numbers .services-section__item-wrapper:before,
            body .services-section__wrapper.numbers .services-section__item-wrapper:before {
                font-size: 48px;
                top: 16px;
                left: 16px
            }

            .partners-header-slider {
                margin-top: 60px
            }

            .partners-header-slider.mt-small {
                margin-top: 40px
            }

            .wrapper-block .top-section-class .container .banner-numbers__item_number {
                font-size: 40px;
                line-height: 48px
            }

            .wrapper-block .top-section-class .container .banner-numbers__item_text {
                font-size: 16px;
                line-height: 24px
            }

            .animated-cards-slider,
            .other-section-class .animated-cards-slider {
                padding-bottom: 0
            }

            .animated-cards-slider .owl-item .animated-card,
            .other-section-class .animated-cards-slider .owl-item .animated-card {
                background-color: #00283b;
                max-width: none;
                width: 100%
            }

            .animated-cards-slider .owl-item .animated-card.active,
            .other-section-class .animated-cards-slider .owl-item .animated-card.active {
                display: none
            }

            .animated-cards-slider .owl-item .animated-card .animated-card__title,
            .other-section-class .animated-cards-slider .owl-item .animated-card .animated-card__title {
                color: #fff;
                margin-bottom: 20px
            }

            .animated-cards-slider .owl-item .animated-card .animated-card__text,
            .other-section-class .animated-cards-slider .owl-item .animated-card .animated-card__text {
                opacity: 1;
                visibility: visible
            }
        }

        @media screen and (max-width:1266px) {
            .home-wrapper {
                padding-top: 60px
            }

            .search-btn i {
                color: #5a6f78
            }

            .navbar-fixed-top {
                display: none
            }

            .nav-icon3 {
                width: 35px;
                margin-left: 40px;
                cursor: pointer
            }

            .nav-icon3 span {
                display: block;
                margin: 4px 0;
                height: 4px;
                width: 100%;
                background: #00283b;
                border-radius: 2px
            }

            .nav-icon3 span:first-child {
                top: 4px
            }

            .nav-icon3 span:nth-child(2) {
                top: 11px
            }

            .nav-icon3 span:nth-child(3) {
                top: 18px
            }

            .cookies-not-set .btn.scroll-top,
            .cookies-not-set .fixed-form-content {
                bottom: 120px
            }

            .menu a {
                font-size: 1.3em
            }

            .review .header .title img {
                margin: 0 auto;
                display: block;
                float: none
            }

            .review .header h3 {
                text-align: center
            }

            .other-section-class br {
                display: none
            }

            .search-top-container .row {
                height: 72px
            }

            .home-wrapper {
                padding-top: 72px
            }

            body.with-fixed-banner .menu-list {
                padding: 108px 0 0
            }

            .search-top-container .row {
                height: 60px
            }

            .casestudy-section,
            .wrapper-block.single-case .casestudy-section {
                padding: 40px 0
            }

            .clients-section,
            .page-home .other-section-class .clients-section,
            .single-industries .wrapper-block.single-case .clients-section {
                padding-top: 0
            }

            .clients-section .owl-nav,
            .page-home .other-section-class .clients-section .owl-nav,
            .single-industries .wrapper-block.single-case .clients-section .owl-nav {
                top: 0
            }

            .clients-section .owl-nav .owl-next,
            .clients-section .owl-nav .owl-prev,
            .page-home .other-section-class .clients-section .owl-nav .owl-next,
            .page-home .other-section-class .clients-section .owl-nav .owl-prev,
            .single-industries .wrapper-block.single-case .clients-section .owl-nav .owl-next,
            .single-industries .wrapper-block.single-case .clients-section .owl-nav .owl-prev {
                width: 41px;
                height: 41px
            }

            .clients-section .owl-nav .owl-next:before,
            .clients-section .owl-nav .owl-prev:before,
            .page-home .other-section-class .clients-section .owl-nav .owl-next:before,
            .page-home .other-section-class .clients-section .owl-nav .owl-prev:before,
            .single-industries .wrapper-block.single-case .clients-section .owl-nav .owl-next:before,
            .single-industries .wrapper-block.single-case .clients-section .owl-nav .owl-prev:before {
                width: 8px;
                height: 13px
            }

            .single-industries .wrapper-block.single-case .three-posts>a .three-posts__wrapper,
            .single-industries .wrapper-block.single-case .three-posts>div .three-posts__wrapper,
            .three-posts>a .three-posts__wrapper,
            .three-posts>div .three-posts__wrapper,
            .wrapper-block.single-case .three-posts>a .three-posts__wrapper,
            .wrapper-block.single-case .three-posts>div .three-posts__wrapper {
                width: 300px
            }

            .single-industries .wrapper-block.single-case .three-posts__wrapper,
            .three-posts__wrapper,
            .wrapper-block.single-case .three-posts__wrapper {
                padding: 28px 15px 0
            }

            .single-industries .wrapper-block.single-case .three-posts__center,
            .three-posts__center,
            .wrapper-block.single-case .three-posts__center {
                width: 300px
            }

            .single-industries .wrapper-block.single-case .three-posts__left,
            .single-industries .wrapper-block.single-case .three-posts__right,
            .three-posts__left,
            .three-posts__right,
            .wrapper-block.single-case .three-posts__left,
            .wrapper-block.single-case .three-posts__right {
                width: calc((100% - 300px)/ 2)
            }

            .home-casestudy .case-tabs,
            .page-home .home-casestudy .case-tabs {
                box-shadow: none;
                padding-bottom: 73px
            }

            .home-casestudy .case-tabs .case-tabs-content,
            .page-home .home-casestudy .case-tabs .case-tabs-content {
                padding: 56px 16px 41px
            }

            .home-casestudy .case-tabs .case-logo .active,
            .page-home .home-casestudy .case-tabs .case-logo .active {
                display: block;
                margin-bottom: 0
            }

            .home-casestudy .case-tabs .owl-nav,
            .page-home .home-casestudy .case-tabs .owl-nav {
                display: block;
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                gap: 14px;
                display: flex
            }

            .home-casestudy .case-tabs .owl-nav .owl-next,
            .home-casestudy .case-tabs .owl-nav .owl-prev,
            .page-home .home-casestudy .case-tabs .owl-nav .owl-next,
            .page-home .home-casestudy .case-tabs .owl-nav .owl-prev {
                width: 41px;
                height: 41px;
                position: relative;
                border-radius: 50%;
                border: 2px solid #173753 !important
            }

            .home-casestudy .case-tabs .owl-nav .owl-next span,
            .home-casestudy .case-tabs .owl-nav .owl-prev span,
            .page-home .home-casestudy .case-tabs .owl-nav .owl-next span,
            .page-home .home-casestudy .case-tabs .owl-nav .owl-prev span {
                display: none
            }

            .home-casestudy .case-tabs .owl-nav .owl-next:before,
            .home-casestudy .case-tabs .owl-nav .owl-prev:before,
            .page-home .home-casestudy .case-tabs .owl-nav .owl-next:before,
            .page-home .home-casestudy .case-tabs .owl-nav .owl-prev:before {
                content: '';
                width: 8px;
                height: 13px;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                transition: background-image .3s
            }

            .home-casestudy .case-tabs .owl-nav .owl-prev:before,
            .page-home .home-casestudy .case-tabs .owl-nav .owl-prev:before {
                background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-prev.svg)
            }

            .home-casestudy .case-tabs .owl-nav .owl-prev.disabled:before,
            .page-home .home-casestudy .case-tabs .owl-nav .owl-prev.disabled:before {
                background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-prev-disabled.svg)
            }

            .home-casestudy .case-tabs .owl-nav .owl-next:before,
            .page-home .home-casestudy .case-tabs .owl-nav .owl-next:before {
                background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-next.svg)
            }

            .home-casestudy .case-tabs .owl-nav .owl-next.disabled:before,
            .page-home .home-casestudy .case-tabs .owl-nav .owl-next.disabled:before {
                background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-next-disabled.svg)
            }

            .home-casestudy .case-tabs .owl-nav .disabled,
            .page-home .home-casestudy .case-tabs .owl-nav .disabled {
                opacity: 1;
                border-color: #b5c2cf !important
            }

            .home-casestudy .case-tabs .owl-stage .owl-item,
            .page-home .home-casestudy .case-tabs .owl-stage .owl-item {
                height: auto
            }

            .home-casestudy .case-tabs .owl-stage .owl-item .case-tab,
            .page-home .home-casestudy .case-tabs .owl-stage .owl-item .case-tab {
                flex-direction: column;
                box-shadow: 0 11px 24px 0 #50626C26;
                background-color: #fff
            }

            .home-casestudy .case-tabs .owl-stage .owl-item .case-tab .case-tabs-content,
            .page-home .home-casestudy .case-tabs .owl-stage .owl-item .case-tab .case-tabs-content {
                order: -1
            }

            .home-casestudy .case-logo,
            .page-home .home-casestudy .case-logo {
                height: 94px;
                width: 100%;
                margin-top: auto;
                background-color: #013a55
            }

            .single-industries .wrapper-block.single-case .tabs,
            .tabs {
                display: none
            }

            .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item .info .title,
            .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item .info p,
            .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item .info ul li,
            .tabs-content .services-tab-slider .owl-stage .owl-item>a .info .title,
            .tabs-content .services-tab-slider .owl-stage .owl-item>a .info p,
            .tabs-content .services-tab-slider .owl-stage .owl-item>a .info ul li {
                color: #5a6f79
            }

            .tabs-content .services-tab-slider .owl-stage .owl-item .services-tab-slider__item .info .title,
            .tabs-content .services-tab-slider .owl-stage .owl-item>a .info .title {
                color: #00283b;
                font-size: 16px;
                line-height: 130%;
                margin-bottom: 8px
            }

            .page-home .other-section-class .service-home-slider .owl-stage-outer {
                padding: 0;
                margin: 0
            }

            .page-home .other-section-class .service-home-slider .owl-item>a .info {
                padding: 16px;
                transform: translateY(calc(100% - 88px))
            }

            .page-home .other-section-class .service-home-slider .owl-item>a .info .title,
            .page-home .other-section-class .service-home-slider .owl-item>a .info p {
                font-size: 14px;
                line-height: 16px
            }

            .page-home .other-section-class .service-home-slider .owl-item>a .info .title {
                font-size: 20px;
                line-height: 28px;
                min-height: 56px
            }

            .minifaq {
                padding-bottom: 80px;
                border-bottom: 1px solid #d9e1e5
            }

            .centered-section .minifaq {
                padding-bottom: 0;
                border: none
            }

            .new-blog-contact-form .form-group__contact-bottom .services__btn,
            .other-section-class form .new-blog-contact-form .form-group__contact-bottom .services__btn {
                min-width: 0
            }
        }

        @media (max-width:1064px) {

            .casestudy-slider,
            .single-industries .wrapper-block.single-case .casestudy-slider {
                padding-bottom: 40px
            }

            .casestudy-slider .owl-item,
            .single-industries .wrapper-block.single-case .casestudy-slider .owl-item {
                padding: 20px 20px 40px
            }

            .casestudy-slider .owl-nav,
            .single-industries .wrapper-block.single-case .casestudy-slider .owl-nav {
                bottom: -20px;
                right: auto !important;
                top: auto !important;
                left: 50%;
                transform: translateX(-50%)
            }

            .casestudy-slider-small__item,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__item {
                padding: 20px
            }

            .other-section-class .minifaq.container {
                flex-direction: column;
                gap: 30px
            }

            #askAQuestion .close,
            #getAQuote .close,
            #hireATeam .close,
            #requestAConsultation .close,
            #requestForProposal .close,
            #subscribe .close {
                width: 14px;
                height: 14px;
                top: 40px;
                right: 30px
            }

            #askAQuestion .modal-content__main,
            #getAQuote .modal-content__main,
            #hireATeam .modal-content__main,
            #requestAConsultation .modal-content__main,
            #requestForProposal .modal-content__main,
            #subscribe .modal-content__main {
                padding: 40px 30px 60px
            }
        }

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

            .new-blog-contact-form .form-group__contact-bottom .file_upload,
            .other-section-class form .new-blog-contact-form .form-group__contact-bottom .file_upload {
                margin-top: 11px;
                max-width: none;
                text-align: center
            }
        }

        @media (max-width:1063px) {
            .hidden-md-down {
                display: none !important
            }

            .footer__info-wrap {
                width: 50%
            }

            .footer__widgets {
                flex-wrap: wrap
            }

            .footer__widgets .footer__widget {
                width: 100%
            }

            .footer__menus-col {
                width: calc(50% - 20px)
            }

            .footer__accordions .footer__accordion {
                width: calc(50% - 20px)
            }

            .footer__bottom-inner {
                flex-wrap: wrap
            }

            .footer__bottom-menu {
                order: 2;
                width: calc(50% - 15px)
            }

            .footer-socials {
                order: 1;
                width: 100%
            }

            .copyright {
                order: 3;
                width: calc(50% - 15px)
            }

            .casestudy-slider-small__right .caseStudies__image,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .caseStudies__image {
                margin-top: 30px
            }

            .casestudy-slider-small__right .macbook-bg,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg {
                max-width: 433px;
                max-height: 267px
            }

            .casestudy-slider-small__right .macbook-bg~.macbook-image img,
            .casestudy-slider-small__right .macbook-bg~img.macbook-image,
            .casestudy-slider-small__right .macbook-bg~picture .macbook-image,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg~.macbook-image img,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg~img.macbook-image,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg~picture .macbook-image {
                max-width: 349px
            }

            .single-industries .other-section-class .container .services-section__container,
            .single-industries .services-section__container,
            body .other-section-class .container .services-section__container,
            body .services-section__container {
                margin-top: 30px
            }

            .single-industries .other-section-class .container .services-section__wrapper.big-bottom .services-section__item-wrapper,
            .single-industries .services-section__wrapper.big-bottom .services-section__item-wrapper,
            body .other-section-class .container .services-section__wrapper.big-bottom .services-section__item-wrapper,
            body .services-section__wrapper.big-bottom .services-section__item-wrapper {
                padding-bottom: 40px
            }

            .single-industries .wrapper-block.single-case .small-tabs-section,
            .small-tabs-section {
                flex-direction: column
            }

            .single-industries .wrapper-block.single-case .small-tabs-section__tabs,
            .small-tabs-section__tabs {
                width: 100%
            }

            .single-industries .wrapper-block.single-case .small-tabs-section__tabs_item.active,
            .small-tabs-section__tabs_item.active {
                margin-bottom: 13px
            }

            .single-industries .wrapper-block.single-case .small-tabs-section__content,
            .small-tabs-section__content {
                width: 100%
            }

            .single-industries .wrapper-block.single-case .small-tabs-section__content_item,
            .small-tabs-section__content_item {
                font-size: 16px;
                line-height: 20px;
                padding-left: 16px;
                margin-bottom: 26px
            }

            .partners-header-slider {
                margin-top: 30px
            }

            .partners-header-slider.mt-small {
                margin-top: 20px
            }

            .partners-header-slider .partners-header-slider__item {
                width: 88px
            }

            .wrapper-block .top-section-class .container .banner-numbers {
                flex-wrap: wrap;
                gap: 20px;
                margin-top: 40px
            }

            .wrapper-block .top-section-class .container .banner-numbers__item {
                width: calc((100% - 20px)/ 2)
            }

            .wrapper-block .top-section-class .container .banner-numbers__item_number {
                font-size: 36px;
                line-height: 46.8px
            }

            .wrapper-block .top-section-class .container .banner-numbers__item_text {
                font-size: 20px;
                line-height: 26px
            }

            #askAQuestion .modal-content__info,
            #getAQuote .modal-content__info,
            #hireATeam .modal-content__info,
            #requestAConsultation .modal-content__info,
            #requestForProposal .modal-content__info,
            #subscribe .modal-content__info {
                padding: 40px 30px 60px
            }
        }

        @media screen and (max-width:1063px) {
            body.with-fixed-banner .menu-list {
                padding: 130px 0 0
            }

            .search-top-container:not(.short) .search-top {
                margin-left: 0;
                width: calc(100% - 259px);
                position: absolute;
                left: 15px
            }

            .search-top-container:not(.short) .header-logo {
                visibility: hidden
            }

            .search-top-container .search-social {
                position: static
            }

            .top-section-class.with-numbers {
                padding-bottom: 40px !important
            }

            .top-section-class .cursor {
                display: none
            }

            .top-section-class .cursor-inner {
                display: none
            }

            .top-section-class .location {
                margin-top: 20px;
                font-size: 22px;
                line-height: 29px
            }

            .top-section-class .location img {
                width: 20px;
                height: 20px
            }

            .clients-section .owl-stage-outer,
            .page-home .other-section-class .clients-section .owl-stage-outer,
            .single-industries .wrapper-block.single-case .clients-section .owl-stage-outer {
                padding: 0 20px
            }

            .clients-section .owl-nav,
            .page-home .other-section-class .clients-section .owl-nav,
            .single-industries .wrapper-block.single-case .clients-section .owl-nav {
                right: 0;
                display: none
            }

            .clients-section__item,
            .page-home .other-section-class .clients-section__item,
            .single-industries .wrapper-block.single-case .clients-section__item {
                box-shadow: none;
                border-radius: 0;
                padding: 0;
                background-color: transparent;
                justify-content: start
            }

            .single-industries .minifaq__inner {
                flex-direction: column;
                gap: 30px
            }

            .single-industries .minifaq__header {
                width: auto;
                min-width: 0
            }

            .accordion-header {
                padding: 30px 16px;
                align-items: start
            }

            .page-home .top-section-class {
                padding-top: 90px
            }

            .page-home .top-section-class .services__btn {
                margin-top: 30px
            }

            .new-blog-contact-form .form-group__contact-bottom,
            .other-section-class form .new-blog-contact-form .form-group__contact-bottom {
                justify-content: space-between;
                margin-top: 40px
            }

            .new-blog-contact-form .form-group__contact-bottom .services__btn,
            .other-section-class form .new-blog-contact-form .form-group__contact-bottom .services__btn {
                padding: 20px;
                width: 100%;
                font-size: 18px;
                line-height: 130%;
                font-weight: 400;
                margin-right: auto;
                margin-bottom: 0;
                max-width: 400px;
                margin-left: auto;
                margin-right: auto
            }
        }

        @media screen and (max-width:990px) {
            .center p br {
                display: none
            }

            .right {
                padding-top: 30px
            }

            #home-wrapper .services h3 {
                padding-bottom: 25px
            }

            .casestudy-section>div:not(:last-child),
            .wrapper-block.single-case .casestudy-section>div:not(:last-child) {
                margin-bottom: 40px
            }

            .single-industries .wrapper-block.single-case .three-posts,
            .three-posts,
            .wrapper-block.single-case .three-posts {
                flex-direction: column
            }

            .single-industries .wrapper-block.single-case .three-posts>a,
            .single-industries .wrapper-block.single-case .three-posts>div,
            .three-posts>a,
            .three-posts>div,
            .wrapper-block.single-case .three-posts>a,
            .wrapper-block.single-case .three-posts>div {
                height: auto;
                min-height: auto;
                background: linear-gradient(0deg, #d9e1e5 0, #fff 99.23%);
                padding-bottom: 1px
            }

            .single-industries .wrapper-block.single-case .three-posts>a:not(.active-section) .three-posts__title:after,
            .single-industries .wrapper-block.single-case .three-posts>div:not(.active-section) .three-posts__title:after,
            .three-posts>a:not(.active-section) .three-posts__title:after,
            .three-posts>div:not(.active-section) .three-posts__title:after,
            .wrapper-block.single-case .three-posts>a:not(.active-section) .three-posts__title:after,
            .wrapper-block.single-case .three-posts>div:not(.active-section) .three-posts__title:after {
                content: "\f107"
            }

            .single-industries .wrapper-block.single-case .three-posts>a:not(.active-section) .three-posts__description,
            .single-industries .wrapper-block.single-case .three-posts>div:not(.active-section) .three-posts__description,
            .three-posts>a:not(.active-section) .three-posts__description,
            .three-posts>div:not(.active-section) .three-posts__description,
            .wrapper-block.single-case .three-posts>a:not(.active-section) .three-posts__description,
            .wrapper-block.single-case .three-posts>div:not(.active-section) .three-posts__description {
                display: none
            }

            .single-industries .wrapper-block.single-case .three-posts>a .three-posts__wrapper,
            .single-industries .wrapper-block.single-case .three-posts>div .three-posts__wrapper,
            .three-posts>a .three-posts__wrapper,
            .three-posts>div .three-posts__wrapper,
            .wrapper-block.single-case .three-posts>a .three-posts__wrapper,
            .wrapper-block.single-case .three-posts>div .three-posts__wrapper {
                width: 100%
            }

            .single-industries .wrapper-block.single-case .three-posts__wrapper,
            .three-posts__wrapper,
            .wrapper-block.single-case .three-posts__wrapper {
                padding: 24px 36px
            }

            .single-industries .wrapper-block.single-case .three-posts__center,
            .three-posts__center,
            .wrapper-block.single-case .three-posts__center {
                width: 100%;
                padding: 0 0 1px
            }

            .single-industries .wrapper-block.single-case .three-posts__left,
            .single-industries .wrapper-block.single-case .three-posts__right,
            .three-posts__left,
            .three-posts__right,
            .wrapper-block.single-case .three-posts__left,
            .wrapper-block.single-case .three-posts__right {
                width: 100%
            }

            .single-industries .wrapper-block.single-case .three-posts__title,
            .three-posts__title,
            .wrapper-block.single-case .three-posts__title {
                font-size: 17px;
                line-height: 24px;
                padding-right: 20px
            }

            .single-industries .wrapper-block.single-case .three-posts__title:after,
            .three-posts__title:after,
            .wrapper-block.single-case .three-posts__title:after {
                opacity: 1;
                color: #4a515e
            }

            .single-industries .wrapper-block.single-case .three-posts__description,
            .three-posts__description,
            .wrapper-block.single-case .three-posts__description {
                font-size: 15px;
                line-height: 24px
            }

            .single-industries .wrapper-block.single-case .three-posts__description,
            .three-posts__description,
            .wrapper-block.single-case .three-posts__description {
                margin-top: 8px
            }

            .single-industries .other-section-class .container .services-section__item,
            .single-industries .services-section__item,
            body .other-section-class .container .services-section__item,
            body .services-section__item {
                height: auto
            }

            .single-industries .other-section-class .container .services-section__item-wrapper,
            .single-industries .services-section__item-wrapper,
            body .other-section-class .container .services-section__item-wrapper,
            body .services-section__item-wrapper {
                padding: 20px
            }

            .single-industries .other-section-class .container .services-section__item p,
            .single-industries .services-section__item p,
            body .other-section-class .container .services-section__item p,
            body .services-section__item p {
                font-size: 15px;
                line-height: 24px
            }

            .single-industries .other-section-class .container .services-section__item.description,
            .single-industries .services-section__item.description,
            body .other-section-class .container .services-section__item.description,
            body .services-section__item.description {
                padding: 0 20px 20px
            }

            .single-industries .other-section-class .container .services-section__item.description p,
            .single-industries .services-section__item.description p,
            body .other-section-class .container .services-section__item.description p,
            body .services-section__item.description p {
                font-size: 18px;
                line-height: 28px
            }

            .single-industries .other-section-class .container .services-section__item.description p:before,
            .single-industries .services-section__item.description p:before,
            body .other-section-class .container .services-section__item.description p:before,
            body .services-section__item.description p:before {
                left: -20px
            }
        }

        @media (max-width:990px) {

            .slider-section__items,
            .wrapper-block.single-case .slider-section__items {
                margin: 0;
                padding-bottom: 10px
            }

            .other-section-class .grid-slider {
                display: block;
                margin: 0
            }

            .other-section-class .grid-slider .owl-item {
                width: 100%;
                height: auto
            }

            #askAQuestion .close,
            #getAQuote .close,
            #hireATeam .close,
            #requestAConsultation .close,
            #requestForProposal .close,
            #subscribe .close {
                opacity: 1
            }

            #askAQuestion .close svg path,
            #getAQuote .close svg path,
            #hireATeam .close svg path,
            #requestAConsultation .close svg path,
            #requestForProposal .close svg path,
            #subscribe .close svg path {
                fill: #003047
            }

            #askAQuestion .modal-content__main,
            #getAQuote .modal-content__main,
            #hireATeam .modal-content__main,
            #requestAConsultation .modal-content__main,
            #requestForProposal .modal-content__main,
            #subscribe .modal-content__main {
                width: 100%
            }

            #askAQuestion .modal-content__info,
            #getAQuote .modal-content__info,
            #hireATeam .modal-content__info,
            #requestAConsultation .modal-content__info,
            #requestForProposal .modal-content__info,
            #subscribe .modal-content__info {
                display: none
            }
        }

        @media screen and (max-width:768px) {
            .search-top-container:not(.short) .search-top {
                width: calc(100% - 182px)
            }
        }

        @media (max-width:768px) {

            #askAQuestion .modal-header .modal-title,
            #getAQuote .modal-header .modal-title,
            #hireATeam .modal-header .modal-title,
            #requestAConsultation .modal-header .modal-title,
            #requestForProposal .modal-header .modal-title,
            #subscribe .modal-header .modal-title {
                font-size: 28px;
                line-height: 1.3;
                text-align: center
            }

            #askAQuestion .modal-header .modal-subtitle,
            #getAQuote .modal-header .modal-subtitle,
            #hireATeam .modal-header .modal-subtitle,
            #requestAConsultation .modal-header .modal-subtitle,
            #requestForProposal .modal-header .modal-subtitle,
            #subscribe .modal-header .modal-subtitle {
                font-size: 16px;
                text-align: center
            }

            #askAQuestion .modal-body .vac-upload-and-sub,
            #getAQuote .modal-body .vac-upload-and-sub,
            #hireATeam .modal-body .vac-upload-and-sub,
            #requestAConsultation .modal-body .vac-upload-and-sub,
            #requestForProposal .modal-body .vac-upload-and-sub,
            #subscribe .modal-body .vac-upload-and-sub {
                margin: 58px 0 0
            }

            #askAQuestion .modal-content,
            #getAQuote .modal-content,
            #hireATeam .modal-content,
            #requestAConsultation .modal-content,
            #requestForProposal .modal-content,
            #subscribe .modal-content {
                max-width: 100%
            }

            #askAQuestion .modal-content__main,
            #getAQuote .modal-content__main,
            #hireATeam .modal-content__main,
            #requestAConsultation .modal-content__main,
            #requestForProposal .modal-content__main,
            #subscribe .modal-content__main {
                padding: 74px 30px 60px
            }

            #askAQuestion .site-button,
            #getAQuote .site-button,
            #hireATeam .site-button,
            #requestAConsultation .site-button,
            #requestForProposal .site-button,
            #subscribe .site-button {
                margin-left: auto;
                margin-right: auto
            }

            #askAQuestion .form-agreement,
            #getAQuote .form-agreement,
            #hireATeam .form-agreement,
            #requestAConsultation .form-agreement,
            #requestForProposal .form-agreement,
            #subscribe .form-agreement {
                text-align: center
            }
        }

        @media screen and (max-width:767px) {
            html {
                font-size: 10px
            }

            other-section-class ul.checked li a {
                ont-size: 15px
            }

            .other-section-class ul li {
                padding-bottom: 12px
            }

            .tags {
                font-size: 2em
            }

            .search-btn i {
                font-size: 20px
            }

            .file-div {
                margin-bottom: -2px
            }

            .tags a {
                font-size: 3em
            }

            h1 {
                font-size: 36px;
                line-height: 44px
            }

            .h2,
            h1,
            h2 {
                letter-spacing: .5px
            }

            .wrapper-block.single-case div,
            .wrapper-block.single-case p,
            p {
                font-size: 15px
            }

            .other-section-class .row div:last-child p:first-child {
                padding-bottom: 0;
                margin-bottom: 24px
            }

            .other-section-class .row div:last-child p:last-child {
                padding-bottom: 0;
                margin-bottom: 0
            }

            .wrapper-block.single-case p,
            .wrapper-block.single-case p:last-child {
                padding-bottom: 0;
                margin-bottom: 0
            }

            .wrapper-block.single-case .center p:last-child {
                padding-bottom: 0
            }

            .form__label {
                font-size: 16px
            }

            .file_upload>.file-div {
                font-size: 16px
            }

            .right {
                padding-top: 30px
            }

            .review .header .title img {
                float: left
            }

            .review .header h3 {
                text-align: left
            }

            .top-section-class .subtitle br {
                display: none
            }

            p {
                font-size: 15px;
                line-height: 24px;
                margin-bottom: 20px
            }

            .other-section-class .center .subtitle.big,
            .other-section-class .subtitle.big {
                font-size: 17px;
                line-height: 24px
            }

            .modal-content {
                font-size: 1.6em;
                height: auto
            }

            .modal-content span.wpcf7-not-valid-tip {
                font-size: 12px
            }

            div.sent-ok {
                width: 65% !important
            }

            .wrapper-block.single-case .other-section-class {
                padding: 64px 0
            }

            .other-section-class.no-padding-top,
            .wrapper-block.single-case .other-section-class.no-padding-top {
                padding-top: 0
            }

            .other-section-class.no-padding-bottom,
            .wrapper-block.single-case .other-section-class.no-padding-bottom {
                padding-bottom: 0
            }

            .other-section-class .subtitle,
            .other-section-header .subtitle {
                margin-bottom: 0
            }

            .wrapper-block.single-case p:not(:last-child) {
                margin-bottom: 16px
            }

            .recaptcha-anr-wrap .captcha-image .cf7ic_instructions {
                font-size: 11px
            }

            .other-section-class ul.checked li a {
                font-size: 15px
            }

            .section-padding {
                padding-top: 64px;
                padding-bottom: 64px
            }

            .search-top-container .row {
                height: 60px
            }

            .home-wrapper {
                padding-top: 60px
            }

            body.with-fixed-banner .home-wrapper {
                padding-top: 115px
            }

            body.with-fixed-banner .menu-list {
                padding: 115px 0 160px
            }

            .services__btn {
                padding: 12px;
                margin-bottom: 10px;
                font-size: 14px;
                line-height: 130%;
                text-align: center
            }

            .header-logo .site-button {
                max-width: unset;
                line-height: 8px
            }

            .header-logo .img.img-logo {
                margin-right: 0;
                height: 24px
            }

            .menu-list .request-for-proposal--mobile a:focus,
            .menu-list .request-for-proposal--mobile a:hover,
            .menu-list .request-for-proposal--mobile a:visited {
                color: #fff;
                width: auto
            }

            .images-row__wrapper {
                width: 100%;
                max-width: 100%
            }

            .images-row__wrapper>img {
                margin-right: 7px;
                margin-bottom: 0;
                max-width: unset
            }

            .images-row__wrapper>img:last-child {
                margin-right: 0
            }

            .home-banner-bottom {
                flex-wrap: wrap;
                margin-top: 30px
            }

            .home-banner-bottom .owl-stage {
                flex-wrap: wrap
            }

            .clients-section .owl-nav,
            .page-home .other-section-class .clients-section .owl-nav,
            .single-industries .wrapper-block.single-case .clients-section .owl-nav {
                gap: 15px;
                bottom: auto
            }

            .clients-section__item .logo,
            .page-home .other-section-class .clients-section__item .logo,
            .single-industries .wrapper-block.single-case .clients-section__item .logo {
                margin-top: 16px
            }

            .clients-section__item .reviews__comment,
            .page-home .other-section-class .clients-section__item .reviews__comment,
            .single-industries .wrapper-block.single-case .clients-section__item .reviews__comment {
                padding-left: 48px;
                margin-bottom: 30px;
                font-size: 20px;
                line-height: 130%
            }

            .clients-section__item .reviews__comment:before,
            .page-home .other-section-class .clients-section__item .reviews__comment:before,
            .single-industries .wrapper-block.single-case .clients-section__item .reviews__comment:before {
                width: 24px;
                height: 24px;
                top: 0
            }

            .clients-section__item .reviews__author,
            .page-home .other-section-class .clients-section__item .reviews__author,
            .single-industries .wrapper-block.single-case .clients-section__item .reviews__author {
                padding-left: 48px
            }

            .logos-section {
                gap: 20px 10px;
                padding-top: 10px
            }

            .logos-section img {
                height: 36px;
                width: auto
            }

            .home-casestudy .case-tabs .owl-nav,
            .page-home .home-casestudy .case-tabs .owl-nav {
                display: none
            }

            .home-casestudy .case-tabs .owl-stage,
            .page-home .home-casestudy .case-tabs .owl-stage {
                transform: translate3d(0, 0, 0) !important
            }

            .single-industries .minifaq .services__btn {
                width: 100%;
                padding: 12px;
                text-align: center;
                margin-bottom: 10px;
                font-size: 14px;
                line-height: 130%
            }

            .single-industries .other-section-class .container .services-section__item-wrapper,
            .single-industries .services-section__item-wrapper,
            body .other-section-class .container .services-section__item-wrapper,
            body .services-section__item-wrapper {
                height: auto
            }

            .single-industries .wrapper-block.single-case .tabs,
            .tabs {
                gap: 26px;
                margin-bottom: 30px
            }

            .single-industries .wrapper-block.single-case .tabs .tab,
            .tabs .tab {
                font-size: 28px !important;
                line-height: 36px !important
            }

            .video-reviews-slider {
                margin-top: 20px
            }

            .video-reviews-slider .owl-nav {
                top: -80px
            }

            .page-home .other-section-class .service-home-slider .owl-item>a .info {
                transform: translateY(calc(100% - 64px))
            }

            .page-home .other-section-class .service-home-slider .owl-item>a .info .title,
            .page-home .other-section-class .service-home-slider .owl-item>a .info p {
                margin-bottom: 8px;
                font-size: 12px;
                line-height: 14px
            }

            .page-home .other-section-class .service-home-slider .owl-item>a .info .title {
                font-size: 18px;
                line-height: 20px;
                min-height: 40px
            }

            .page-home .top-section-class h1 {
                line-height: 47px
            }

            .page-home .top-section-class .services__btn {
                margin-top: 20px
            }

            .page-home .services__btn {
                width: 100%;
                padding: 12px;
                text-align: center;
                margin-bottom: 10px;
                font-size: 14px;
                line-height: 130%
            }

            .faq {
                margin-top: 24px;
                margin-bottom: 23px
            }

            .faq-item.open .faq-item__text {
                padding: 16px 20px
            }

            .faq-item__title {
                padding: 8px 52px 8px 20px
            }

            .faq-item__title,
            .faq-item__title .h3,
            .faq-item__title h3 {
                font-size: 17px;
                line-height: 24px
            }

            .faq-item__title .button-area:after {
                font-size: 15px;
                line-height: 20px
            }

            .faq-item__text,
            .faq-item__text p {
                font-size: 15px;
                line-height: 24px
            }

            .minifaq .minifaq {
                padding-left: 0
            }

            .new-blog-contact-form .captcha-image .cf7ic_instructions,
            .other-section-class form .new-blog-contact-form .captcha-image .cf7ic_instructions {
                font-size: 13px
            }
        }

        @media (max-width:767px) {
            .--desktop {
                display: none !important
            }

            .--mobile {
                display: flex !important
            }

            .home-header .container,
            .menu-list .container {
                padding-left: 16px;
                padding-right: 16px
            }

            .header__submenus .sub-menu {
                height: calc(100vh - 60px);
                overflow: auto
            }

            .header__submenus .sub-menu__inner {
                margin: 0 -16px
            }

            .header__submenus .sub-menu__head {
                padding-left: 16px;
                padding-right: 16px
            }

            .sub-menu__company .sub-menu__content {
                width: 100%;
                padding: 40px 16px;
                gap: 40px;
                border-right: 0;
                border-bottom: 1px solid #d9e1e5
            }

            .sub-menu__company .sub-menu__clutch img,
            .sub-menu__company .sub-menu__clutch svg {
                width: 116px
            }

            .sub-menu__company .sub-menu__menu-wrap {
                padding-left: 16px;
                padding-right: 16px
            }

            .sub-menu__company .sub-menu__menu {
                -moz-column-gap: 70px;
                column-gap: 70px
            }

            .sub-menu__company .menu-item {
                width: calc(50% - 35px)
            }

            .sub-menu__company .sub-menu__quote {
                width: 100%;
                padding: 40px 16px
            }

            .sub-menu__services .sub-menu__menu1 {
                width: 100%;
                padding: 40px 16px;
                border-right: 0;
                border-bottom: 1px solid #d9e1e5
            }

            .sub-menu__services .sub-menu__menu1 .menu-item {
                width: 100%
            }

            .sub-menu__services .sub-menu__menu2 {
                width: 100%;
                padding: 40px 16px
            }

            .sub-menu__services .sub-menu__content {
                flex-wrap: wrap;
                padding: 40px 16px;
                gap: 0
            }

            .sub-menu__services .sub_menu__content-text {
                width: 100%;
                margin-bottom: 40px
            }

            .sub-menu__services .sub-menu__logotypes {
                width: 100%
            }

            .sub-menu__industries .sub-menu__items {
                width: 100%;
                padding: 40px 16px;
                border-right: 0
            }

            .sub-menu__industries .sub-menu__items>.sub-menu__item>.menu-item {
                padding: 0 0 24px
            }

            .sub-menu__industries .sub-menu__items>.sub-menu__item>.menu-item.active svg path,
            .sub-menu__industries .sub-menu__items>.sub-menu__item>.menu-item:hover svg path {
                fill: #00283b
            }

            .sub-menu__industries .sub-menu__items>.sub-menu__item>.menu-item.active span,
            .sub-menu__industries .sub-menu__items>.sub-menu__item>.menu-item:hover span {
                color: #00283b
            }

            .sub-menu__industries .sub-menu__items>.sub-menu__item>.menu-item:after {
                content: '';
                display: block;
                width: 16px;
                height: 16px;
                background: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/dropdown-arrow-menu.svg) center center no-repeat;
                background-size: 100%;
                position: absolute;
                top: 2px;
                right: 0;
                transition: all .6s
            }

            .sub-menu__industries .sub-menu__items .sub-menu__item {
                border-bottom: 1px solid #d9e1e5
            }

            .sub-menu__industries .sub-menu__items .menu-item {
                padding-right: 20px;
                position: relative
            }

            .sub-menu__industries .sub-menu__content-items {
                width: 100%
            }

            .sub-menu__industries .sub-menu__menu {
                padding: 0 0 24px
            }

            .sub-menu__industries .sub-menu__menu .menu-item a {
                letter-spacing: -.01em
            }

            .sub-menu__technologies .sub-menu__awards {
                padding: 40px 16px
            }

            .sub-menu__technologies .sub-menu__awards-inner {
                flex-wrap: wrap
            }

            .sub-menu__technologies .sub-menu__awards-item {
                width: calc(25% - 6px)
            }

            .sub-menu__technologies .sub-menu__menu-wrap {
                padding-left: 16px;
                padding-right: 16px
            }

            .sub-menu__technologies .sub-menu__menu {
                -moz-column-gap: 70px;
                column-gap: 70px
            }

            .sub-menu__technologies .menu-item {
                width: calc(50% - 35px)
            }

            .sub-menu__technologies .sub-menu__description {
                width: 100%;
                padding: 40px 16px
            }

            .footer .container {
                padding-left: 16px;
                padding-right: 16px
            }

            .footer__top {
                flex-wrap: wrap
            }

            .footer__info-wrap {
                width: 100%
            }

            .footer__widgets .footer__widget .clutch-widget {
                max-width: 195px
            }

            .footer__widgets .footer__widget .clutch-widget[data-widget-type="1"] {
                display: none
            }

            .footer__widgets .footer__widget .clutch-widget[data-widget-type="2"] {
                display: block
            }

            .footer__locations-wrap {
                width: 100%
            }

            .footer__locations-title {
                font-size: 20px;
                line-height: 26px;
                letter-spacing: .751px;
                text-transform: capitalize
            }

            .footer__locations-name span {
                font-size: 18px
            }

            .footer__body {
                padding: 60px 0 0
            }

            .footer__menu-title {
                font-size: 18px
            }

            .footer__menu .menu {
                gap: 0
            }

            .footer__menu .menu .menu-item:not(:last-child) {
                margin-bottom: 10px
            }

            .footer__menu .menu .menu-item a,
            .footer__menu .menu .menu-item span {
                font-size: 14px
            }

            .footer__menu .menu#menu-footer-technologies {
                gap: 0
            }

            .footer__accordions {
                padding-top: 40px
            }

            .footer__accordions .footer__accordion-inner {
                gap: 0
            }

            .footer__accordions .footer__accordion {
                width: 100%
            }

            .footer__accordions .footer__accordion:not(:last-child) {
                margin-bottom: 20px
            }

            .footer__accordions .accordion-content ul {
                max-height: 190px
            }

            .footer__bottom-inner {
                gap: 0
            }

            .footer__bottom-menu {
                width: 100%;
                margin-bottom: 20px
            }

            .footer__bottom-menu .menu {
                justify-content: center
            }

            .footer-socials {
                margin-bottom: 20px
            }

            .footer-socials .menu-social {
                flex-wrap: wrap
            }

            .copyright {
                width: 100%;
                text-align: center
            }

            .site-button--header-button,
            a.site-button--header-button {
                max-width: 77px;
                font-size: 12px;
                line-height: 12px;
                padding: 3px 8px 5px 7px
            }

            .casestudy-slider-small,
            .single-industries .wrapper-block.single-case .casestudy-slider-small {
                position: relative;
                padding-top: 80px;
                margin-top: 0
            }

            .casestudy-slider-small__left h3,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__left h3 {
                font-size: 24px;
                line-height: 32px
            }

            .casestudy-slider-small__left .description,
            .casestudy-slider-small__left .description p,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__left .description,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__left .description p {
                font-size: 18px;
                line-height: 25px;
                color: #00283b
            }

            .casestudy-slider-small__terms,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__terms {
                display: block
            }

            .casestudy-slider-small__terms .term:not(:last-of-type),
            .single-industries .wrapper-block.single-case .casestudy-slider-small__terms .term:not(:last-of-type) {
                margin-bottom: 8px
            }

            .casestudy-slider-small__terms .term,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__terms .term {
                gap: 10px
            }

            .casestudy-slider-small__terms .term__title,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__terms .term__title {
                min-width: 80px;
                font-size: 14px;
                line-height: 18px;
                color: #5a6f79
            }

            .casestudy-slider-small__terms .term__lists,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__terms .term__lists {
                font-size: 14px;
                line-height: 18px;
                color: #5a6f79
            }

            .casestudy-slider-small__terms .term__lists a,
            .casestudy-slider-small__terms .term__lists span,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__terms .term__lists a,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__terms .term__lists span {
                font-size: 14px;
                line-height: 24px;
                color: #5a6f79
            }

            .casestudy-slider-small__terms .term__lists>a,
            .casestudy-slider-small__terms .term__lists>span,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__terms .term__lists>a,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__terms .term__lists>span {
                display: inline-block;
                margin-bottom: 8px
            }

            .casestudy-slider-small__right,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right {
                display: none
            }

            .casestudy-slider-small__more,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__more {
                margin-top: 30px;
                font-size: 12px;
                line-height: 16px
            }

            .casestudy-slider-small .owl-nav,
            .single-industries .wrapper-block.single-case .casestudy-slider-small .owl-nav {
                top: 0 !important;
                right: 0 !important
            }

            .images-slider {
                padding: 40px 0
            }

            .images-slider .owl-nav {
                position: relative;
                display: flex;
                justify-content: space-between;
                width: 220px;
                margin: 0 auto
            }

            .images-slider .owl-nav:after {
                content: "";
                width: 1px;
                height: 56px;
                background: #d9e1e5;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto
            }

            .images-slider .owl-nav button {
                position: relative;
                margin: 0
            }

            .other-section-class .grid-slider {
                max-width: 340px;
                margin: 0 auto
            }

            .post-search-section__input {
                font-size: 16px
            }

            .tags-carousel-list.owl-carousel {
                display: flex;
                flex-wrap: wrap;
                width: -webkit-max-content;
                width: -moz-max-content;
                width: max-content;
                max-width: unset;
                padding: 0
            }

            .tags-carousel-list.owl-carousel>div:not(:last-child) {
                margin-right: 16px
            }

            .tags-carousel-list a,
            .tags-carousel-list button,
            .tags-carousel-list p {
                font-size: 16px;
                font-weight: 500;
                line-height: 175%;
                padding: 4px 16px
            }

            .info-section__header {
                line-height: 32px;
                font-size: 25px;
                letter-spacing: .5px;
                padding-bottom: 40px
            }

            .single-industries .wrapper-block.single-case .three-posts.three-posts-new .three-posts__title,
            .three-posts.three-posts-new .three-posts__title,
            .wrapper-block.single-case .three-posts.three-posts-new .three-posts__title {
                font-size: 20px;
                font-weight: 700;
                line-height: 32px
            }

            .tabs-content .owl-stage-outer {
                margin-right: -20px
            }

            .video-reviews-slider .owl-nav {
                display: none
            }

            .partners-header-slider {
                display: flex !important;
                flex-wrap: wrap;
                justify-content: space-evenly
            }

            .partners-header-slider img {
                max-width: 100%
            }
        }

        @media (max-width:575px) {
            .contact-field-group {
                margin-bottom: 8px
            }

            .contact-field-group:last-child {
                margin-bottom: 0
            }

            .casestudy-slider .owl-item,
            .single-industries .wrapper-block.single-case .casestudy-slider .owl-item {
                padding: 15px 15px 40px
            }

            .casestudy-slider-small__item,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__item {
                padding: 15px
            }

            .casestudy-slider-small__right .video,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .video {
                max-width: 100%;
                min-height: auto;
                height: auto
            }

            .casestudy-slider-small__right .video.macbook-video,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .video.macbook-video {
                max-width: 219px;
                max-height: 147px;
                min-height: 147px
            }

            .casestudy-slider-small__right .macbook-bg,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg {
                max-width: 280px;
                max-height: 160px
            }

            .casestudy-slider-small__right .macbook-bg~.macbook-image img,
            .casestudy-slider-small__right .macbook-bg~img.macbook-image,
            .casestudy-slider-small__right .macbook-bg~picture .macbook-image,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg~.macbook-image img,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg~img.macbook-image,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right .macbook-bg~picture .macbook-image {
                max-width: 219px;
                max-height: 147px;
                min-height: 147px
            }

            .casestudy-slider-small__right img.image,
            .casestudy-slider-small__right picture.image img,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right img.image,
            .single-industries .wrapper-block.single-case .casestudy-slider-small__right picture.image img {
                max-width: 100%;
                min-height: auto;
                height: auto
            }

            .other-section-class .minifaq.container {
                padding-left: 15px
            }

            #fixed-form-content.hide .fixed-form-header p {
                display: none
            }

            #fixed-form-content .recaptcha-anr-wrap {
                position: relative
            }

            #fixed-form-content .recaptcha-anr-wrap .wpcf7-form-control-wrap {
                position: static;
                display: block;
                margin-bottom: 40px
            }

            #fixed-form-content .recaptcha-anr-wrap .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
                position: absolute;
                width: 100%;
                top: 100%;
                text-align: center
            }

            #fixed-form-content .recaptcha-anr-wrap .wpcf7-form-control {
                display: block;
                width: 100%
            }

            #fixed-form-content .recaptcha-anr-wrap .captcha-image {
                width: 100%;
                padding-bottom: 0
            }

            #fixed-form-content .recaptcha-anr-wrap .captcha-image .cf7ic_instructions {
                margin: 0
            }

            .fixed-form-content {
                width: 100%;
                height: 100%;
                right: 0;
                bottom: 0
            }

            .fixed-form-content.sent {
                height: 224px
            }

            .fixed-form-content.hide {
                right: 10px;
                width: 54px;
                height: 54px;
                bottom: 2px;
                border-radius: 27px
            }

            .fixed-form-content.hide .fixed-form-header p {
                display: none
            }

            .fixed-form-content.hide .fixed-form-header {
                padding: 15px;
                text-align: center
            }

            .cookies-not-set .fixed-form-content.hide {
                bottom: 120px
            }
        }

        @media screen and (max-width:575px) {
            #contact-us .block {
                width: 99px;
                height: 132px;
                padding: 0;
                border-width: 2px;
                margin: 0 auto
            }

            .cookies-not-set .btn.scroll-top {
                bottom: 140px
            }

            .btn.scroll-top {
                right: 80px
            }

            #contact-us .modal-content .row {
                max-width: none
            }

            .form-control {
                padding: 10px 0
            }

            .search-top-container.short .header-logo {
                display: flex
            }

            .services__btn {
                width: 100%
            }

            .other-section-class .grid-slider {
                max-width: 280px
            }

            .other-section-class .grid-slider .owl-nav button {
                top: 20%
            }

            .single-industries .minifaq__header p {
                color: #fff !important;
                font-size: 16px !important;
                line-height: 130% !important
            }

            .single-industries .minifaq__inner {
                padding-left: 15px
            }

            .single-industries .other-section-class .container .services-section__item,
            .single-industries .services-section__item,
            body .other-section-class .container .services-section__item,
            body .services-section__item {
                width: 100%
            }

            .single-industries .other-section-class .container .services-section__item-wrapper,
            .single-industries .services-section__item-wrapper,
            body .other-section-class .container .services-section__item-wrapper,
            body .services-section__item-wrapper {
                width: 100%
            }

            .single-industries .other-section-class .container .services-section__wrapper,
            .single-industries .services-section__wrapper,
            body .other-section-class .container .services-section__wrapper,
            body .services-section__wrapper {
                gap: 16px
            }

            .single-industries .other-section-class .container .services-section__item,
            .single-industries .services-section__item,
            body .other-section-class .container .services-section__item,
            body .services-section__item {
                width: calc((100% - 16px)/ 2)
            }

            .single-industries .other-section-class .container .services-section__item img,
            .single-industries .services-section__item img,
            body .other-section-class .container .services-section__item img,
            body .services-section__item img {
                margin-bottom: 20px
            }

            .single-industries .other-section-class .container .services-section__item-wrapper,
            .single-industries .services-section__item-wrapper,
            body .other-section-class .container .services-section__item-wrapper,
            body .services-section__item-wrapper {
                padding: 16px
            }

            .single-industries .other-section-class .container .services-section__item a,
            .single-industries .other-section-class .container .services-section__item p,
            .single-industries .services-section__item a,
            .single-industries .services-section__item p,
            body .other-section-class .container .services-section__item a,
            body .other-section-class .container .services-section__item p,
            body .services-section__item a,
            body .services-section__item p {
                margin-bottom: 20px;
                font-size: 16px
            }

            .page-home .other-section-class .service-home-slider .owl-item>a .info {
                padding: 28px;
                transform: translateY(calc(100% - 108px))
            }

            .page-home .other-section-class .service-home-slider .owl-item>a .info .title,
            .page-home .other-section-class .service-home-slider .owl-item>a .info p {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 24px
            }

            .page-home .other-section-class .service-home-slider .owl-item>a .info .title {
                font-size: 20px;
                line-height: 28px;
                min-height: 56px
            }

            .page-home .top-section-class picture {
                height: 543px !important
            }

            .minifaq {
                padding-bottom: 64px;
                margin-bottom: 64px
            }

            .cookies-not-set .fixed-form-content.hide {
                bottom: 140px
            }

            .new-blog-contact-form .file-div,
            .other-section-class form .new-blog-contact-form .file-div {
                font-size: 16px;
                line-height: 24px;
                color: #00283b
            }

            .new-blog-contact-form .form-group__contact-bottom,
            .other-section-class form .new-blog-contact-form .form-group__contact-bottom {
                flex-direction: column;
                align-items: start
            }
        }

        @media screen and (max-width:482px) {
            .tags a {
                line-height: 20px
            }

            .search-btn i {
                font-size: 20px
            }

            .right {
                padding-top: 30px
            }

            .services p {
                padding: 0;
                font-size: 2.3em;
                text-align: justify
            }

            #contact-us .block img {
                width: 35px
            }

            .services a {
                height: 150px
            }

            .tags {
                font-size: 1.5em
            }

            div.sent-ok {
                width: 90% !important
            }

            .cookies-not-set .btn.scroll-top {
                bottom: 160px
            }

            .home-banner-bottom {
                flex-wrap: nowrap
            }

            .home-banner-bottom .owl-stage {
                flex-wrap: nowrap
            }

            .home-banner-bottom__item {
                border-color: #00283b
            }

            .home-banner-bottom .owl-nav {
                position: absolute;
                right: 0;
                gap: 20px;
                display: flex;
                top: -60px;
                gap: 15px
            }

            .home-banner-bottom .owl-nav .owl-next,
            .home-banner-bottom .owl-nav .owl-prev {
                position: relative;
                border-radius: 50%;
                border: 2px solid #173753 !important;
                width: 41px;
                height: 41px
            }

            .home-banner-bottom .owl-nav .owl-next span,
            .home-banner-bottom .owl-nav .owl-prev span {
                display: none
            }

            .home-banner-bottom .owl-nav .owl-next:before,
            .home-banner-bottom .owl-nav .owl-prev:before {
                content: '';
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                transition: background-image .3s;
                width: 8px;
                height: 13px
            }

            .home-banner-bottom .owl-nav .owl-prev:before {
                background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-prev.svg)
            }

            .home-banner-bottom .owl-nav .owl-prev.disabled:before {
                background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-prev-disabled.svg)
            }

            .home-banner-bottom .owl-nav .owl-next:before {
                background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-next.svg)
            }

            .home-banner-bottom .owl-nav .owl-next.disabled:before {
                background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/ico/slider-arrow-next-disabled.svg)
            }

            .home-banner-bottom .owl-nav .disabled {
                opacity: 1;
                border-color: #b5c2cf !important
            }

            .page-home .other-section-class .service-home-slider .owl-item>a .info .title,
            .page-home .other-section-class .service-home-slider .owl-item>a .info p {
                font-size: 14px;
                line-height: 18px
            }

            .cookies-not-set .fixed-form-content.hide {
                bottom: 160px
            }
        }

        @media (max-width:482px) {

            .single-industries .other-section-class .container .services-section__item,
            .single-industries .services-section__item,
            body .other-section-class .container .services-section__item,
            body .services-section__item {
                width: 100%
            }

            .single-industries .other-section-class .container .services-section__item:first-of-type,
            .single-industries .services-section__item:first-of-type,
            body .other-section-class .container .services-section__item:first-of-type,
            body .services-section__item:first-of-type {
                padding: 0 !important;
                border: 0 !important
            }
        }

        @media screen and (max-width:360px) {
            p {
                line-height: 24px
            }

            .right {
                padding-top: 30px
            }

            .review .header .title img {
                margin: 0 auto;
                display: block
            }
        }

        @media screen and (min-width:768px) and (max-width:991px) {
            html {
                font-size: 14px
            }
        }

        @media screen and (min-width:483px) and (max-width:575px) {
            .modal-dialog {
                width: 80%
            }
        }

        @media screen and (min-width:576px) and (max-width:767px) {
            .position {
                margin-bottom: 8px
            }
        }

        @media screen and (min-width:991px) and (max-width:1266px) {
            .block span {
                display: block;
                text-align: center
            }
        }

        @media print {

            *,
            ::after,
            ::before,
            div::first-letter,
            div::first-line,
            li::first-letter,
            li::first-line,
            p::first-letter,
            p::first-line {
                text-shadow: none !important;
                box-shadow: none !important
            }

            a,
            a:visited {
                text-decoration: underline
            }

            img,
            tr {
                page-break-inside: avoid
            }

            h2,
            h3,
            p {
                orphans: 3;
                widows: 3
            }

            h2,
            h3 {
                page-break-after: avoid
            }

            .navbar {
                display: none
            }

            .table {
                border-collapse: collapse !important
            }
        }

        @media (max-height:510px) {
            #fixed-form-content .user-message {
                height: 80px
            }
        }

        [class*=" df-icon-"]:before,
        [class^=df-icon-]:before {
            font-family: dearflip !important;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .df-icon-arrow-right:before {
            content: "\e901"
        }

        .df-icon-arrow-down:before {
            content: "\e902"
        }

        .df-icon-arrow-left1:before {
            content: "\e904"
        }

        .df-icon-arrow-right1:before {
            content: "\e905"
        }

        .df-icon-first-page:before {
            content: "\e906"
        }

        .df-icon-last-page:before {
            content: "\e907"
        }

        .df-icon-play-popup:before,
        .df-icon-play:before {
            content: "\e908"
        }

        .df-icon-pause:before {
            content: "\e909"
        }

        .df-icon-close:before {
            content: "\e90c"
        }

        .df-icon-add-circle:before {
            content: "\e90d"
        }

        .df-icon-minus-circle:before {
            content: "\e90e"
        }

        .df-icon-list:before {
            content: "\e911"
        }

        .df-icon-grid-view:before {
            content: "\e913"
        }

        .df-icon-double-page:before {
            content: "\e915"
        }

        .df-icon-file:before {
            content: "\e917"
        }

        .df-icon-more:before {
            content: "\e91a"
        }

        .df-icon-download:before {
            content: "\e91b"
        }

        .df-icon-volume:before {
            content: "\e91c"
        }

        .df-icon-share:before {
            content: "\e91d"
        }

        .df-icon-fit-screen:before {
            content: "\e91e"
        }

        .df-icon-fullscreen:before {
            content: "\e91f"
        }

        .df-icon-facebook:before {
            content: "\e920"
        }

        .df-icon-twitter:before {
            content: "\e921"
        }

        .df-icon-help:before {
            content: "\e923"
        }

        .df-icon-search:before {
            content: "\e924"
        }

        .df-icon-print:before {
            content: "\e925"
        }

        .df-icon-mail:before {
            content: "\e927"
        }

        .df-icon-linkedin:before {
            content: "\eaca"
        }

        .df-icon-pinterest:before {
            content: "\ead1"
        }

        .df-icon-whatsapp:before {
            content: "\ea93"
        }

        .df-container .df-loading-icon,
        .df-fetch-pdf .df-loading-info,
        .df-flipbook-3d.df-loading:after,
        .df-page.df-loading:after,
        .df-thumb.df-thumb-requested:before {
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='48px' height='48px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%2307abcc' stroke-width='9' r='30' stroke-dasharray='141.37166941154067 49.12388980384689'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E")
        }

        .df-hidden {
            display: none !important
        }

        .df-app {
            min-height: 220px;
            position: relative;
            overflow: hidden;
            width: 100%;
            image-rendering: auto;
            direction: ltr;
            line-height: 1.5
        }

        .df-container {
            height: 100%
        }

        .df-container * {
            box-sizing: border-box !important
        }

        .df-container i {
            font-style: normal
        }

        .df-container a {
            outline: 0;
            text-decoration: none;
            box-shadow: none
        }

        .df-container .df-loading-info {
            position: absolute;
            top: -300px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            -moz-transition: .3s;
            -o-transition: .3s;
            -webkit-transition: .3s;
            transition: .3s ease;
            -moz-transition-property: opacity;
            -o-transition-property: opacity;
            -webkit-transition-property: opacity;
            transition-property: opacity;
            max-width: 200px;
            margin-top: 20px;
            padding: 10px 15px;
            box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
            background-color: #f7f7f7;
            border-radius: 5px;
            font-size: 12px;
            color: #222;
            word-break: break-word;
            letter-spacing: .5px;
            opacity: 0
        }

        .df-container.df-init .df-loading-info {
            top: 50%;
            opacity: 1;
            max-width: 300px
        }

        .df-container.df-init .df-viewer {
            display: none
        }

        .df-container.df-error .df-loading-info {
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            margin: 0;
            color: #b00
        }

        .df-container .df-loading-icon {
            -moz-transition: opacity .3s .1s;
            -o-transition: opacity .3s .1s;
            -webkit-transition: opacity .3s .1s;
            transition: .3s .1s opacity;
            opacity: 0;
            height: 50px;
            width: 50px;
            left: 50%;
            top: 50%;
            margin: -45px -25px -25px;
            box-sizing: border-box;
            position: absolute;
            pointer-events: none;
            background-repeat: no-repeat;
            background-size: 32px;
            background-position: 50%;
            background-color: #fff;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
        }

        .df-container.df-loading .df-loading-icon {
            opacity: 1;
            z-index: 100
        }

        .df-fetch-pdf .df-loading-info {
            opacity: 1;
            top: 0;
            z-index: 4;
            background-repeat: no-repeat;
            padding-left: 36px;
            background-size: 24px;
            background-position: 6px 6px
        }

        .df-viewer .df-3dcanvas {
            right: 0;
            position: absolute
        }

        .df-ui {
            color: #666;
            bottom: 0;
            width: 100%;
            height: 42px;
            box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
            background-color: #fff;
            position: absolute;
            vertical-align: top;
            box-sizing: border-box;
            text-align: center;
            padding: 0;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            z-index: 4;
            display: block
        }

        .df-ui .df-logo {
            height: 100%
        }

        .df-ui-btn {
            color: #777;
            vertical-align: top;
            background-color: #fff;
            box-sizing: border-box;
            text-align: center;
            position: relative;
            width: 40px;
            height: 100%;
            font-size: 20px;
            cursor: pointer;
            z-index: 2;
            display: inline-block;
            padding: 10px 5px;
            line-height: 1.2;
            transition: .3s;
            transition-property: opacity, color, background-color
        }

        .df-ui-btn:before {
            box-sizing: border-box
        }

        .df-ui-btn.df-active,
        .df-ui-btn:hover {
            color: #00acce;
            background-color: #eee
        }

        .df-ui-btn.df-active {
            background-color: #e7e7e7
        }

        .df-ui-btn.disabled,
        .df-ui-btn.disabled:hover {
            color: #bbb
        }

        .df-ui-btn span {
            display: none
        }

        .df-more-container {
            display: none;
            position: absolute;
            bottom: 100%;
            margin-bottom: 8px !important;
            right: 10px;
            background-color: #f7f7f7;
            z-index: 20;
            border-radius: 5px;
            box-shadow: 0 -1px 3px rgba(0, 0, 0, .2)
        }

        .df-more-container:before {
            content: " ";
            position: absolute;
            border: 7px solid transparent;
            border-top-color: #eee;
            height: 0;
            width: 0;
            bottom: -14px;
            right: 13px;
            margin-right: -8px;
            pointer-events: none
        }

        .df-more-container>.df-ui-btn {
            width: 170px;
            text-align: left;
            padding: 6px 8px;
            height: 36px;
            border-top: 1px solid #e4e4e4;
            border-radius: 0;
            line-height: 16px
        }

        .df-more-container>.df-ui-btn span {
            font-size: 12px;
            padding-left: 24px;
            vertical-align: middle;
            display: inline-block
        }

        .df-more-container>.df-ui-btn:before {
            position: absolute;
            top: 7px;
            font-size: 20px;
            width: 1em;
            text-align: center
        }

        .df-more-container>.df-ui-btn:first-child {
            border-radius: 5px 5px 0 0;
            border-top: none
        }

        .df-more-container>.df-ui-btn:last-child {
            border-radius: 0 0 5px 5px
        }

        .df-ui-nav {
            top: 50%;
            margin-top: -50px;
            position: absolute;
            opacity: .8;
            height: 100px;
            font-size: 36px;
            width: 50px;
            z-index: 2;
            cursor: pointer
        }

        .df-ui-nav:hover {
            opacity: 1
        }

        .df-ui-nav .df-ui-btn {
            height: auto;
            height: initial;
            position: absolute;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            padding: 15px 5px;
            width: auto;
            font-size: inherit;
            background-color: transparent !important
        }

        .df-ui-nav .df-ui-btn:before {
            color: #fff;
            filter: drop-shadow(0 0 3px rgb(0, 0, 0))
        }

        .df-ui-nav.df-ui-prev {
            left: 0;
            right: auto;
            border-radius: 0
        }

        .df-ui-nav.df-ui-prev .df-ui-btn {
            left: 10px
        }

        .df-ui-nav.df-ui-prev .df-ui-btn:before {
            text-align: left
        }

        .df-ui-nav.df-ui-next {
            right: 0
        }

        .df-ui-nav.df-ui-next .df-ui-btn {
            right: 10px
        }

        .df-ui-nav.df-ui-next .df-ui-btn:before {
            text-align: right
        }

        .df-flipbook-2d,
        .df-flipbook-3d,
        .df-slider,
        .df-viewer-container,
        .df-zoomview {
            position: absolute;
            overflow: hidden;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1
        }

        .df-flipbook-2d {
            -webkit-filter: blur(0);
            -moz-filter: blur(0);
            -ms-filter: blur(0);
            -o-filter: blur(0);
            filter: blur(0)
        }

        .df-flipbook-2d .df-viewer-wrapper {
            position: relative;
            margin: 0 auto;
            height: 100%;
            -moz-transition: left .3s;
            -o-transition: left .3s;
            -webkit-transition: left .3s;
            transition: .3s left
        }

        .df-flipbook-2d .df-book-shadow {
            position: absolute;
            z-index: -1;
            height: 100%;
            display: none;
            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
            -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
            box-shadow: 0 0 10px rgba(0, 0, 0, .3)
        }

        .df-page-content {
            overflow: hidden;
            opacity: .3
        }

        .df-page.df-loading:after {
            content: "";
            background-size: 22px;
            height: 22px;
            width: 22px;
            display: block;
            top: 50%;
            left: 50%;
            margin: -11px;
            position: absolute;
            z-index: 0
        }

        .df-page.df-loading .df-page-content {
            display: none
        }

        .df-page>canvas {
            width: 100%;
            height: 100%;
            position: relative;
            z-index: 0
        }

        .df-page .df-page-content {
            position: absolute;
            height: 100%;
            display: block;
            top: 0;
            width: 100%;
            z-index: 1
        }

        .df-sheet {
            position: absolute;
            -webkit-transform-origin: 0 0 0;
            -moz-transform-origin: 0 0 0;
            transform-origin: 0 0 0
        }

        .df-sheet .df-page,
        .df-sheet .df-page-back,
        .df-sheet .df-page-front,
        .df-sheet .df-sheet-fold-inner-shadow,
        .df-sheet .df-sheet-fold-outer-shadow,
        .df-sheet .df-sheet-wrapper {
            position: absolute;
            -webkit-transform-origin: 0 0 0;
            -moz-transform-origin: 0 0 0;
            transform-origin: 0 0 0
        }

        .df-sheet .df-sheet-wrapper {
            overflow: hidden
        }

        .df-sheet .df-page {
            width: 100%;
            height: 100%;
            background-color: #fff;
            box-sizing: border-box;
            z-index: 0;
            background-size: 100% 100%
        }

        .df-sheet .df-page:before {
            content: "";
            position: absolute;
            display: block;
            top: 0;
            width: 15%;
            height: 100%;
            z-index: 5;
            opacity: .5;
            pointer-events: none
        }

        .df-sheet .df-page>canvas {
            z-index: -1
        }

        .df-sheet .df-page-front:before {
            left: 0;
            background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .25), rgba(0, 0, 0, .15) 15%, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0));
            background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .25), rgba(0, 0, 0, .15) 15%, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0));
            background-image: -ms-linear-gradient(left, rgba(0, 0, 0, .25), rgba(0, 0, 0, .15) 15%, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0))
        }

        .df-sheet .df-page-back:before {
            right: 0;
            background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .25), rgba(0, 0, 0, .2) 10%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, 0) 70%);
            background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .25), rgba(0, 0, 0, .2) 10%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, 0) 70%);
            background-image: -ms-linear-gradient(right, rgba(0, 0, 0, .25), rgba(0, 0, 0, .2) 10%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, 0) 70%)
        }

        .df-sheet.df-left-side {
            right: 50%;
            -webkit-transform-origin: right;
            -moz-transform-origin: right;
            transform-origin: right
        }

        .df-sheet.df-left-side .df-page-front {
            z-index: 1
        }

        .df-sheet.df-left-side .df-page-back {
            z-index: 2
        }

        .df-sheet.df-right-side {
            left: 50%;
            -webkit-transform-origin: left;
            -moz-transform-origin: left;
            transform-origin: left
        }

        .df-sheet.df-right-side .df-page-front {
            z-index: 2
        }

        .df-sheet.df-right-side .df-page-back {
            z-index: 1
        }

        .df-sheet .df-sheet-fold-inner-shadow {
            position: absolute;
            z-index: 5;
            display: none
        }

        .df-sheet .df-sheet-fold-outer-shadow {
            z-index: -1;
            width: 100%;
            height: 100%
        }

        .df-sheet.df-flipping,
        .df-sheet.df-folding {
            z-index: 200 !important
        }

        .df-sheet.df-folding.df-left-side .df-page-front,
        .df-sheet.df-folding.df-right-side .df-page-back {
            z-index: 3
        }

        .df-sheet.df-folding .df-sheet-fold-inner-shadow {
            display: block
        }

        .df-sheet.df-folding .df-page-content {
            display: none
        }

        .df-pending .df-page-content,
        .df-pendingresize .df-page-content {
            display: none !important
        }

        .df-sheet.df-left-side.df-folding:not(.df-hard-sheet) .df-page-front {
            z-index: 3
        }

        .df-hard-sheet .df-sheet-wrapper {
            width: 100% !important;
            height: 100% !important;
            overflow: visible;
            transform-style: preserve-3d;
            -webkit-transform-origin: 0 50% 0;
            -moz-transform-origin: 0 50% 0;
            transform-origin: 0 50% 0
        }

        .df-hard-sheet .df-sheet-fold-inner-shadow,
        .df-hard-sheet .df-sheet-fold-outer-shadow {
            display: none !important
        }

        .df-hard-sheet .df-page-back,
        .df-hard-sheet .df-page-front {
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .df-hard-sheet.df-right-side .df-page-back {
            -webkit-transform-origin: right 50%;
            -moz-transform-origin: right 50%;
            transform-origin: right 50%;
            z-index: 3 !important
        }

        .df-hard-sheet.df-right-side .df-page-front {
            -webkit-transform-origin: left 50%;
            -moz-transform-origin: left 50%;
            transform-origin: left 50%;
            z-index: 4
        }

        .df-hard-sheet.df-left-side .df-page-back {
            -webkit-transform-origin: right 50%;
            -moz-transform-origin: right 50%;
            transform-origin: right 50%
        }

        .df-hard-sheet.df-left-side .df-page-front {
            -webkit-transform-origin: left 50%;
            -moz-transform-origin: left 50%;
            transform-origin: left 50%
        }

        .df-flipbook-3d.df-loading:after {
            content: "";
            background-size: 22px;
            height: 22px;
            width: 22px;
            display: block;
            top: 50%;
            left: 50%;
            margin: -11px;
            position: absolute;
            z-index: 0
        }

        .df-link-content,
        .df-text-content {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            overflow: hidden;
            pointer-events: none;
            width: auto !important;
            height: auto !important
        }

        .df-page-content.df-double-internal:not(.df-double-internal-fix)>div {
            right: -100%
        }

        .df-page-content.df-double-internal-fix>div {
            left: -100%
        }

        .df-link-content section,
        .linkAnnotation {
            position: absolute;
            z-index: 5;
            cursor: pointer;
            pointer-events: all;
            border: none !important;
            padding: 0 !important;
            margin: 0 !important
        }

        a.linkAnnotation,
        section.linkAnnotation a {
            background-color: #ff0;
            display: block;
            height: 100%;
            -moz-transition: none;
            -o-transition: none;
            -webkit-transition: none;
            transition: none
        }

        a.linkAnnotation:hover,
        section.linkAnnotation a:hover {
            border-color: transparent;
            background-color: #2196f3
        }

        .df-sidemenu-wrapper {
            -webkit-transform: translateX(-100%);
            -moz-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
            left: 0;
            top: 0;
            bottom: 0;
            width: 220px;
            position: absolute;
            z-index: 3
        }

        .df-sidemenu-wrapper .df-sidemenu-buttons {
            z-index: 6;
            position: relative;
            top: 0;
            left: 0;
            box-shadow: 0 2px 5px rgba(0, 0, 0, .3)
        }

        .df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close {
            float: right;
            display: none;
            background-color: transparent;
            padding: 6px 5px
        }

        .df-sidemenu-wrapper:before {
            content: " ";
            position: absolute;
            height: 100%;
            width: 100%;
            background-color: rgba(238, 238, 238, .9);
            z-index: 3;
            left: 0
        }

        .df-sidemenu-open .df-ui-nav.df-ui-prev {
            left: 220px
        }

        .df-sidemenu-open .df-sidemenu-wrapper {
            display: block;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            left: 0
        }

        .df-sidemenu-open .df-sidemenu-wrapper:before {
            box-shadow: 1px 0 4px rgba(102, 102, 102, .38)
        }

        .df-sidemenu-open .df-sidemenu-buttons .df-ui-close {
            display: block
        }

        .df-sidemenu-open .df-flipbook-3d.df-loading:after {
            margin-left: 99px
        }

        .df-sidemenu {
            width: 100%;
            height: auto !important;
            position: absolute !important;
            top: 0;
            bottom: 0;
            z-index: 3;
            opacity: 0;
            color: #666;
            font-size: 12px
        }

        .df-sidemenu>.df-wrapper {
            overflow: auto;
            position: absolute !important;
            top: 40px;
            bottom: 0;
            left: 0;
            right: 0;
            height: auto !important
        }

        .df-sidemenu.df-sidemenu-visible {
            opacity: 1;
            z-index: 5
        }

        .df-outline-container .df-wrapper {
            padding: 10px
        }

        .df-outline-item a {
            color: inherit !important;
            text-decoration: none !important;
            display: block;
            padding: 5px 0 5px 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            border: none !important;
            box-shadow: none !important;
            margin-bottom: 1px
        }

        .df-outline-item a:hover {
            text-decoration: underline !important;
            color: #2196f3 !important
        }

        .df-outline-toggle {
            cursor: pointer;
            float: left;
            width: 28px;
            padding: 0 5px 0 10px;
            margin-left: -28px;
            text-align: center
        }

        .df-outline-toggle:before {
            content: "\e902";
            font-size: 18px;
            font-family: dearflip
        }

        .df-outline-toggle.df-outlines-hidden:before {
            content: "\e901"
        }

        .df-outline-item a:hover,
        .df-outline-toggle:hover,
        .df-outline-toggle:hover+a {
            background-color: rgba(100, 100, 100, .05)
        }

        .df-thumb {
            margin: 0;
            cursor: pointer;
            width: 100%;
            position: relative;
            text-align: center
        }

        .df-thumb .df-wrapper {
            box-sizing: content-box !important;
            margin: 6px;
            border-radius: 3px;
            transition: .2s background;
            display: inline-block;
            vertical-align: middle;
            border: 2px dashed rgba(0, 0, 0, .3);
            position: relative
        }

        .df-thumb .df-wrapper .df-thumb-number {
            position: absolute;
            bottom: 8px;
            background-color: rgba(238, 238, 238, .85);
            color: #444;
            font-size: 14px;
            left: 50%;
            transform: translateX(-50%);
            padding: 5px;
            opacity: 0
        }

        .df-thumb .df-bg-image {
            height: 100%;
            background-size: 100%;
            box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
        }

        .df-thumb.df-thumb-requested:before {
            content: "";
            background-size: 22px;
            height: 22px;
            width: 22px;
            display: block;
            top: 50%;
            left: 50%;
            margin: -11px;
            position: absolute;
            z-index: 0
        }

        .df-thumb.df-thumb-loaded {
            height: auto !important
        }

        .df-thumb.df-thumb-loaded .df-wrapper {
            border: none;
            margin: 0;
            padding: 8px
        }

        .df-thumb.df-thumb-loaded:hover .df-wrapper .df-thumb-number {
            opacity: 1
        }

        .df-thumb.df-selected .df-wrapper,
        .df-thumb.df-thumb-loaded:hover .df-wrapper {
            background-color: #ccc;
            background-color: rgba(0, 0, 0, .1);
            opacity: 1
        }

        .df-lightbox-wrapper {
            position: fixed !important;
            top: 0;
            bottom: 0;
            right: 0;
            height: auto !important;
            left: 0;
            z-index: 99999
        }

        .df-lightbox-wrapper.df-lightbox-padded {
            top: 20px;
            left: 20px;
            bottom: 20px;
            right: 20px
        }

        .df-lightbox-wrapper .df-lightbox-bg {
            background: #eee;
            position: fixed !important;
            top: 0;
            bottom: 0;
            right: 0;
            height: auto !important;
            left: 0
        }

        .df-lightbox-wrapper .df-lightbox-controls {
            float: right;
            padding: 5px;
            z-index: 1000;
            position: relative
        }

        .df-lightbox-wrapper .df-app {
            position: absolute !important;
            width: 100%;
            top: 0;
            bottom: 0;
            height: auto !important
        }

        .df-lightbox-wrapper .df-container.df-transparent {
            height: 100%
        }

        .df-lightbox-wrapper .df-lightbox-close {
            float: right;
            text-align: center;
            font-size: 32px;
            padding: 8px 0;
            height: 48px;
            width: 46px;
            cursor: pointer;
            color: #444;
            border-color: transparent;
            background-color: transparent;
            -moz-transition: .3s;
            -o-transition: .3s;
            -webkit-transition: .3s;
            transition: .3s;
            opacity: .8
        }

        .df-lightbox-wrapper .df-lightbox-close:hover {
            color: #fff;
            background-color: rgba(0, 0, 0, .21);
            border-color: #000;
            opacity: 1
        }

        .df-lightbox-wrapper .df-lightbox-close:before {
            color: #fff;
            filter: drop-shadow(0 0 3px black)
        }

        .df-share-wrapper {
            z-index: 2;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            background-color: rgba(0, 0, 0, .35);
            display: none
        }

        .df-share-box {
            position: absolute;
            top: 50%;
            width: 280px;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            left: 50%;
            background-color: #fff;
            border-radius: 10px;
            padding: 10px 15px 5px;
            text-align: center
        }

        span.df-share-title {
            color: #777;
            margin-bottom: 10px;
            display: block
        }

        .df-share-url {
            background-color: #fff;
            height: 60px;
            color: #666;
            padding: 2px 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            width: 100%;
            font-size: 12px;
            box-sizing: border-box;
            margin-bottom: 0
        }

        .df-share-button {
            display: inline-block;
            text-align: center;
            cursor: pointer;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            padding: 5px 10px;
            font-size: 20px;
            color: #aaa
        }

        .df-share-button:hover {
            color: #444
        }

        .df-reader {
            overflow: auto;
            position: absolute;
            -webkit-overflow-scrolling: touch
        }

        .df-reader .df-viewer-wrapper {
            cursor: grab
        }

        .df-reader .df-page {
            position: relative;
            transform-origin: initial;
            margin: -10px auto;
            border: 10px solid transparent;
            left: auto;
            left: initial;
            box-sizing: content-box !important
        }

        .df-reader .df-page:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #fff;
            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
            box-shadow: 0 0 10px rgba(0, 0, 0, .2)
        }

        .df-reader~.df-ui-nav {
            display: none
        }

        .df-reader:not(.df-noscroll) {
            margin-right: -12px
        }

        .df-reader-scrollbar {
            position: absolute;
            top: 0;
            height: auto;
            right: 0;
            width: auto;
            background: rgba(255, 255, 255, .9);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
            border-radius: 20px 0 0 20px;
            padding: 6px 8px 6px 12px;
            z-index: 100;
            cursor: ns-resize
        }

        .df-reader-scrollbar.df-active,
        .df-reader-scrollbar:hover {
            background-color: #fff
        }

        .df-reader-scroll-page-number {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0);
            background-color: #ddd;
            border-radius: 10px;
            padding: 20px;
            font-size: 24px;
            z-index: 100;
            text-align: center;
            color: #333
        }

        .df-reader-scroll-page-number.df-active {
            display: block
        }

        .df-reader-scroll-page-number div {
            margin-top: 6px;
            padding-top: 6px;
            border-top: 1px solid #aaa;
            font-size: 16px;
            font-style: italic
        }

        .df-ios .df-viewer.df-reader {
            margin-right: 0
        }

        .df-no-transition {
            -moz-transition: none !important;
            -o-transition: none !important;
            -webkit-transition: none !important;
            transition: none !important
        }

        .df-float .df-ui {
            bottom: 10px;
            width: auto;
            width: intial;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            left: 50%;
            margin: 0 auto;
            display: table;
            display: flex;
            border-radius: 5px
        }

        .df-float .df-ui>.df-ui-btn:first-child {
            border-radius: 5px 0 0 5px
        }

        .df-float .df-ui>.df-ui-btn:last-child {
            border-radius: 0 5px 5px 0
        }

        .df-float-off .df-ui-left {
            justify-content: flex-start;
            display: flex;
            flex: 1
        }

        .df-float-off .df-ui-right {
            justify-content: flex-end;
            display: flex;
            flex: 1
        }

        .df-float-off .df-ui-center {
            display: flex;
            justify-content: center;
            align-items: center
        }

        .df-float-off .df-ui {
            display: flex
        }

        .df-link-content .popupWrapper {
            position: absolute;
            width: 20em
        }

        body.df-lightbox-open,
        html.df-lightbox-open {
            overflow: hidden !important
        }

        .df-zoomview {
            display: none;
            cursor: move
        }

        .df-zoomview .df-viewer-wrapper {
            position: relative;
            margin: 0 auto
        }

        .df-zoomview .df-viewer-wrapper .df-book-shadow {
            position: absolute;
            z-index: -1;
            height: 100%;
            display: none;
            -webkit-box-shadow: 0 1px 15px 1px rgba(0, 0, 0, .5);
            -moz-box-shadow: 0 1px 15px 1px rgba(0, 0, 0, .5);
            box-shadow: 0 1px 15px 1px rgba(0, 0, 0, .5)
        }

        .df-zoomview .df-page {
            position: absolute;
            top: 0;
            right: 50%;
            background-color: #fff
        }

        .df-zoomview .df-page:before {
            width: 10%;
            opacity: .5
        }

        .df-zoomview .df-page.df-page-front {
            left: 50%
        }

        .df-zoom-active .df-viewer {
            cursor: move;
            cursor: -webkit-grab
        }

        .df-zoom-active .df-flipbook {
            display: none
        }

        .df-zoom-active .df-zoomview {
            display: block
        }

        .df-container ::-webkit-scrollbar {
            width: 12px;
            height: 12px;
            cursor: pointer
        }

        .df-container ::-webkit-scrollbar-button {
            height: 0;
            width: 0;
            cursor: pointer
        }

        .df-container ::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, .5);
            border-radius: 50px
        }

        .df-container ::-webkit-scrollbar-thumb:hover {
            background: rgba(0, 0, 0, .8)
        }

        .df-container ::-webkit-scrollbar-thumb:active {
            background: rgba(0, 0, 0, .8)
        }

        .df-container ::-webkit-scrollbar-thumb,
        .df-container ::-webkit-scrollbar-thumb:active,
        .df-container ::-webkit-scrollbar-thumb:hover {
            border-right: 1px;
            border-left: 1px;
            border-style: solid;
            border-color: transparent
        }

        .df-container ::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, .05);
            border-radius: 50px
        }

        .df-container ::-webkit-scrollbar-track:hover {
            background: rgba(0, 0, 0, .1)
        }

        .df-container ::-webkit-scrollbar-track:active {
            background: rgba(0, 0, 0, .15)
        }

        .df-container ::-webkit-scrollbar-corner {
            background: 0 0
        }

        .df-sidemenu-wrapper ::-webkit-scrollbar {
            width: 10px
        }

        .df-container.df-transparent.df-fullscreen {
            background: #aaa
        }

        .df-container.df-fullscreen {
            position: fixed !important;
            left: 0 !important;
            top: 0 !important;
            width: 100% !important;
            height: 100% !important;
            z-index: 2147483647
        }

        .df-container.df-rtl .df-sidemenu-wrapper {
            left: auto;
            left: initial;
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
            right: -50px;
            direction: rtl
        }

        .df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            right: 0
        }

        .df-container.df-rtl.df-sidemenu-open .df-sidemenu-wrapper .df-sidemenu-buttons .df-ui-close {
            float: left
        }

        .df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-prev {
            left: 0
        }

        .df-container.df-rtl.df-sidemenu-open .df-ui-nav.df-ui-next {
            right: 220px
        }

        .df-container.df-rtl.df-sidemenu-open .df-flipbook-3d.df-loading:after {
            margin-left: -122px
        }

        .df-container.df-rtl .df-outline-item {
            margin: 0 18px 0 0;
            text-align: right;
            direction: rtl
        }

        .df-container.df-rtl .df-outline-item .df-outline-toggle {
            float: right;
            margin: 0 -18px 0 0
        }

        .df-container.df-rtl .df-outline-item .df-outline-toggle.df-outlines-hidden:before {
            content: "\e900"
        }

        .df-container.df-rtl .df-viewer .df-3dcanvas {
            left: 0;
            right: auto;
            right: initial
        }

        .df-container.df-rtl .df-more-container .df-ui-btn {
            text-align: right;
            direction: rtl
        }

        .df-container.df-rtl .df-more-container .df-ui-btn:before {
            right: 10px
        }

        .df-container.df-rtl .df-more-container .df-ui-btn span {
            padding: 0 24px 0 0
        }

        .df-lightbox-wrapper.df-rtl .df-lightbox-controls {
            float: left
        }

        .df-element[data-df-lightbox] {
            cursor: pointer
        }

        .df-icon-play-popup {
            position: relative
        }

        .df-icon-play-popup:before {
            top: 50%;
            position: absolute;
            left: 50%;
            font-size: 40px;
            background: #777;
            border-radius: 50%;
            padding: 10px;
            box-shadow: 0 1px 5px #777;
            margin-top: -30px;
            margin-left: -30px;
            display: block;
            color: #fff;
            z-index: 1;
            -moz-transition: .3s;
            -o-transition: .3s;
            -webkit-transition: .3s;
            transition: .3s ease;
            -moz-transition-property: opacity;
            -o-transition-property: opacity;
            -webkit-transition-property: opacity;
            transition-property: opacity;
            pointer-events: none
        }

        .df-icon-play-popup:hover:before {
            opacity: 0
        }

        .df-posts {
            max-width: 1140px;
            margin: 0 auto
        }

        df-post-shelf {
            display: none;
            height: 160px;
            background-color: transparent;
            z-index: 0;
            margin: -105px -40px -40px;
            position: relative;
            background-repeat: no-repeat
        }

        df-post-shelf:nth-of-type(5n) {
            display: block
        }

        df-post-shelf:after {
            content: " ";
            height: 160px;
            display: block;
            position: absolute;
            bottom: 0;
            right: 0;
            width: 240px;
            z-index: 1;
            background-position: 0 -160px;
            background-repeat: no-repeat;
            background-image: inherit;
            background-size: inherit
        }

        df-post-shelf:before {
            content: " ";
            display: block;
            position: absolute;
            left: 240px;
            bottom: 0;
            right: 240px;
            height: 160px;
            z-index: 1;
            background-image: inherit;
            background-size: inherit;
            background-repeat: repeat-x;
            background-position: 0 -320px
        }

        .df-posts.df-has-shelf {
            padding: 0 40px 50px
        }

        @media screen and (max-width:1100px) {
            df-post-shelf:nth-of-type(n) {
                display: none
            }

            df-post-shelf:nth-of-type(4n) {
                display: block
            }
        }

        @media screen and (max-width:900px) {
            df-post-shelf:nth-of-type(n) {
                display: none
            }

            df-post-shelf:nth-of-type(3n) {
                display: block
            }
        }

        @media screen and (max-width:600px) {
            df-post-shelf:nth-of-type(n) {
                display: none
            }

            df-post-shelf:nth-of-type(2n) {
                display: block
            }

            df-post-shelf {
                background-size: 120px 480px
            }

            df-post-shelf:before {
                left: 120px;
                right: 120px
            }

            df-post-shelf:after {
                width: 120px
            }
        }

        @media screen and (max-width:420px) {
            df-post-shelf:nth-of-type(n) {
                display: block
            }
        }

        .df-posts {
            container-type: inline-size;
            container-name: dfposts;
            width: 100%;
            box-sizing: border-box !important
        }

        @container dfposts (max-width:1020px) {
            df-post-shelf:nth-of-type(n) {
                display: none
            }

            df-post-shelf:nth-of-type(4n) {
                display: block
            }
        }

        @container dfposts (max-width:820px) {
            df-post-shelf:nth-of-type(n) {
                display: none
            }

            df-post-shelf:nth-of-type(3n) {
                display: block
            }
        }

        @container dfposts (max-width:520px) {
            df-post-shelf:nth-of-type(n) {
                display: none
            }

            df-post-shelf:nth-of-type(2n) {
                display: block
            }

            df-post-shelf {
                background-size: 120px 480px
            }

            df-post-shelf:before {
                left: 120px;
                right: 120px
            }

            df-post-shelf:after {
                width: 120px
            }
        }

        @container dfposts (max-width:320px) {
            df-post-shelf:nth-of-type(n) {
                display: block
            }
        }

        df-post-shelf:last-of-type {
            display: block
        }

        .df-page-content {
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .df-auto-link-content,
        .df-text-content {
            line-height: 1;
            transform-origin: top left
        }

        .df-auto-link-content {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            overflow: hidden;
            pointer-events: none
        }

        .df-auto-link-content span,
        .df-text-content br,
        .df-text-content span {
            color: transparent !important;
            position: absolute;
            white-space: pre;
            cursor: text;
            transform-origin: 0% 0%
        }

        .df-auto-link-content>span {
            overflow: hidden
        }

        .df-text-content .highlight {
            margin: -1px;
            padding: 1px;
            background-color: #b400aa;
            border-radius: 4px
        }

        .df-text-content .highlight.begin {
            border-radius: 4px 0 0 4px
        }

        .df-text-content .highlight.end {
            border-radius: 0 4px 4px 0
        }

        .df-text-content .highlight.middle {
            border-radius: 0
        }

        .df-link-content :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton)>a {
            position: absolute;
            font-size: 1em;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .df-viewer::-webkit-scrollbar-button {
            height: 50px
        }

        .df-viewer::-webkit-scrollbar-thumb {
            min-height: 50px
        }

        .df-container .df-reader ::-webkit-scrollbar-thumb,
        .df-container .df-reader ::-webkit-scrollbar-track {
            background: 0 0
        }

        .df-container.df-pinch-zoom ::-webkit-scrollbar-thumb,
        .df-container.df-pinch-zoom ::-webkit-scrollbar-track {
            background: 0 0
        }

        .df-container.df-pinch-zoom .df-page-content {
            display: none
        }

        .df-comment-popup {
            display: none;
            position: absolute;
            width: 360px;
            background-color: #ff9;
            box-shadow: 0 2px 5px #333;
            border-radius: 2px;
            z-index: 9;
            padding: 10px;
            word-break: break-word
        }

        .df-comment-popup.df-active {
            display: block
        }

        .df-comment-popup p {
            margin: 0
        }

        .df-comment-popup h1 {
            padding-bottom: 5px;
            border-bottom: 1px solid;
            margin-top: 0;
            font-size: 1em
        }

        .df-slider {
            -webkit-filter: blur(0);
            -moz-filter: blur(0);
            -ms-filter: blur(0);
            -o-filter: blur(0);
            filter: blur(0)
        }

        .df-slider .df-viewer-wrapper {
            position: relative;
            margin: 0 auto;
            height: 100%;
            -moz-transition: left .3s;
            -o-transition: left .3s;
            -webkit-transition: left .3s;
            transition: .3s left
        }

        .df-slider .df-sheet {
            -moz-transition: transform .5s;
            -o-transition: transform .5s;
            -webkit-transition: transform .5s;
            transition: transform .5s
        }

        .df-slider .df-sheet.df-left-side,
        .df-slider .df-sheet.df-right-side {
            left: 50% !important
        }

        .df-slider .df-sheet:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #fff;
            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
            box-shadow: 0 0 10px rgba(0, 0, 0, .2)
        }

        .df-slider .df-page:before {
            display: none
        }

        .df-slider .df-page.df-page-front {
            z-index: 3
        }

        .df-slider+.df-zoomview .df-page:before {
            display: none
        }

        .df-has-shelf df-post-shelf {
            background: 0 0;
            perspective: 400px;
            margin: 5px 0 30px;
            height: 0;
            box-shadow: 0 5px 40px 15px rgba(0, 0, 0, .3137254902)
        }

        .df-has-shelf df-post-shelf:after,
        .df-has-shelf df-post-shelf:before {
            background-size: auto;
            left: -40px;
            right: -40px;
            width: auto;
            background-repeat: repeat-x;
            transform-style: preserve-3d;
            background-position: 0 0
        }

        .df-has-shelf df-post-shelf:before {
            transform: translateY(-15px) rotateX(50deg);
            height: 50px;
            transform-origin: bottom;
            box-shadow: inset 0 3px 15px 0 rgba(0, 0, 0, .6117647059)
        }

        .df-has-shelf df-post-shelf:after {
            transform: translateZ(0);
            height: 15px;
            box-shadow: inset 0 3px 3px rgba(243, 243, 243, .3215686275);
            background-position: 0 -50px
        }

        .df-search-result {
            color: inherit !important;
            text-decoration: none !important;
            overflow: hidden;
            border: none !important;
            box-shadow: none !important;
            margin-bottom: 1px;
            padding: 5px 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer
        }

        .df-search-result.df-active,
        .df-search-result:hover {
            background-color: rgba(100, 100, 100, .2)
        }

        .df-search-hits {
            z-index: 10;
            display: none
        }

        .df-search-open .df-search-hits {
            display: inline-block
        }

        .df-trigger {
            cursor: pointer
        }

        .df-element[data-df-lightbox] {
            position: relative
        }

        .df-posts [skip-parse] {
            display: none
        }

        .df-posts {
            text-align: center;
            position: relative
        }

        .df-load-more-button-wrapper {
            text-align: center;
            display: none;
            margin-top: 20px
        }

        .df-posts [skip-parse]~.df-load-more-button-wrapper {
            display: block
        }

        .df-load-more-button {
            padding: 10px 15px;
            display: inline-block;
            margin: 0 auto;
            cursor: pointer;
            background: #0085ba;
            color: #fff
        }

        ._df_book {
            min-height: 400px
        }

        .cookie-notice-container a {
            color: #5ac8ff
        }

        .navbar .dropdown-menu li span {
            display: block;
            color: #000;
            padding: 8px 6px;
            cursor: pointer
        }

        #ss_page_loading,
        #ss_page_loading img,
        .nospeech,
        .nospeech img {
            display: none !important
        }

        .grecaptcha-badge {
            bottom: 60px !important
        }

        .captcha-image {
            border: 1px solid;
            padding: 10px;
            display: inline-block;
            text-align: center
        }

        .cf7ic_instructions {
            display: block
        }

        .captcha-image .cf7ic_instructions span {
            font-weight: 700
        }

        span.captcha-image>label {
            display: inline-block !important;
            position: relative;
            width: auto !important
        }

        .captcha-image svg {
            padding: 5px;
            width: 35px;
            height: 35px;
            box-sizing: border-box
        }

        .captcha-image label>input+svg {
            cursor: pointer;
            border: 2px solid transparent;
            position: relative;
            overflow: hidden
        }

        .captcha-image label:nth-child(2),
        .captcha-image label:nth-child(3) {
            margin-right: 5px
        }

        .captcha-image label>input:checked+svg,
        .captcha-image label>input:focus+svg {
            border: 2px solid red
        }

        .kc_captcha {
            display: inherit
        }

        .captcha-image label>input {
            opacity: 0 !important;
            width: 0 !important;
            height: 0 !important;
            min-width: 0 !important;
            min-height: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
            position: absolute !important
        }

        .captcha-image label>input+* {
            position: static;
            cursor: pointer;
            border-width: 2px;
            border-style: none;
            border-color: transparent;
            padding: 7px
        }

        .captcha-image label>input:checked+*,
        .captcha-image label>input:focus+* {
            padding: 7px;
            border-width: 2px;
            border-style: solid
        }

        .wpcf7 .screen-reader-response {
            position: absolute;
            overflow: hidden;
            clip: rect(1px, 1px, 1px, 1px);
            clip-path: inset(50%);
            height: 1px;
            width: 1px;
            margin: -1px;
            padding: 0;
            border: 0;
            word-wrap: normal !important
        }

        .wpcf7 form .wpcf7-response-output {
            margin: 2em .5em 1em;
            padding: .2em 1em;
            border: 2px solid #00a0d2
        }

        .wpcf7 form.init .wpcf7-response-output,
        .wpcf7 form.resetting .wpcf7-response-output,
        .wpcf7 form.submitting .wpcf7-response-output {
            display: none
        }

        .wpcf7 form.sent .wpcf7-response-output {
            border-color: #46b450
        }

        .wpcf7 form.aborted .wpcf7-response-output,
        .wpcf7 form.failed .wpcf7-response-output {
            border-color: #dc3232
        }

        .wpcf7 form.spam .wpcf7-response-output {
            border-color: #f56e28
        }

        .wpcf7 form.invalid .wpcf7-response-output,
        .wpcf7 form.payment-required .wpcf7-response-output,
        .wpcf7 form.unaccepted .wpcf7-response-output {
            border-color: #ffb900
        }

        .wpcf7-form-control-wrap {
            position: relative
        }

        .wpcf7-not-valid-tip {
            color: #dc3232;
            font-size: 1em;
            font-weight: 400;
            display: block
        }

        .use-floating-validation-tip .wpcf7-not-valid-tip {
            position: relative;
            top: -2ex;
            left: 1em;
            z-index: 100;
            border: 1px solid #dc3232;
            background: #fff;
            padding: .2em .8em;
            width: 24em
        }

        .wpcf7-spinner {
            visibility: hidden;
            display: inline-block;
            background-color: #23282d;
            opacity: .75;
            width: 24px;
            height: 24px;
            border: none;
            border-radius: 100%;
            padding: 0;
            margin: 0 24px;
            position: relative
        }

        form.submitting .wpcf7-spinner {
            visibility: visible
        }

        .wpcf7-spinner::before {
            content: '';
            position: absolute;
            background-color: #fbfbfc;
            top: 4px;
            left: 4px;
            width: 6px;
            height: 6px;
            border: none;
            border-radius: 100%;
            transform-origin: 8px 8px;
            animation-name: spin;
            animation-duration: 1s;
            animation-timing-function: linear;
            animation-iteration-count: infinite
        }

        @media (prefers-reduced-motion:reduce) {
            .wpcf7-spinner::before {
                animation-name: blink;
                animation-duration: 2s
            }
        }

        @keyframes spin {
            from {
                transform: rotate(0)
            }

            to {
                transform: rotate(360deg)
            }
        }

        @keyframes blink {
            from {
                opacity: 0
            }

            50% {
                opacity: 1
            }

            to {
                opacity: 0
            }
        }

        .wpcf7 [inert] {
            opacity: .5
        }

        .wpcf7 input[type=file] {
            cursor: pointer
        }

        .wpcf7 input[type=file]:disabled {
            cursor: default
        }

        .wpcf7 .wpcf7-submit:disabled {
            cursor: not-allowed
        }

        .wpcf7 input[type=email],
        .wpcf7 input[type=tel],
        .wpcf7 input[type=url] {
            direction: ltr
        }

        .owl-carousel {
            -webkit-tap-highlight-color: transparent;
            position: relative;
            display: none;
            width: 100%;
            z-index: 1
        }

        .owl-carousel .owl-stage {
            position: relative;
            touch-action: manipulation
        }

        .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;
            transform: translate3d(0, 0, 0)
        }

        .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;
            -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 {
            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: -webkit-grab;
            cursor: grab
        }

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

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

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

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

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

        .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(https://inoxoft.com/wp-content/themes/inoxoft/css/libraries/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 {
            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%
        }

        .mfp-bg {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1042;
            overflow: hidden;
            position: fixed;
            background: #0b0b0b;
            opacity: .8
        }

        .mfp-wrap {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1043;
            position: fixed;
            outline: 0 !important;
            -webkit-backface-visibility: hidden
        }

        .mfp-container {
            text-align: center;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            padding: 0 8px;
            box-sizing: border-box
        }

        .mfp-container:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle
        }

        .mfp-align-top .mfp-container:before {
            display: none
        }

        .mfp-content {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin: 0 auto;
            text-align: left;
            z-index: 1045
        }

        .mfp-ajax-holder .mfp-content,
        .mfp-inline-holder .mfp-content {
            width: 100%;
            cursor: auto
        }

        .mfp-ajax-cur {
            cursor: progress
        }

        .mfp-zoom-out-cur,
        .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
            cursor: -moz-zoom-out;
            cursor: -webkit-zoom-out;
            cursor: zoom-out
        }

        .mfp-zoom {
            cursor: pointer;
            cursor: -webkit-zoom-in;
            cursor: -moz-zoom-in;
            cursor: zoom-in
        }

        .mfp-auto-cursor .mfp-content {
            cursor: auto
        }

        .mfp-arrow,
        .mfp-close,
        .mfp-counter,
        .mfp-preloader {
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .mfp-loading.mfp-figure {
            display: none
        }

        .mfp-hide {
            display: none !important
        }

        .mfp-preloader {
            color: #ccc;
            position: absolute;
            top: 50%;
            width: auto;
            text-align: center;
            margin-top: -.8em;
            left: 8px;
            right: 8px;
            z-index: 1044
        }

        .mfp-preloader a {
            color: #ccc
        }

        .mfp-preloader a:hover {
            color: #fff
        }

        .mfp-s-ready .mfp-preloader {
            display: none
        }

        .mfp-s-error .mfp-content {
            display: none
        }

        button.mfp-arrow,
        button.mfp-close {
            overflow: visible;
            cursor: pointer;
            background: 0 0;
            border: 0;
            -webkit-appearance: none;
            display: block;
            outline: 0;
            padding: 0;
            z-index: 1046;
            box-shadow: none;
            touch-action: manipulation
        }

        button::-moz-focus-inner {
            padding: 0;
            border: 0
        }

        .mfp-close {
            width: 44px;
            height: 44px;
            line-height: 44px;
            position: absolute;
            right: 0;
            top: 0;
            text-decoration: none;
            text-align: center;
            opacity: .65;
            padding: 0 0 18px 10px;
            color: #fff;
            font-style: normal;
            font-size: 28px;
            font-family: Arial, Baskerville, monospace
        }

        .mfp-close:focus,
        .mfp-close:hover {
            opacity: 1
        }

        .mfp-close:active {
            top: 1px
        }

        .mfp-close-btn-in .mfp-close {
            color: #333
        }

        .mfp-iframe-holder .mfp-close,
        .mfp-image-holder .mfp-close {
            color: #fff;
            right: -6px;
            text-align: right;
            padding-right: 6px;
            width: 100%
        }

        .mfp-counter {
            position: absolute;
            top: 0;
            right: 0;
            color: #ccc;
            font-size: 12px;
            line-height: 18px;
            white-space: nowrap
        }

        .mfp-arrow {
            position: absolute;
            opacity: .65;
            margin: 0;
            top: 50%;
            margin-top: -55px;
            padding: 0;
            width: 90px;
            height: 110px;
            -webkit-tap-highlight-color: transparent
        }

        .mfp-arrow:active {
            margin-top: -54px
        }

        .mfp-arrow:focus,
        .mfp-arrow:hover {
            opacity: 1
        }

        .mfp-arrow:after,
        .mfp-arrow:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            left: 0;
            top: 0;
            margin-top: 35px;
            margin-left: 35px;
            border: inset transparent
        }

        .mfp-arrow:after {
            border-top-width: 13px;
            border-bottom-width: 13px;
            top: 8px
        }

        .mfp-arrow:before {
            border-top-width: 21px;
            border-bottom-width: 21px;
            opacity: .7
        }

        .mfp-arrow-left {
            left: 0
        }

        .mfp-arrow-left:after {
            border-right: 17px solid #fff;
            margin-left: 31px
        }

        .mfp-arrow-left:before {
            margin-left: 25px;
            border-right: 27px solid #3f3f3f
        }

        .mfp-arrow-right {
            right: 0
        }

        .mfp-arrow-right:after {
            border-left: 17px solid #fff;
            margin-left: 39px
        }

        .mfp-arrow-right:before {
            border-left: 27px solid #3f3f3f
        }

        .mfp-iframe-holder {
            padding-top: 40px;
            padding-bottom: 40px
        }

        .mfp-iframe-holder .mfp-content {
            line-height: 0;
            width: 100%;
            max-width: 900px
        }

        .mfp-iframe-holder .mfp-close {
            top: -40px
        }

        .mfp-iframe-scaler {
            width: 100%;
            height: 0;
            overflow: hidden;
            padding-top: 56.25%
        }

        .mfp-iframe-scaler iframe {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            box-shadow: 0 0 8px rgba(0, 0, 0, .6);
            background: #000
        }

        img.mfp-img {
            width: auto;
            max-width: 100%;
            height: auto;
            display: block;
            line-height: 0;
            box-sizing: border-box;
            padding: 40px 0;
            margin: 0 auto
        }

        .mfp-figure {
            line-height: 0
        }

        .mfp-figure:after {
            content: '';
            position: absolute;
            left: 0;
            top: 40px;
            bottom: 40px;
            display: block;
            right: 0;
            width: auto;
            height: auto;
            z-index: -1;
            box-shadow: 0 0 8px rgba(0, 0, 0, .6);
            background: #444
        }

        .mfp-figure small {
            color: #bdbdbd;
            display: block;
            font-size: 12px;
            line-height: 14px
        }

        .mfp-figure figure {
            margin: 0
        }

        .mfp-bottom-bar {
            margin-top: -36px;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            cursor: auto
        }

        .mfp-title {
            text-align: left;
            line-height: 18px;
            color: #f3f3f3;
            word-wrap: break-word;
            padding-right: 36px
        }

        .mfp-image-holder .mfp-content {
            max-width: 100%
        }

        .mfp-gallery .mfp-image-holder .mfp-figure {
            cursor: pointer
        }

        @media screen and (max-width:800px) and (orientation:landscape),
        screen and (max-height:300px) {
            .mfp-img-mobile .mfp-image-holder {
                padding-left: 0;
                padding-right: 0
            }

            .mfp-img-mobile img.mfp-img {
                padding: 0
            }

            .mfp-img-mobile .mfp-figure:after {
                top: 0;
                bottom: 0
            }

            .mfp-img-mobile .mfp-figure small {
                display: inline;
                margin-left: 5px
            }

            .mfp-img-mobile .mfp-bottom-bar {
                background: rgba(0, 0, 0, .6);
                bottom: 0;
                margin: 0;
                top: auto;
                padding: 3px 5px;
                position: fixed;
                box-sizing: border-box
            }

            .mfp-img-mobile .mfp-bottom-bar:empty {
                padding: 0
            }

            .mfp-img-mobile .mfp-counter {
                right: 5px;
                top: 3px
            }

            .mfp-img-mobile .mfp-close {
                top: 0;
                right: 0;
                width: 35px;
                height: 35px;
                line-height: 35px;
                background: rgba(0, 0, 0, .6);
                position: fixed;
                text-align: center;
                padding: 0
            }
        }

        @media all and (max-width:900px) {
            .mfp-arrow {
                -webkit-transform: scale(.75);
                transform: scale(.75)
            }

            .mfp-arrow-left {
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0
            }

            .mfp-arrow-right {
                -webkit-transform-origin: 100%;
                transform-origin: 100%
            }

            .mfp-container {
                padding-left: 6px;
                padding-right: 6px
            }
        }

        .fancybox-enabled {
            overflow: hidden
        }

        .fancybox-enabled body {
            overflow: visible;
            height: 100%
        }

        .fancybox-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 99993;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .fancybox-container~.fancybox-container {
            z-index: 99992
        }

        .fancybox-bg {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #0f0f11;
            opacity: 0;
            transition-timing-function: cubic-bezier(.55, .06, .68, .19);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .fancybox-container--ready .fancybox-bg {
            opacity: .87;
            transition-timing-function: cubic-bezier(.22, .61, .36, 1)
        }

        .fancybox-controls {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            text-align: center;
            opacity: 0;
            z-index: 99994;
            transition: opacity .2s;
            pointer-events: none;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            direction: ltr
        }

        .fancybox-show-controls .fancybox-controls {
            opacity: 1
        }

        .fancybox-infobar {
            display: none
        }

        .fancybox-show-infobar .fancybox-infobar {
            display: inline-block;
            pointer-events: all
        }

        .fancybox-infobar__body {
            display: inline-block;
            width: 70px;
            line-height: 44px;
            font-size: 13px;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-align: center;
            color: #ddd;
            background-color: rgba(30, 30, 30, .7);
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            -webkit-tap-highlight-color: transparent;
            -webkit-font-smoothing: subpixel-antialiased
        }

        .fancybox-buttons {
            position: absolute;
            top: 0;
            right: 0;
            display: none;
            pointer-events: all
        }

        .fancybox-show-buttons .fancybox-buttons {
            display: block
        }

        .fancybox-slider-wrap {
            overflow: hidden;
            direction: ltr
        }

        .fancybox-slider,
        .fancybox-slider-wrap {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            padding: 0;
            margin: 0;
            z-index: 99993;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-tap-highlight-color: transparent
        }

        .fancybox-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: auto;
            outline: 0;
            white-space: normal;
            box-sizing: border-box;
            text-align: center;
            z-index: 99994;
            -webkit-overflow-scrolling: touch
        }

        .fancybox-slide::before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            width: 0
        }

        .fancybox-slide>* {
            display: inline-block;
            position: relative;
            padding: 24px;
            margin: 44px 0;
            border-width: 0;
            vertical-align: middle;
            text-align: left;
            background-color: #fff;
            overflow: auto;
            box-sizing: border-box
        }

        .fancybox-slide--image {
            overflow: hidden
        }

        .fancybox-slide--image::before {
            display: none
        }

        .fancybox-content {
            display: inline-block;
            position: relative;
            margin: 44px auto;
            padding: 0;
            border: 0;
            width: 80%;
            height: calc(100% - 88px);
            vertical-align: middle;
            line-height: normal;
            text-align: left;
            white-space: normal;
            outline: 0;
            font-size: 16px;
            font-family: Arial, sans-serif;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
            -webkit-overflow-scrolling: touch
        }

        .fancybox-iframe {
            display: block;
            margin: 0;
            padding: 0;
            border: 0;
            width: 100%;
            height: 100%;
            background: #fff
        }

        .fancybox-slide--video .fancybox-content,
        .fancybox-slide--video .fancybox-iframe {
            background: 0 0
        }

        .fancybox-placeholder {
            position: absolute;
            top: 0;
            left: 0;
            margin: 0;
            padding: 0;
            border: 0;
            z-index: 99995;
            background: 0 0;
            cursor: default;
            overflow: visible;
            transform-origin: top left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .fancybox-image,
        .fancybox-spaceball {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            border: 0;
            max-width: none;
            max-height: none;
            background: 0 0;
            background-size: 100% 100%
        }

        .fancybox-controls--canzoomOut .fancybox-placeholder {
            cursor: zoom-out
        }

        .fancybox-controls--canzoomIn .fancybox-placeholder {
            cursor: zoom-in
        }

        .fancybox-controls--canGrab .fancybox-placeholder {
            cursor: -webkit-grab;
            cursor: grab
        }

        .fancybox-controls--isGrabbing .fancybox-placeholder {
            cursor: -webkit-grabbing;
            cursor: grabbing
        }

        .fancybox-spaceball {
            z-index: 1
        }

        .fancybox-tmp {
            position: absolute;
            top: -9999px;
            left: -9999px;
            visibility: hidden
        }

        .fancybox-error {
            position: absolute;
            margin: 0;
            padding: 40px;
            top: 50%;
            left: 50%;
            width: 380px;
            max-width: 100%;
            transform: translate(-50%, -50%);
            background: #fff;
            cursor: default
        }

        .fancybox-error p {
            margin: 0;
            padding: 0;
            color: #444;
            font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif
        }

        .fancybox-close-small {
            position: absolute;
            top: 0;
            right: 0;
            width: 44px;
            height: 44px;
            padding: 0;
            margin: 0;
            border: 0;
            border-radius: 0;
            outline: 0;
            background: 0 0;
            z-index: 10;
            cursor: pointer
        }

        .fancybox-close-small:after {
            content: '×';
            position: absolute;
            top: 5px;
            right: 5px;
            width: 30px;
            height: 30px;
            font: 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
            color: #888;
            font-weight: 300;
            text-align: center;
            border-radius: 50%;
            border-width: 0;
            background: #fff;
            transition: background .2s;
            box-sizing: border-box;
            z-index: 2
        }

        .fancybox-close-small:focus:after {
            outline: #888 dotted 1px
        }

        .fancybox-slide--video .fancybox-close-small {
            top: -36px;
            right: -36px;
            background: 0 0
        }

        .fancybox-close-small:hover:after {
            color: #555;
            background: #eee
        }

        .fancybox-caption-wrap {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 60px 30px 0;
            z-index: 99998;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            box-sizing: border-box;
            background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8) 100%);
            opacity: 0;
            transition: opacity .2s;
            pointer-events: none
        }

        .fancybox-show-caption .fancybox-caption-wrap {
            opacity: 1
        }

        .fancybox-caption {
            padding: 30px 0;
            border-top: 1px solid rgba(255, 255, 255, .4);
            font-size: 14px;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #fff;
            line-height: 20px;
            -webkit-text-size-adjust: none
        }

        .fancybox-caption a,
        .fancybox-caption button {
            pointer-events: all
        }

        .fancybox-caption a {
            color: #fff;
            text-decoration: underline
        }

        .fancybox-button {
            display: inline-block;
            position: relative;
            width: 44px;
            height: 44px;
            line-height: 44px;
            margin: 0;
            padding: 0;
            border: 0;
            border-radius: 0;
            cursor: pointer;
            background: 0 0;
            color: #fff;
            box-sizing: border-box;
            vertical-align: top;
            outline: 0
        }

        .fancybox-button--disabled {
            cursor: default;
            pointer-events: none
        }

        .fancybox-button,
        .fancybox-infobar__body {
            background: rgba(30, 30, 30, .6)
        }

        .fancybox-button:hover {
            background: rgba(0, 0, 0, .8)
        }

        .fancybox-button::after,
        .fancybox-button::before {
            content: '';
            pointer-events: none;
            position: absolute;
            border-color: #fff;
            background-color: currentColor;
            color: currentColor;
            opacity: .9;
            box-sizing: border-box;
            display: inline-block
        }

        .fancybox-button--disabled::after,
        .fancybox-button--disabled::before {
            opacity: .5
        }

        .fancybox-button--left::after {
            left: 20px;
            top: 18px;
            width: 6px;
            height: 6px;
            background: 0 0;
            border-top: 2px solid currentColor;
            border-right: 2px solid currentColor;
            transform: rotate(-135deg)
        }

        .fancybox-button--right::after {
            right: 20px;
            top: 18px;
            width: 6px;
            height: 6px;
            background: 0 0;
            border-top: 2px solid currentColor;
            border-right: 2px solid currentColor;
            transform: rotate(45deg)
        }

        .fancybox-button--left {
            border-bottom-left-radius: 5px
        }

        .fancybox-button--right {
            border-bottom-right-radius: 5px
        }

        .fancybox-button--close {
            float: right
        }

        .fancybox-button--close::after,
        .fancybox-button--close::before {
            content: '';
            display: inline-block;
            position: absolute;
            height: 2px;
            width: 16px;
            top: calc(50% - 1px);
            left: calc(50% - 8px)
        }

        .fancybox-button--close::before {
            transform: rotate(45deg)
        }

        .fancybox-button--close::after {
            transform: rotate(-45deg)
        }

        .fancybox-loading {
            border: 6px solid rgba(100, 100, 100, .4);
            border-top: 6px solid rgba(255, 255, 255, .6);
            border-radius: 100%;
            height: 50px;
            width: 50px;
            -webkit-animation: .8s linear infinite fancybox-rotate;
            animation: .8s linear infinite fancybox-rotate;
            background: 0 0;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -25px;
            margin-left: -25px;
            z-index: 99999
        }

        @-webkit-keyframes fancybox-rotate {
            from {
                transform: rotate(0)
            }

            to {
                transform: rotate(359deg)
            }
        }

        @keyframes fancybox-rotate {
            from {
                transform: rotate(0)
            }

            to {
                transform: rotate(359deg)
            }
        }

        .fancybox-button--fullscreen::before {
            width: 15px;
            height: 11px;
            left: 15px;
            top: 16px;
            border: 2px solid;
            background: 0 0
        }

        .fancybox-button--play::before {
            top: 16px;
            left: 18px;
            width: 0;
            height: 0;
            border-top: 6px inset transparent;
            border-bottom: 6px inset transparent;
            border-left: 10px solid;
            border-radius: 1px;
            background: 0 0
        }

        .fancybox-button--pause::before {
            top: 16px;
            left: 18px;
            width: 7px;
            height: 11px;
            border-style: solid;
            border-width: 0 2px;
            background: 0 0
        }

        .fancybox-button--thumbs span {
            font-size: 23px
        }

        .fancybox-button--thumbs::before {
            top: 20px;
            left: 21px;
            width: 3px;
            height: 3px;
            box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
        }

        .fancybox-container--thumbs .fancybox-caption-wrap,
        .fancybox-container--thumbs .fancybox-controls,
        .fancybox-container--thumbs .fancybox-slider-wrap {
            right: 220px
        }

        .fancybox-thumbs {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: auto;
            width: 220px;
            margin: 0;
            padding: 5px 5px 0 0;
            background: #fff;
            z-index: 99993;
            word-break: normal;
            -webkit-overflow-scrolling: touch;
            -webkit-tap-highlight-color: transparent;
            box-sizing: border-box
        }

        .fancybox-thumbs>ul {
            list-style: none;
            position: absolute;
            position: relative;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow-x: hidden;
            overflow-y: auto;
            font-size: 0
        }

        .fancybox-thumbs>ul>li {
            float: left;
            overflow: hidden;
            max-width: 50%;
            padding: 0;
            margin: 0;
            width: 105px;
            height: 75px;
            position: relative;
            cursor: pointer;
            outline: 0;
            border: 5px solid #fff;
            border-top-width: 0;
            border-right-width: 0;
            -webkit-tap-highlight-color: transparent;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            box-sizing: border-box
        }

        li.fancybox-thumbs-loading {
            background: rgba(0, 0, 0, .1)
        }

        .fancybox-thumbs>ul>li>img {
            position: absolute;
            top: 0;
            left: 0;
            min-width: 100%;
            min-height: 100%;
            max-width: none;
            max-height: none;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .fancybox-thumbs>ul>li:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius: 2px;
            border: 4px solid #4ea7f9;
            z-index: 99991;
            opacity: 0;
            transition: all .2s cubic-bezier(.25, .46, .45, .94)
        }

        .fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
            opacity: 1
        }

        @media all and (max-width:767px) {
            .fancybox-controls {
                text-align: left
            }

            .fancybox-button--left,
            .fancybox-button--right,
            .fancybox-buttons button:not(.fancybox-button--close) {
                display: none !important
            }

            .fancybox-caption {
                padding: 20px 0;
                margin: 0
            }

            .fancybox-thumbs {
                display: none !important
            }

            .fancybox-container--thumbs .fancybox-caption-wrap,
            .fancybox-container--thumbs .fancybox-controls,
            .fancybox-container--thumbs .fancybox-slider-wrap {
                right: 0
            }
        }

        #cookie-notice,
        #cookie-notice .cn-button:not(.cn-button-custom) {
            font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, "Helvetica Neue", sans-serif;
            font-weight: 400;
            font-size: 13px;
            text-align: center
        }

        #cookie-notice {
            position: fixed;
            min-width: 100%;
            height: auto;
            z-index: 100000;
            letter-spacing: 0;
            line-height: 20px;
            left: 0
        }

        #cookie-notice,
        #cookie-notice * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        #cookie-notice.cn-animated {
            -webkit-animation-duration: .5s !important;
            animation-duration: .5s !important;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both
        }

        #cookie-notice .cookie-notice-container {
            display: block
        }

        #cookie-notice.cookie-notice-hidden .cookie-notice-container {
            display: none
        }

        .cn-position-bottom {
            bottom: 0
        }

        .cookie-notice-container {
            padding: 15px 30px;
            text-align: center;
            width: 100%;
            z-index: 2
        }

        .cn-close-icon {
            position: absolute;
            right: 15px;
            top: 50%;
            margin-top: -10px;
            width: 15px;
            height: 15px;
            opacity: .5;
            padding: 10px;
            outline: 0;
            cursor: pointer
        }

        .cn-close-icon:hover {
            opacity: 1
        }

        .cn-close-icon:after,
        .cn-close-icon:before {
            position: absolute;
            content: ' ';
            height: 15px;
            width: 2px;
            top: 3px;
            background-color: grey
        }

        .cn-close-icon:before {
            transform: rotate(45deg)
        }

        .cn-close-icon:after {
            transform: rotate(-45deg)
        }

        #cookie-notice .cn-revoke-cookie {
            margin: 0
        }

        #cookie-notice .cn-button {
            margin: 0 0 0 10px;
            display: inline-block
        }

        #cookie-notice .cn-button:not(.cn-button-custom) {
            letter-spacing: .25px;
            margin: 0 0 0 10px;
            text-transform: none;
            display: inline-block;
            cursor: pointer;
            touch-action: manipulation;
            white-space: nowrap;
            outline: 0;
            box-shadow: none;
            text-shadow: none;
            border: none;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            text-decoration: none;
            padding: 8.5px 10px;
            line-height: 1;
            color: inherit
        }

        .cn-text-container {
            margin: 0 0 6px
        }

        .cn-buttons-container,
        .cn-text-container {
            display: inline-block
        }

        #cookie-notice.cookie-notice-visible.cn-effect-fade,
        #cookie-notice.cookie-revoke-visible.cn-effect-fade {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn
        }

        #cookie-notice.cn-effect-fade {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut
        }

        @-webkit-keyframes fadeIn {
            from {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        @-webkit-keyframes fadeOut {
            0% {
                opacity: 1
            }

            100% {
                opacity: 0
            }

            from {
                opacity: 1
            }

            to {
                opacity: 0
            }
        }

        @keyframes fadeOut {
            0% {
                opacity: 1
            }

            100% {
                opacity: 0
            }

            from {
                opacity: 1
            }

            to {
                opacity: 0
            }
        }

        @media all and (max-width:900px) {

            .cookie-notice-container #cn-notice-buttons,
            .cookie-notice-container #cn-notice-text {
                display: block
            }

            #cookie-notice .cn-button {
                margin: 0 5px 5px
            }
        }

        @media all and (max-width:480px) {
            .cookie-notice-container {
                padding: 15px 25px
            }
        }