@font-face {
    font-family: 'Be Vietnam Pro';
    src: url(../font/BeVietnamPro-Regular.woff2) format('woff2'), url(../font/BeVietnamPro-Regular.woff) format('woff'), url(../font/BeVietnamPro-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url(../font/BeVietnamPro-Light.woff2) format('woff2'), url(../font/BeVietnamPro-Light.woff) format('woff'), url(../font/BeVietnamPro-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url(../font/BeVietnamPro-Medium.woff2) format('woff2'), url(../font/BeVietnamPro-Medium.woff) format('woff'), url(../font/BeVietnamPro-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url(../font/BeVietnamPro-SemiBold.woff2) format('woff2'), url(../font/BeVietnamPro-SemiBold.woff) format('woff'), url(../font/BeVietnamPro-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url(../font/BeVietnamPro-Black.woff2) format('woff2'), url(../font/BeVietnamPro-Black.woff) format('woff'), url(../font/BeVietnamPro-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url(../font/BeVietnamPro-ExtraBold.woff2) format('woff2'), url(../font/BeVietnamPro-ExtraBold.woff) format('woff'), url(../font/BeVietnamPro-ExtraBold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url(../font/BeVietnamPro-Italic.woff2) format('woff2'), url(../font/BeVietnamPro-Italic.woff) format('woff'), url(../font/BeVietnamPro-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Be Vietnam Pro';
    src: url(../font/BeVietnamPro-Bold.woff2) format('woff2'), url(../font/BeVietnamPro-Bold.woff) format('woff'), url(../font/BeVietnamPro-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Clash Display';
    src: local('Clash Display Bold'), local('ClashDisplay-Bold'), url(../font/ClashDisplay-Bold.woff2) format('woff2'), url(../font/ClashDisplay-Bold.woff) format('woff'), url(../font/ClashDisplay-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Clash Display';
    src: local('Clash Display Extralight'), local('ClashDisplay-Extralight'), url(../font/ClashDisplay-Extralight.woff2) format('woff2'), url(../font/ClashDisplay-Extralight.woff) format('woff'), url(../font/ClashDisplay-Extralight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Clash Display';
    src: local('Clash Display Regular'), local('ClashDisplay-Regular'), url(../font/ClashDisplay-Regular.woff2) format('woff2'), url(../font/ClashDisplay-Regular.woff) format('woff'), url(../font/ClashDisplay-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Clash Display';
    src: local('Clash Display Medium'), local('ClashDisplay-Medium'), url(../font/ClashDisplay-Medium.woff2) format('woff2'), url(../font/ClashDisplay-Medium.woff) format('woff'), url(../font/ClashDisplay-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Clash Display';
    src: local('Clash Display Semibold'), local('ClashDisplay-Semibold'), url(../font/ClashDisplay-Semibold.woff2) format('woff2'), url(../font/ClashDisplay-Semibold.woff) format('woff'), url(../font/ClashDisplay-Semibold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Clash Display';
    src: local('Clash Display Light'), local('ClashDisplay-Light'), url(../font/ClashDisplay-Light.woff2) format('woff2'), url(../font/ClashDisplay-Light.woff) format('woff'), url(../font/ClashDisplay-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Clash Display Variable';
    src: local('Clash Display Variable Bold'), local('ClashDisplayVariable-Bold'), url(../font/ClashDisplayVariable-Bold.woff2) format('woff2'), url(../font/ClashDisplayVariable-Bold.woff) format('woff'), url(../font/ClashDisplayVariable-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

body {
    font-family: 'Be Vietnam Pro', sans-serif;
    color: #282d3b;
    font-size: 18px;
    line-height: 1.86;
    font-weight: 400;
    letter-spacing: .025em
}

html {
    scroll-behavior: smooth
}

#lo-messenger-frame {
    left: 0
}

ul {
    padding-left: 0;
    list-style-type: none
}

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

label.color-dark-blue.font-weight-bold.position-relative::before {
    content: '';
    position: absolute;
    width: 70px;
    bottom: 0;
    border-bottom: 3px solid #F86889
}

.pink-arrow-one::after {
    content: '';
    position: absolute;
    width: 45px;
    height: 30px;
    background: url(../image/Arrow.png);
    right: -57px;
    bottom: 11px
}

.pink-arrow-two::after {
    content: '';
    position: absolute;
    width: 45px;
    height: 30px;
    background: url(../image/Arrow.png);
    right: -80px;
    bottom: 11px
}

.pink-arrow-three::after {
    content: '';
    position: absolute;
    width: 45px;
    height: 30px;
    background: url(../image/Arrow.png);
    right: -65px;
    bottom: 11px
}

.pink-line::before {
    content: '';
    position: absolute;
    width: 105px;
    border-bottom: 7px solid #fd8f6aa8;
    bottom: -10px;
    right: 48%
}

h3.font-weight-bold.position-relative.mb-5.border-orange::before {
    content: '';
    position: absolute;
    bottom: -25px;
    width: 90px;
    border-bottom: 7px solid #fd8f6aa8
}

h3.color-dark-blue.features-line.font-weight-bold.position-relative.mb-5::before {
    content: '';
    position: absolute;
    width: 100px;
    border-bottom: 10px solid #fd8f6a75;
    bottom: -20px
}

.break-word {
    word-break: break-word
}

.overflow-wrap-anywhere {
    overflow-wrap: anywhere
}

.single-post h1 {
    font-size: 2.25rem !important
}

.single-post h2 {
    font-size: 1.75rem !important
}

.new_post_cat.category-list li:after {
    content: ">";
    padding: 0 8px;
    color: #1a2b5f
}

.single-post ul.list-style-icon,
.single-post ul.list-style-icon-white {
    font-weight: normal !important;
    margin-left: 15px
}

.single-post ol.list-style-icon li {
    margin-bottom: 10px
}

.single-post .content-area a,
.appoftheweek-template-default .content-area a {
    color: #e91b63
}

.single-post .card a {
    text-decoration: none !important
}

.single-post h4 {
    font-size: 20px !important
}

.single-post blockquote p,
.appoftheweek-template-default blockquote p,
body.author blockquote p {
    margin-bottom: 0
}

.single-post blockquote,
.appoftheweek-template-default blockquote,
body.author blockquote {
    position: relative;
    padding: 20px 50px 20px 60px;
    background-color: #f1f5ff;
    margin: 60px 0 30px 25px
}

.single-post blockquote:before,
.appoftheweek-template-default blockquote:before,
body.author blockquote:before {
    position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    left: -25px;
    top: -20px;
    background: url(../image/block-quote.png) no-repeat;
    background-size: 100% 100%
}

.single-post td,
.single-post th {
    border-top: 1px solid #cacaca;
    padding: 5px 10px 5px 5px;
    border-right: 1px solid #cacaca
}

.single-post table {
    border: 1px solid #cacaca
}

.single-post .audio audio {
    display: block;
    margin: 0 auto;
    margin-bottom: 0;
    width: 600px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    border-radius: 90px;
    transform: scale(1.02);
    border: 3px solid #36479e;
    max-width: 100%
}

.single-post .author_blue a {
    color: #1a2b5f
}

.single-post .author_white a {
    color: #fff
}

#footer-widget a,
#full-footer a {
    color: #282d3b;
    text-decoration: underline;
    font-weight: 500
}

.contrylist_bg {
    background: #1a2b5f url(../image/Mask-Group-23.svg) no-repeat center center;
    background-size: 100%
}

#footer-widget .btn-white a {
    font-size: 13px
}

.container {
    max-width: 1300px
}

#content {
    padding-top: 0 !important
}

.color-dark-blue {
    color: #1a2b5f
}

.color-light-dark-blue {
    color: #81869c
}

.color-lighter-blue {
    color: #1946AE
}

.color-light-blue {
    color: #1647ad !important
}

.color-light-blue-new {
    color: #005AFF !important
}

.color-white {
    color: #fff !important
}

.color-light-white {
    color: #dadadac7
}

.color-light-black {
    color: #464445
}

.color-black {
    color: #000
}

.color-black700 {
    color: #585858
}

.color-green {
    color: #2dab09
}

.color-pink {
    color: #e91b63;
    text-decoration: underline
}

.color-pink:hover {
    color: #e91b63;
    text-decoration: underline
}

.color-dark-green {
    color: #1D7B58
}

.text-gold400 {
    color: #AD7C38
}

.border-radius-80 {
    border-radius: 80px
}

.border-radius-50 {
    border-radius: 50%
}

.border-radius-44 {
    border-radius: 44px
}

.border-radius-36 {
    border-radius: 36px
}

.border-radius-33 {
    border-radius: 33px
}

.border-radius-30 {
    border-radius: 30px
}

.border-radius-26 {
    border-radius: 26px
}

.border-radius-24 {
    border-radius: 24px
}

.border-radius-20 {
    border-radius: 20px
}

.border-radius-16 {
    border-radius: 16px
}

.border-radius-12 {
    border-radius: 12px
}

.border-radius-10 {
    border-radius: 10px
}

.border-radius-8 {
    border-radius: 8px
}

.border-radius-6 {
    border-radius: 6px
}

.border-radius-5 {
    border-radius: 5px
}

.opacity-1 {
    opacity: .1
}

.opacity-5 {
    opacity: .5
}

.opacity-6 {
    opacity: .6
}

.opacity-7 {
    opacity: .7
}

.font-weight900 {
    font-weight: 900
}

.font-weight800 {
    font-weight: 800
}

.font-weight-800 {
    font-weight: 800 !important
}

.font-weight600 {
    font-weight: 600 !important
}

.font-weight500 {
    font-weight: 500
}

.border-dashed {
    border: 2px dashed #dedede
}

.border2-blue700 {
    border: 2px solid #1A2B5F
}

.w-10 {
    width: 13%
}

.bg-dark-blue {
    background-color: #1a2b5f
}

.bg-light-blue {
    background-color: #1a49bf
}

.bg-light-blue-new {
    background-color: #005AFF
}

.bg-light-blue200 {
    background-color: #EAEEF8
}

.bg-light-blue100 {
    background-color: #F9FBFF
}

.bg-light-gray {
    background-color: #f1f5ff
}

.bg-grey {
    background-color: #f5f5f5
}

.bg-light-black {
    background-color: #120E08
}

.bg-brown400 {
    background-color: #AD7C38
}

.bg-black800 {
    background-color: #383223
}

ul.list-style-icon li {
    background: url(../image/03.jpg) no-repeat left top 10px;
    padding-left: 30px;
    margin: 15px 0
}

ul.list-style-icon.industry-list li {
    margin: 10px 0
}

ul.list-style-icon-white li {
    background: url(../image/white-list-style.png) no-repeat left top 10px;
    padding-left: 30px;
    margin: 15px 0
}

ul.angle-right li {
    background: url(../image/list-angle-right.svg) no-repeat left 18px;
    padding: 9px 0 9px 25px;
    background-size: 10px
}

ul.angle-right-checkmark li {
    background: url(../image/right-icon-list.svg) no-repeat left 16px;
    padding: 9px 0 9px 25px;
    background-size: 20px
}

ul.listing-white-circle li {
    position: relative;
    padding-left: 14px
}

ul.listing-feature-arrow li {
    position: relative;
    padding-left: 19px
}

ul.listing-feature-arrow li:after,
ul.listing-white-circle li:after {
    content: "";
    position: absolute;
    left: 0
}

ul.listing-feature-arrow li:after {
    height: 15px;
    width: 11px;
    top: 9px;
    background: url(../image/listing-white-arrow.svg) center center/auto no-repeat
}

ul.listing-white-circle li:after {
    height: 6px;
    width: 6px;
    top: 14px;
    background: #fff;
    border-radius: 150px
}

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

h1 {
    font-size: 54px !important;
    line-height: 1.2 !important;
    text-transform: capitalize
}

h2 {
    font-size: 40px !important;
    line-height: 1.2 !important;
    text-transform: capitalize
}

h3 {
    font-size: 24px !important;
    line-height: 1.5 !important;
    text-transform: capitalize
}

h4 {
    font-size: 18px !important;
    line-height: 1.5 !important;
    text-transform: capitalize
}

h5 {
    font-size: 17px !important;
    line-height: 1.5 !important;
    text-transform: capitalize
}

h6 {
    font-size: 16px !important;
    line-height: 1.5 !important;
    text-transform: capitalize
}

.font-12 {
    font-size: 12px !important;
    line-height: 20px !important
}

.font-13 {
    font-size: 13px !important
}

.font-14 {
    font-size: 14px !important
}

.font-16 {
    font-size: 16px !important
}

.font-18 {
    font-size: 18px !important
}

.font-19 {
    font-size: 19px !important;
    line-height: 1.5 !important
}

.font-20 {
    font-size: 20px !important;
    line-height: 1.5 !important
}

.font-22 {
    font-size: 22px !important;
    line-height: 1.5 !important
}

.font-24 {
    font-size: 24px !important;
    line-height: 1.5 !important
}

.font-28 {
    font-size: 28px !important;
    line-height: 1.5 !important
}

.font-36 {
    font-size: 36px !important;
    line-height: 1.2 !important
}

.font-40 {
    font-size: 40px !important;
    line-height: 1.2 !important
}

.font-48 {
    font-size: 48px !important;
    line-height: 60px !important
}

.font-80 {
    font-size: 80px !important;
    line-height: 1.2 !important
}

.font-90 {
    font-size: 90px !important;
    line-height: 1.2 !important
}

.btn-blue a {
    background: none;
    border: 2px solid;
    font: inherit;
    line-height: 1;
    margin: .5em;
    padding: .8em 2em;
    border-radius: 40px;
    color: #1647ad;
    transition: 0.25s;
    text-decoration: none;
    display: inline-block;
    text-align: center
}

.btn-blue a:hover {
    box-shadow: inset -7.5em 0 0 0 #1647ad, inset 7.5em 0 0 0 #1647ad;
    color: #fff;
    border: 2px solid
}

.btn-white a {
    background: none;
    border: 2px solid;
    font: inherit;
    line-height: 1;
    margin: .5em;
    padding: .8em 2em;
    color: #fff;
    transition: 0.25s;
    text-decoration: none;
    display: inline-block;
    text-align: center
}

.btn-white a:hover {
    box-shadow: inset -20em 0 0 0 #fff, inset 20em 0 0 0 #fff;
    color: #1647ad;
    border: 2px solid #fff
}

.btn-black a {
    background: none;
    border: 2px solid;
    font: inherit;
    line-height: 1;
    padding: .8em 1.2em;
    color: #000;
    transition: 0.25s;
    text-decoration: none;
    display: inline-block;
    text-align: center
}

.btn-black a:hover {
    box-shadow: inset -8em 0 0 0 black, inset 9em 0 0 0 #000;
    color: #fff;
    border: 2px solid
}

a,
a:hover {
    text-decoration: none
}

.btn-dark-blue a {
    padding: .8em 1em;
    color: #1a2b5f !important;
    background: transparent;
    border: 2px solid #1a2b5f;
    position: relative;
    font-weight: 700;
    box-sizing: border-box;
    z-index: 0;
    position: relative;
    display: inline-block;
    line-height: 1.2
}

.btn-dark-blue a:before,
.btn-dark-blue a:after {
    position: absolute;
    content: "";
    width: 0%;
    background-color: #1a2b5f;
    z-index: -1;
    top: -1px;
    bottom: -1px;
    transition: all 0.3s ease
}

.btn-dark-blue a:before {
    left: -1px
}

.btn-dark-blue a:after {
    right: -1px
}

.btn-dark-blue a:hover {
    color: white !important
}

.btn-dark-blue a:hover:before,
.btn-dark-blue a:hover:after {
    width: 52%;
    color: #fff
}

.btn-light-blue a {
    padding: .8em 2em;
    color: #1647ad;
    background: transparent;
    border: 2px solid #1647ad;
    position: relative;
    font-weight: 700;
    box-sizing: border-box;
    z-index: 0;
    position: relative;
    display: inline-block;
    line-height: 1.2
}

.btn-light-blue-new a {
    padding: .8em 2em;
    color: #fff;
    background: #005AFF;
    border: 2px solid #005AFF;
    position: relative;
    font-weight: 700;
    box-sizing: border-box;
    z-index: 0;
    position: relative;
    display: inline-block;
    line-height: 1.2;
    border-radius: 16px
}

.btn-light-blue a:before,
.btn-light-blue a:after {
    position: absolute;
    content: "";
    width: 0%;
    background-color: #1647ad;
    z-index: -1;
    top: -1px;
    bottom: -1px;
    transition: all 0.3s ease
}

.btn-light-blue a:before {
    left: -1px
}

.btn-light-blue a:after {
    right: -1px
}

.btn-light-blue a:hover {
    color: #fff;
    border-color: #1647ad
}

.btn-light-blue a:hover:before,
.btn-light-blue a:hover:after {
    width: 52%;
    color: #fff
}

.gray-link-arrow {
    line-height: 1.25;
    color: #5e6a90;
    background: url(../image/arrow1.png) no-repeat;
    background-size: 23px;
    background-position: 90% 50%;
    padding-right: 46px;
    transition: all 0.2s ease
}

.gray-link-arrow:hover {
    color: #1a2b5f;
    background-position: 95% 50%
}

.black-link-arrow {
    line-height: 1.25;
    color: #5e6a90;
    background: url(../image/hp-new-right-arrow.png) no-repeat;
    background-size: 35px;
    background-position: 50% 50%;
    transition: all 0.2s ease;
    width: 100px;
    height: 30px
}

.black-link-arrow:hover {
    background-position: 70% 50%
}

:focus {
    outline: 0
}

.min-height-100 {
    min-height: 100px
}

.text-decoration-underline {
    text-decoration: underline !important
}

.z-index-1 {
    z-index: 1
}

.z-index-0 {
    z-index: 0
}

.z-index-m {
    z-index: -1
}

.cursor-pointer {
    cursor: pointer
}

.white-hover:hover {
    color: #FFF
}

.aspect-ratio-1 {
    aspect-ratio: 1 / 1
}

.sticky-top-bar {
    background-color: #1647ad24;
    font-size: 16px
}

header#masthead {
    background-color: transparent;
    box-shadow: none;
    padding-top: 0
}

#menu-header-menu .dropdown-menu {
    min-width: 550px;
    border: 0;
    box-shadow: 0 3px 3px 0 rgb(0 0 0 / 10%);
    background-color: #fff
}

#menu-header-menu .dropdown-menu li {
    width: 270px;
    height: 42px;
    display: inline-grid
}

#menu-header-menu .dropdown-menu li a {
    width: 88%;
    padding: .5rem 15px;
    margin: 0 17px;
    border-bottom: 1px solid #f5f5f5
}

#menu-header-menu li a {
    text-decoration: none !important
}

#menu-header-menu .dropdown-menu li a:hover {
    color: #1647ad
}

#menu-header-menu .dropdown-menu li a {
    position: relative
}

.navbar-brand a img {
    width: 170px;
    max-width: 100%
}

#menu-header-menu .dropdown-menu li a:hover:before {
    position: absolute;
    content: "";
    border-right: 3px solid #1647ad;
    width: 3px;
    height: 70%;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    left: 5px
}

.blog-menu .gm-dropdown-menu-wrapper {
    left: unset !important
}

.navbar {
    position: unset
}

#masthead {
    position: relative;
    z-index: 999
}

#masthead .container {
    max-width: 1500px;
    padding: 0
}

.fixed-header .leaptopbar {
    margin-top: -10px
}

.leaptopbar a {
    text-decoration: underline;
    text-decoration-color: #ffffff6e
}

.navbar-nav>li>a {
    color: #1a2b5f !important;
    font-size: 18px !important;
    padding: 0 1.5rem !important
}

body:not(.theme-preset-active) #masthead .navbar-nav>li>a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav>li.current_page_item>a {
    color: #fff;
    font-weight: 500;
    text-shadow: 0 0 1px #1a2b5f
}

.experties-nav {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 30px;
    z-index: 1
}

.mini-widgets .text-area {
    position: unset;
    font-family: 'Cera Pro' !important
}

.navbar #menu-header-menu {
    align-items: center
}

.header-bar {
    position: unset !important;
    max-width: calc(1600px - 25px - 25px) !important
}

.experties-nav a {
    display: block;
    text-decoration: none
}

.experties-nav .big-nav .menu-list {
    width: 100%;
    display: block;
    height: 100%;
    min-height: 768px
}

.experties-nav .big-nav .menu-list>ul>li>a {
    padding: 4px 10px;
    color: rgba(255, 255, 255, .2);
    text-decoration: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 30px;
    padding-bottom: 15px
}

.experties-nav>li:hover>ul {
    opacity: 1;
    visibility: visible
}

.experties-nav>li>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.experties-nav .big-nav .menu-list>ul {
    width: 1800px;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 50px
}

.experties-nav .big-nav .menu-list>ul>li {
    width: 25%
}

.experties-nav .big-nav>ul>li>a {
    padding: 10px;
    background: rgba(255, 100, 0, .1);
    display: block
}

.experties-nav .menu-list>ul>li>ul {
    display: none;
    position: absolute;
    top: 50px;
    left: 30%;
    width: 67%
}

.experties-nav .menu-list>ul>li>ul>li {
    display: block;
    width: 100%;
    float: left
}

.experties-nav .menu-list>ul>li>ul>li.col3 {
    width: 33.3334%;
    padding: 0 10px;
    margin-bottom: 30px
}

.experties-nav .menu-list>ul>li>ul>li.col3>a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    background: url(../image/dotes.png) no-repeat top 16px left;
    padding-left: 25px
}

.experties-nav .menu-list>ul>li>ul>li.col3 ul>li>a {
    color: rgba(255, 255, 255, .5);
    text-decoration: none;
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: 100;
    padding-left: 25px;
    display: inline-block
}

.experties-nav .menu-list>ul>li>a {
    font-weight: 700;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.experties-nav .menu-list>ul>li a {
    padding: 4px 10px
}

.main-nav>li>a .menu-text {
    font-family: 'Cera Pro', sans-serif
}

.experties-text {
    margin-left: 50px;
    background-color: #17b062;
    display: inline-block;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    color: #fff
}

.navbar .play-icon a {
    font-size: 0px !important;
    background: url(../image/play.png) scroll no-repeat;
    width: 70px;
    height: 66px
}

.backedn-menu ul {
    display: flex;
    flex-wrap: wrap
}

.backedn-menu ul li {
    width: 50%
}

.menu-contact {
    width: 1800px;
    max-width: 100%
}

.close-experties {
    cursor: pointer
}

.experties-text:after {
    width: 400px;
    display: block;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -16px;
    left: 0
}

.experties-text #trigger-overlay {
    background: none;
    padding: 10px 25px 10px 25px;
    display: flex;
    align-items: center;
    font-size: 22px
}

.link__icon {
    position: absolute;
    right: -10px;
    top: -10px
}

.experties-text i {
    margin-left: 15px;
    font-size: 18px
}

.custom-mega-menu .megamenu-wrapper .menu-dropdown-layout {
    display: grid;
    grid-template-columns: minmax(min-content, 80%) minmax(20%, 1fr)
}

.custom-mega-menu .tab-content.mega-menu-tab-content {
    position: absolute;
    max-width: 1500px;
    width: 100%;
    left: 0;
    right: 0;
    top: 84px;
    display: block;
    margin: 0 auto
}

.custom-mega-menu .mega-menu-tab-content>.tab-pane {
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, .15);
    background-color: #fff !important;
    box-shadow: 0 3px 56px #00000029
}

.custom-mega-menu .mega-menu-tabs {
    gap: 50px;
    border: unset !important
}

header.fixed-header .mega-menu-tabs a.nav-link.active:after,
header.fixed-header .mega-menu-tabs a.nav-link:hover:after {
    bottom: -8.5px
}

header.fixed-header .tab-content.mega-menu-tab-content {
    top: 94px
}

.custom-mega-menu .nav-tabs .nav-item a.nav-link {
    position: relative
}

.custom-mega-menu .mega-menu-tabs li:not(:last-child) a.nav-link.active:after,
.custom-mega-menu .mega-menu-tabs li:not(:last-child) a.nav-link:hover:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6.5px;
    transform: translateX(-50%);
    height: 4px;
    width: 100%;
    border-radius: 12px;
    background: #1946AE;
    z-index: 1
}

.custom-mega-menu .mega-menu-tabs .nav-link {
    display: block;
    font-size: 20px;
    line-height: 25px;
    color: #282828 !important;
    font-weight: 500;
    padding: 20px 0;
    background: transparent;
    border: unset !important
}

.custom-mega-menu .vertical-menu-wrapper .vertical-menu-title .nav-link {
    background: #fff;
    border: unset;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    color: #282828;
    font-weight: 600;
    padding: 15px 46px 15px 24px !important;
    position: relative
}

.custom-mega-menu .vertical-menu-wrapper .nav-link.active,
.custom-mega-menu .vertical-menu-wrapper .vertical-menu-title .nav-link:hover {
    background: #f5f5f5 !important;
    border-radius: 8px 0 0 8px;
    color: #1946AE !important
}

.custom-mega-menu .vertical-menu-wrapper .nav-link.active:after,
.custom-mega-menu .vertical-menu-wrapper .nav-link.active:before {
    border-right: 3px solid;
    border-radius: 25px;
    content: '';
    display: block;
    height: 10px;
    margin-top: -7px;
    position: absolute;
    transform: rotate(135deg);
    right: 32px;
    top: 50%;
    width: 0
}

.custom-mega-menu .vertical-menu-wrapper .nav-link.active:after {
    margin-top: -2px;
    transform: rotate(45deg)
}

.custom-mega-menu .megamenu-wrapper .menu-description {
    color: #000;
    font-weight: 700 !important;
    font-size: 20px !important;
    margin-bottom: 21px !important
}

.custom-mega-menu .megamenu-wrapper .menu-description:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 50px;
    height: 3px;
    border-radius: 12px;
    background: #1946AE
}

#megaMenuTabContent #parent-content-20089 .vertical-menu-wrapper .vertical-menu-title {
    border: 0 !important
}

#megaMenuTabContent #parent-content-20089 .vertical-sub-menu {
    max-height: 176px;
    overflow-y: auto
}

.custom-mega-menu .vertical-menu-wrapper .vertical-sub-menu li a.nav-link:hover {
    color: #1647AD;
    text-shadow: 0 0 1px #1647AD
}

.custom-mega-menu .vertical-menu-wrapper .menu-dropdown-left-box:after {
    content: "";
    position: absolute;
    left: 33.53%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #000
}

.custom-mega-menu .vertical-sub-menu {
    max-height: 320px;
    overflow-y: auto
}

.custom-mega-menu .vertical-sub-menu::-webkit-scrollbar,
.custom-mega-menu .vertical-menu-title .nav::-webkit-scrollbar {
    width: 4px
}

.custom-mega-menu .vertical-sub-menu::-webkit-scrollbar-thumb,
.custom-mega-menu .vertical-menu-title .nav::-webkit-scrollbar-thumb {
    background: #1647ad;
    border-radius: 20px
}

.custom-mega-menu .vertical-sub-menu::-webkit-scrollbar-track,
.custom-mega-menu .vertical-menu-title .nav::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 20px
}

.custom-mega-menu .vertical-sub-menu .nav-link {
    padding: unset !important
}

.custom-mega-menu .vertical-menu-wrapper .vertical-menu-title {
    height: 100%;
    padding-right: 0
}

.custom-mega-menu .vertical-menu-title .nav {
    gap: 5px;
    margin-bottom: 17px;
    max-height: 355px;
    height: 355px;
    overflow-y: auto
}

.custom-mega-menu .vertical-menu-wrapper .vertical-menu-content {
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.custom-mega-menu .vertical-menu-wrapper .vertical-menu-content .tab-pane.fade:not(.show) {
    display: none
}

.custom-mega-menu .vertical-menu-wrapper .vertical-sub-menu {
    gap: 14px 20px
}

.custom-mega-menu .vertical-menu-wrapper .vertical-sub-menu li {
    width: calc(50% - 10px)
}

.custom-mega-menu .mega-menu-award-wrapper {
    background: #f5f5f5;
    gap: 10px;
    padding: 25px;
    border-radius: 0 0 0 16px
}

.custom-mega-menu .megamenu-wrapper .solution-menu-hierarchy {
    padding: 20px 30px;
    min-height: 350px
}

.custom-mega-menu .solution-sub-menu li {
    width: 50%
}

.custom-mega-menu .solution-sub-menu li a {
    color: #282828
}

.custom-mega-menu .mega-menu-tabs .nav-link.nav-btn {
    background: #FC6500;
    border-radius: 8px;
    color: #fff !important;
    border: unset !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    padding-block: 12px
}

.custom-mega-menu .mega-menu-tabs .nav-link.nav-btn:hover {
    border: unset !important
}

.custom-mega-menu .mega-menu-cta {
    background-size: cover !important;
    height: 100%;
    border-radius: 16px;
    background-position: top !important
}

.custom-mega-menu .mega-menu-cta .menu-sidebar-poster {
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 700;
    margin-bottom: 40px
}

.custom-mega-menu .mega-menu-cta a {
    padding: 16px 24px;
    background: #fff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    color: #2940A2
}

.custom-mega-menu .latest-press-wrapper {
    background: #D3DFFB;
    padding: 20px;
    border-radius: 8px
}

.custom-mega-menu .latest-press-wrapper h5 {
    font-size: 18px !important;
    font-weight: 700;
    color: #1946AE;
    margin-bottom: 10px
}

.custom-mega-menu .latest-press-wrapper .menu-certification {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #282828;
    margin-bottom: 6px
}

.custom-mega-menu .latest-press-wrapper span {
    display: block;
    color: #505050;
    font-size: 14px;
    line-height: 22px !important
}

.custom-mega-menu {
    display: flex !important
}

.navbar-collapse.show .navbar-nav.mobile-menu {
    padding: 40px 20px !important
}

.mobile-menu .mega-menu-item a.dropdown-toggle {
    position: relative
}

.mobile-menu .mega-menu-item a.dropdown-toggle::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.navbar .mobile-menu .dropdown-menu {
    padding: 10px !important
}

.navbar-collapse.show .navbar-nav.mobile-menu>div:not(div.nav-btn)>a {
    color: #000 !important
}

.mobile-menu .dropdown-menu .menu-item-has-children.nav-item a {
    color: #000
}

.mobile-menu .dropdown-menu .menu-item-has-children.nav-item>.nav-link {
    background: #e5e9f3;
    padding-inline: 10px;
    border-inline: 2px solid #1946AE;
    border-radius: 6px;
    font-weight: 500
}

.mobile-menu .dropdown-menu .menu-item-has-children.nav-item>div {
    padding-inline: 10px 10px
}

.mobile-menu .nav-btn {
    background: #FC6500;
    border-radius: 8px;
    border: unset !important;
    padding-inline: 15px !important;
    margin-top: 10px
}

.mobile-menu .nav-btn>a {
    color: #fff !important
}

.mobile-menu {
    display: none !important
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(26, 43, 95);
    overflow: auto;
    z-index: 1
}

.overlay .overlay-close {
    width: 30px;
    height: 50px;
    position: absolute;
    right: 50px;
    top: 30px;
    overflow: hidden;
    border: none;
    color: #fff;
    outline: none;
    z-index: 100;
    font-size: 50px;
    line-height: 50px
}

.overlay-hugeinc {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s
}

.overlay-hugeinc.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.overlay-hugeinc #menu-list {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.overlay-hugeinc #menu-list>ul {
    opacity: .4;
    -webkit-transform: translateY(-25%) rotateX(35deg);
    transform: translateY(-25%) rotateX(35deg);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s
}

.overlay-hugeinc.open #menu-list>ul {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.overlay-hugeinc.close #menu-list ul {
    -webkit-transform: translateY(25%) rotateX(-35deg);
    transform: translateY(25%) rotateX(-35deg)
}

.loader {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin: 0 auto
}

.inquiry-btn {
    position: fixed;
    right: -40px;
    transform: rotate(270deg);
    top: 220px;
    z-index: 999999
}

.inquiry-btn a {
    background: #fc6500;
    color: #fff;
    padding: 7px 10px
}

.wp-caption .wp-caption-text {
    font-size: 14px;
    font-weight: 500
}

.firmware-process-sec .firmware-process {
    overflow-y: scroll;
    height: 670px
}

.firmware-industries.industries-sec .industries-icon-box:hover {
    background-color: #fff
}

.firmware-industries.industries-sec .industries-icon-box .industry-icon-img {
    height: 68px
}

.banner-section {
    margin-top: -180px;
    padding-top: 225px
}

.banner-section-hp {
    margin-top: -180px;
    padding-top: 225px
}

.banner-section .banner-portfolio h1 {
    background: transparent !important;
    -webkit-text-fill-color: unset !important
}

.banner-section-hp span.banner-title,
.banner-section-hp h1,
.banner-section h1,
.gradinent_font {
    font-size: 54px;
    background: linear-gradient(to right, #1946AE 0%, #FF7D7D 50%, #ab5400 100%) 0% 0% no-repeat padding-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
    animation: rainbow 2s ease-in-out infinite;
    transition: color .5s ease-in-out;
    background-size: 200% 200%
}

.banner-grediant-bg {
    background: url(../image/EWW_Header_Image.jpg) no-repeat;
    background-size: 100%
}

.single-appoftheweek .banner-section {
    background: none
}

@keyframes rainbow {
    0% {
        background-position: left
    }

    50% {
        background-position: right
    }

    100% {
        background-position: left
    }
}

.hp-bg-top-color {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

.hp-bg-top-color img {
    opacity: .5
}

.text-animate {
    position: relative
}

.banner-section-hp h2.section-title-new {
    position: relative;
    font-size: 10vw !important;
    color: #f1f4fa;
    opacity: 1
}

.text-animate .animate-text-1 {
    position: absolute;
    left: -100%;
    transition: 1.2s ease;
    z-index: -1;
    top: 60px
}

.text-animate .animate-text-2 {
    position: absolute;
    right: -100%;
    bottom: 120px;
    transition: 1.2s ease;
    z-index: -1
}

.about-us-menu {
    display: none !important
}

.home-service-content-wrapper {
    border: 3px solid #1647ad;
    border-radius: 16px
}

.home-service-content-wrapper .tab-nav-wrapper {
    background: #1647ad;
    border-radius: 12px
}

.home-service-content-wrapper .nav-item {
    position: relative
}

.home-service-content-wrapper .nav-link {
    background: unset;
    border: unset;
    font-size: 20px;
    line-height: 34px;
    color: rgb(255 255 255 / 80%);
    margin-bottom: 10px;
    text-align: left
}

.home-service-content-wrapper .nav-link.active {
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    font-weight: 700;
    text-align: left
}

.home-service-content-wrapper .nav-link.active:before {
    content: '';
    height: 40px;
    border: 3px solid #fff;
    position: absolute;
    left: -17px;
    top: 0
}

.home-service-list-wrapper {
    list-style-position: inside;
    gap: 20px 10px;
    max-height: 360px;
    overflow-y: auto;
    padding-right: 5px
}

.home-service-list-wrapper::-webkit-scrollbar {
    width: 8px
}

.home-service-list-wrapper::-webkit-scrollbar-thumb {
    background: #1647ad;
    border-radius: 20px
}

.home-service-list-wrapper::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 20px
}

.home-service-list-wrapper li {
    width: calc(50% - 5px);
    font-weight: 700;
    color: rgb(22 71 178 / 80%);
    text-indent: -20px;
    padding-left: 18px
}

.home-service-list-wrapper li::marker {
    content: "•\00A0\00A0";
    font-size: 18px
}

.home-service-list-wrapper li a {
    color: rgb(22 71 178 / 80%);
    text-decoration: underline
}

.home-service-content-wrapper .card-header {
    background: unset;
    border: unset;
    padding-bottom: unset
}

.home-service-content-wrapper .card-header h3 {
    font-size: 32px !important;
    font-weight: 700
}

.home-service-content-wrapper .card-header a {
    color: #1647AD;
    pointer-events: none
}

.home-service-content-wrapper .collapse:not(.show) {
    display: block
}

.services-section .services-box.idea,
.services-box.development {
    background-color: #F9F3ED
}

.services-section .services-box.design,
.services-box.brand {
    background-color: #F9ECEC
}

.services-section .services-box.idea h3,
.services-box.development h3 {
    color: #F6A14D
}

.services-section .services-box.design h3,
.services-box.brand h3 {
    color: #FF7D7D
}

.services-section .service-inner-icon {
    min-height: 134px
}

.service-inner-icon img {
    width: 85px;
    height: 85px
}

h2.section-title-new,
.section-title-new-h2 {
    font-size: 160px !important;
    color: #c1c1c1;
    opacity: .15;
    line-height: 0px !important
}

.portfolio-text {
    position: absolute;
    left: -410px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

h2.new-hp-section-title:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 4px;
    border-radius: 50px;
    background-color: #1946AE;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.portfolio-project-title h3 {
    z-index: 0
}

.portfolio-project-title-home-h3 {
    font-size: 40px !important
}

.portfolio-project-title h3:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 6px;
    border-radius: 50px;
    background-color: #ECA500;
    top: 34px;
    left: 1px;
    z-index: -1
}

.portfolio-project-title span,
.portfolio-project-title-home span {
    font-size: 2.5vw !important;
    color: #000;
    opacity: .1;
    position: absolute;
    line-height: 80px;
    left: -3px;
    top: 17px
}

h3.all-services-title:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    background-color: #1946AE
}

.all-services-text {
    position: absolute;
    right: -280px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

.hp-work-done .counter-box span {
    font-size: 60px
}

.hp-work-done .counter-box p {
    margin-top: -15px
}

.clients-text {
    position: absolute;
    left: -180px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

.clients-text div.section-title-new {
    font-size: 100px !important;
    line-height: 0px !important
}

.hp-outdated-updated h2.new-hp-section-title:before {
    left: 0;
    transform: translateX(0)
}

.testimonial-text {
    position: absolute;
    right: -260px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

.testimonial-text div.section-title-new {
    font-size: 90px !important;
    line-height: 0px !important
}

.hp-testimonial-slider-section .hpt-slide {
    margin: 20px
}

.hp-testimonial-slider-section .hpt-slide .hpt-slide-position {
    color: #7D7D7D
}

button.hpt-video-btn {
    border: 0;
    outline: 0;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0
}

.hp-testimonial ul.slick-dots {
    display: flex;
    justify-content: center;
    margin: 20px 0 0 0
}

.hp-testimonial ul.slick-dots button {
    font-size: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #1647ad;
    outline: 0;
    transition: all 0.2s ease
}

.hp-testimonial ul.slick-dots li.slick-active button {
    background-color: #1647ad
}

.hp-testimonial ul.slick-dots li {
    margin: 0 2px;
    height: 0
}

.partnership-with-excellentwebworld .startups {
    background-color: #F9F3ED
}

.partnership-with-excellentwebworld .enterprises {
    background-color: #F9ECEC
}

.partnership-with-excellentwebworld-inner img {
    width: 90px;
    height: 90px
}

.post-background {
    margin-top: -180px;
    padding-top: 180px
}

.cat-list li {
    font-size: 19px;
    font-weight: 600;
    text-align: center
}

#secondary #text-3.widget h3 {
    color: #1a2b5f
}

#secondary .iframe iframe {
    width: 100%
}

#secondary #text-3.widget {
    background-color: unset
}

#text-3.widget h3 {
    color: #fff;
    font-size: 24px !important;
    font-weight: 600
}

#text-3.widget {
    background-color: #47b4bb;
    padding: 26px 20px
}

#text-3.widget .tnp-widget input.tnp-submit {
    color: #1a2b5f;
    background: #fff;
    margin: 0;
    font-weight: 600;
    width: 230px;
    margin: 0 auto;
    max-width: 100%;
    border-radius: 5px;
    font-size: 18px
}

#text-3.widget .tnp-widget input.tnp-email {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    height: 50px;
    margin: 15px 0;
    display: inline-block
}

.white-btn {
    border: 1px solid #fff;
    background: #fff;
    color: #1a2b5f;
    height: 50px;
    width: 220px;
    font-size: 18px;
    font-weight: 700;
    max-width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px auto 0
}

#text-3.widget .tnp-widget input.tnp-email::-webkit-input-placeholder {
    color: #fff !important
}

#text-3.widget .tnp-widget input.tnp-email:-ms-input-placeholder {
    color: #fff !important
}

#text-3.widget .tnp-widget input.tnp-email::placeholder {
    color: #fff !important
}

#text-4 .widget-title {
    color: #fff;
    font-size: 50px !important;
    font-weight: 400;
    text-align: center
}

#text-4.widget {
    background-color: #fa6841;
    padding: 26px 20px
}

.realted-post-label>li {
    border-left: 5px solid #ffb205;
    padding-left: 20px
}

.category-list li:after {
    content: "-";
    padding: 0 8px
}

.category-list li:last-child:after {
    content: none
}

.single-post .eww-related-post-link a {
    color: #1a2b5f !important
}

.blogcarouselcontrols .carousel-control-next,
.blogcarouselcontrols .carousel-control-prev {
    top: 50%;
    transform: translateY(-50%)
}

.blogcarouselcontrols .carousel-control-next-icon,
.blogcarouselcontrols .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
    right: -38%;
    bottom: unset;
    top: 50%;
    transform: translateY(-50%)
}

.blogcarouselcontrols .carousel-control-prev-icon {
    left: -38%
}

ul.list-style-icon-one li {
    background: url(../image/03.jpg) no-repeat left top 36px;
    padding-left: 30px;
    margin: 15px 0;
    text-align: left
}

.page-template-template-hireppc #our-address .footer_column:nth-child(1) {
    display: none
}

.page-template-template-hireppc section#block-7 {
    display: none
}

.page-template-template-hireppc #full-footer #footer-menu-nav {
    display: none
}

.page-template-template-hireppc #our-address {
    justify-content: center
}

.page-template-template-hireppc .gform_legacy_markup_wrapper h3.gform_title {
    display: none
}

.box-shadow {
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.page-template-template-hireppc div#block-8 {
    display: none
}

.our-partners-bg-one {
    background-color: rgb(26 43 95 / 100%)
}

.parent-for-developer-img {
    width: 85px
}

.box-expert-in {
    border: 1px solid #cad4e8
}

.border-dark-blue {
    border: 1px solid #0b205f
}

.box-expert {
    border: 1px solid #dadadac7
}

.solutionConImg {
    border: 2px solid;
    width: 32px;
    max-width: 100%
}

ul.list_icon_arrow li {
    background: url(../image/right-arrow.png) no-repeat no-repeat;
    background-position: left top 20px;
    padding: .5rem 1.5rem;
    text-align: left
}

.page-id-3898 .mobile_contact_bar {
    display: none !important
}

.cbp-spmenu {
    background: #fff;
    position: fixed
}

.cbp-spmenu-vertical {
    width: 500px;
    height: 100%;
    top: 0;
    z-index: 1000
}

.cbp-spmenu-right {
    right: -530px
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0;
    overflow: auto;
    top: 0 !important;
    z-index: 9999 !important
}

.cbp-spmenu {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 30px;
    box-shadow: 0 15px 24px 0 rgba(0, 0, 0, .11)
}

.cbp-spmenu .gform_wrapper .gf_left_half,
.cbp-spmenu .gform_wrapper .gf_right_half {
    width: 100% !important
}

.cbp-spmenu a.close {
    background-color: #1a2b5f;
    max-width: 45px;
    max-height: 45px;
    padding: 13px;
    border-radius: 50%;
    line-height: 0;
    opacity: 1;
    margin-top: 25px
}

.cbp-spmenu a.close img {
    width: 100%
}

.widget_text .b-line {
    position: relative;
    margin-bottom: 0;
    padding-left: 30px
}

.widget_text .b-line:before {
    content: "";
    background: #737373;
    width: 20px;
    height: 3px;
    left: 0;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    position: absolute
}

.copy-text {
    font-size: 13px;
    color: #000;
    margin-top: 50px;
    line-height: 20px
}

.site-footer {
    display: none
}

.ginput_container_radio {
    margin: 0px !important
}

.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select {
    border-bottom: 1px solid #000 !important;
    border: 0;
    height: 50px;
    font-size: 18px !important;
    background-color: transparent
}

.gform_wrapper textarea.large {
    border-bottom: 1px solid !important;
    border: 0;
    height: 80px !important;
    padding: 5px 4px;
    margin-top: 10px
}

.gform_wrapper label.gfield_label {
    font-size: 20px !important;
    margin-bottom: 0;
    color: #1a2b5f;
    margin-bottom: 15px
}

#gform_7 .gform_wrapper label.gfield_label {
    display: none
}

.ginput_container_radio .gfield_radio,
.ginput_container_checkbox .gfield_checkbox {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.ginput_container_radio input[type="radio"],
.ginput_container_checkbox input[type="checkbox"] {
    opacity: 0;
    position: fixed;
    width: 0
}

.ginput_container_radio label,
.ginput_container_checkbox label {
    margin-bottom: 7px !important;
    display: inline-block;
    background-color: #f8f6f7;
    padding: 8px 15px !important;
    color: #1a2b5f;
    font-size: 14px !important;
    border-radius: 40px;
    margin-right: 16px !important;
    text-align: center;
    max-width: 100% !important;
    font-weight: 600 !important;
    border: 2px solid #1647ad
}

.ginput_container_radio label:hover,
.ginput_container_checkbox label:hover {
    background-color: #1a2b5f;
    color: #fff
}

.ginput_container_radio input[type="radio"]:focus+label,
.ginput_container_checkbox input[type="checkbox"]:focus+label {
    background-color: #1a2b5f;
    color: #fff
}

.ginput_container_checkbox input[type="checkbox"]+label,
.ginput_container_radio input[type="radio"]+label {
    background-color: #fff !important;
    color: #000 !important
}

.ginput_container_radio input[type="radio"]:checked+label,
.ginput_container_checkbox input[type="checkbox"]:checked+label {
    background-color: #1a2b5f !important;
    color: #fff !important
}

.ginput_container_radio input[type="radio"]:hover+label,
.ginput_container_checkbox input[type="checkbox"]:hover+label {
    background-color: #1a2b5f !important;
    color: #fff !important
}

.gform_wrapper li.hidden_label input {
    margin-top: 0px !important
}

.gform_footer .gform_button {
    background: none;
    border: 2px solid #1647ad !important;
    font-size: 20px !important;
    line-height: 1rem !important;
    margin: .5em;
    padding: .8em 2em;
    border-radius: 40px;
    color: #1647ad;
    transition: 0.31s;
    text-decoration: none;
    display: inline-block;
    width: 225px !important;
    max-width: 100%
}

.gform_footer .gform_button:hover {
    box-shadow: inset -6.5em 0 0 0 #1647ad, inset 6.5em 0 0 0 #1647ad;
    color: #fff
}

.mobile_contact_bar {
    position: fixed;
    bottom: 0;
    background-color: #fc6500;
    padding: 0
}

.open-mobile-form {
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px 0
}

.mobile_contact_bar>.flex-nowrap>.d-flex {
    padding: 0
}

#toc_block {
    position: sticky;
    top: 90px;
    position: -webkit-sticky;
    z-index: 99
}

#secondary #text-3,
#secondary .toc_sticky {
    position: sticky;
    top: 90px;
    position: -webkit-sticky;
    z-index: 99
}

.single-post #toc_icon {
    background: #f5f5f5
}

.single-post aside .toc_sticky {
    display: flex;
    flex-direction: column
}

.single-post aside .toc_sticky #block-22 {
    order: 2
}

.single-post aside .toc_sticky #block-23 {
    order: 1
}

.single-post aside .toc_sticky #block-23 .cta_sec .bg-dark-blue {
    margin-bottom: 0 !important
}

.single-post #toc_icon ul {
    margin: 0;
    list-style: decimal;
    padding-left: 25px;
    padding-right: 5px;
    max-height: 55vh;
    overflow-y: auto
}

.single-post #toc_icon ul::-webkit-scrollbar {
    width: 4px
}

.single-post #toc_icon ul::-webkit-scrollbar-track {
    background: #585e722e;
    border-radius: 12px
}

.single-post #toc_icon ul::-webkit-scrollbar-thumb {
    background: #1a2b5f;
    border-radius: 12px
}

.single-post #toc_icon ul.list-style-icon li ol li,
.single-post #toc_icon ul.list-style-icon li {
    background: none;
    padding-left: 0;
    line-height: 25px;
    font-size: .875rem
}

.single-post #toc_icon li.toc_active a.toc_active,
.single-post #toc_icon a:hover {
    color: #1a2b5f !important
}

.toc_scroll ul li ol {
    padding-left: 20px;
    list-style: upper-alpha
}

.partnership-with-us .steps_ui-ux .step-bg {
    position: relative;
    width: 80px;
    height: 80px;
    z-index: 2
}

.partnership-with-us .steps_ui-ux_eww .vertical-steps .bg-num {
    font-size: 45px;
    top: 5px;
    z-index: 1
}

.partnership-with-us .steps_ui-ux .flow-border {
    position: relative;
    width: 100px;
    height: 100px;
    z-index: 2
}

.partnership-with-us .steps_ui-ux:last-child .flow-border,
.partnership-with-us .steps_ui-ux .begin.step-bg {
    background-color: #EED6A6
}

.partnership-with-us .steps_ui-ux .describe.flow-border,
.partnership-with-us .steps_ui-ux .describe.step-bg {
    background-color: #F1B6B7
}

.partnership-with-us .steps_ui-ux .project.flow-border,
.partnership-with-us .steps_ui-ux .project.step-bg {
    background-color: #C0FBCD
}

.partnership-with-us .steps_ui-ux .engagement.flow-border,
.partnership-with-us .steps_ui-ux .engagement.step-bg {
    background-color: #F3B9E0
}

.partnership-with-us .steps_ui-ux .choosing.flow-border,
.partnership-with-us .steps_ui-ux .choosing.step-bg {
    background-color: #C2DAFB
}

.partnership-with-us .steps_ui-ux:last-child .flow-border:before {
    display: none
}

.partnership-with-us .flow-border:before {
    content: "";
    width: 200%;
    height: .0625rem;
    position: absolute;
    top: 48px;
    left: 100%;
    z-index: -1;
    border-top-width: 0;
    border-style: dashed
}

.partnership-with-us .describe:before {
    border-color: #F1B6B7
}

.partnership-with-us .project:before {
    border-color: #C0FBCD
}

.partnership-with-us .engagement:before {
    border-color: #F3B9E0
}

.partnership-with-us .choosing:before {
    border-color: #C2DAFB
}

.partnership-with-us .step-4-process .flow-border:before {
    width: calc(200% + 3vw)
}

ul.tech_design_border {
    gap: 20px
}

ul.tech_design_border li {
    position: relative
}

ul.tech_design_border li:not(:last-child):after {
    content: '';
    position: absolute;
    width: 2px;
    height: 80%;
    background: #282d3b;
    right: -10px;
    opacity: .5;
    top: 50%;
    transform: translateY(-50%)
}

#gform_18 .gform_footer .gform_button:hover {
    box-shadow: inset -7em 0 0 0 #1647ad, inset 7em 0 0 0 #1647ad
}

#gform_18 .gform_footer .gform_button {
    width: auto !important
}

body.page-id-1820 .site-content {
    overflow-x: clip
}

.ai-process .ai-process_slider .slick-prev.slick-arrow.slick-disabled,
.ai-process .ai-process_slider .slick-next.slick-arrow.slick-disabled {
    opacity: .5
}

.ai-process .ai-process_slider .slick-next,
.ai-process .ai-process_slider .slick-prev {
    font-size: 0;
    background-size: 100% 100% !important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    position: absolute;
    bottom: -25px;
    right: 25px;
    transition: 0.3s ease
}

.ai-process .ai-process_slider .slick-next {
    background: url(../image/next-icon-dark-blue.jpg) no-repeat
}

.ai-process .ai-process_slider .slick-prev {
    background: url(../image/pervious-icon-dark-blue.jpg) no-repeat;
    right: 95px
}

.ai-process .ai-process_slider .slick-track {
    display: flex !important;
    align-items: stretch;
    height: 100%
}

.ai-process .ai-process_slider.slick-initialized .slick-slide {
    height: auto !important
}

.ai-process .ai-process_slider.slick-initialized .slick-slide div.border-radius-16 {
    height: 100%
}

.ai-process .slick-list {
    padding-right: 100vw;
    margin-right: -100vw
}

.ai-process .process_pointers_sec {
    padding-inline: 10px
}

#gform_wrapper_11 h2.gform_title {
    font-size: 30px !important;
    margin-bottom: 0;
    font-weight: 700
}

#gform_wrapper_11 .gform_required_legend {
    font-size: 11px !important;
    margin-bottom: 0 !important
}

#gform_11 .ginput_container_radio label {
    border-radius: 8px !important
}

#gform_11 #gform_submit_button_11 {
    width: 100% !important;
    border-radius: 8px;
    margin-inline: 0;
    background: #1647ad;
    color: #fff
}

#gform_11 fieldset .ginput_container_radio label {
    margin: 0px !important;
    border-color: #282828;
    padding: 5px 10px !important
}

#gform_11 #field_11_15 .ginput_container_radio label {
    padding: 4px 6px !important
}

#gform_11 fieldset .ginput_container_radio .gfield_radio {
    gap: 15px 10px
}

#gform_11 #field_11_15 .ginput_container_radio .gfield_radio {
    gap: 15px 8px
}

#gform_11 fieldset .ginput_container_radio label:hover {
    border-color: #1a2b5f
}

#gform_11 fieldset .gfield_label {
    font-size: 20px;
    font-weight: 500
}

#gform_11 #field_11_15 {
    margin-block: 6px 4px
}

#gform_11 #field_11_17 {
    margin-bottom: 20px
}

.bg-dark-blue-700 {
    background-color: #162858
}

.w-fit-content {
    width: fit-content
}

.border-left-10blue {
    border-left: 10px solid #1A2B5F;
    border-radius: 8px 16px 16px 8px
}

.btn-blue-white a,
.btn-darkblue-white a {
    background: #1946AE;
    border: 2px solid #1946AE;
    font: inherit;
    line-height: 1;
    margin: .5em;
    padding: .8em 2em;
    color: #fff;
    transition: 0.25s;
    text-decoration: none;
    display: inline-block;
    text-align: center
}

.btn-blue-white a:hover,
.btn-darkblue-white a:hover {
    box-shadow: inset -18em 0 0 0 #fff, inset 18em 0 0 0 #fff;
    color: #1946AE;
    border: 2px solid
}

.btn-darkblue-white a {
    background: #1A2B5F;
    border: 2px solid #1A2B5F;
    padding: 16px 24px !important
}

.btn-darkblue-white a:hover {
    color: #1A2B5F
}

.service-list {
    overflow-y: scroll;
    height: 430px
}

.service-list::-webkit-scrollbar,
.process-steps::-webkit-scrollbar {
    width: 8px;
    max-height: 100px
}

.service-list::-webkit-scrollbar-track,
.process-steps::-webkit-scrollbar-track {
    background: rgb(25 70 174 / 10%);
    border-radius: 8px
}

.service-list::-webkit-scrollbar-thumb,
.process-steps::-webkit-scrollbar-thumb {
    background: #1946AE;
    border-radius: 11px
}

.process-steps {
    overflow-y: scroll;
    height: 759px
}

.iottech-tabs {
    overflow-x: scroll;
    width: 100%
}

.technologies-tab .nav-tabs.iottech-tabs .nav-link {
    width: max-content
}

.technologies-tab .nav-tabs.iottech-tabs .nav-link.active {
    border-bottom: none;
    position: relative
}

.technologies-tab .nav-tabs.iottech-tabs .nav-link.active:after {
    content: "";
    position: absolute;
    background: #1A2B5F;
    height: 6px;
    width: 100%;
    left: 0;
    bottom: -6px;
    border-radius: 250px
}

.dark-blue-icon img {
    aspect-ratio: 1/1
}

.dark-blue-icon {
    width: 74px !important;
    min-width: 60px;
    max-width: 70px;
    aspect-ratio: 1 / 1;
    display: grid;
    place-content: center;
    padding: 18px
}

.black-icon {
    width: 56px !important;
    min-width: 56px;
    max-width: 56px;
    aspect-ratio: 1 / 1;
    display: grid;
    place-content: center
}

.healthcare-content-wrapper .nav-item:not(:last-child) {
    border-bottom: 2px solid #1e327180
}

.healthcare-content-wrapper .nav-link {
    background: unset;
    border: unset;
    padding: 20px 0;
    font-size: 24px;
    line-height: 34px;
    color: #1E3272;
    font-weight: 700;
    text-align: left;
    opacity: .44
}

.healthcare-content-wrapper .nav-link.active,
.healthcare-content-wrapper .nav-link:hover {
    opacity: 1
}

.healthcare-content-wrapper .card-header {
    background: unset;
    border: unset;
    padding-bottom: unset
}

.healthcare-content-wrapper .card-header h3 {
    font-size: 32px !important;
    font-weight: 700
}

.healthcare-tab .accordian-chevron-down {
    border-bottom: 2px solid rgba(0, 0, 0, .14)
}

.healthcare-tab .accordian-chevron-down .accordion-button:not(.collapsed) i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.healthcare-tab .accordian-chevron-down .card-header {
    background: transparent;
    border-bottom: 0
}

.healthcare-tab .accordian-chevron-down .card-header a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #1A2B5F;
    font-size: 24px;
    line-height: 34px;
    pointer-events: auto
}

.healthcare-content-wrapper .card-header a {
    color: #fff;
    pointer-events: none
}

.healthcare-content-wrapper .card-body p {
    color: #fff
}

.healthcare-content-wrapper .collapse:not(.show) {
    display: block
}

.healthtech-tabs {
    overflow-x: scroll;
    width: 100%
}

.healthcare-tab .nav-tabs.healthtech-tabs li {
    width: -webkit-fill-available;
    min-width: max-content
}

.healthcare-tab .nav-tabs.healthtech-tabs .nav-link.active {
    border-bottom: none;
    position: relative
}

.healthcare-tab .nav-tabs.healthtech-tabs .nav-link.active:after,
.healthcare-tab .nav-tabs.healthtech-tabs .nav-link.active:before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    bottom: -16px
}

.healthcare-tab .nav-tabs.healthtech-tabs .nav-link.active:after {
    background: linear-gradient(225deg, #1A2B5F 50%, #f5f5f5 50%);
    left: calc(50% - 7px);
    transform: translateX(calc(-50% + 0px))
}

.healthcare-tab .nav-tabs.healthtech-tabs .nav-link.active:before {
    background: linear-gradient(135deg, #1A2B5F 50%, #f5f5f5 50%);
    right: calc(50% + -17px);
    transform: translateX(calc(-50% + 7px))
}

.healthcare-tab .nav-tabs.healthtech-tabs .nav-link.active .border2-blue700 {
    background: #1A2B5F !important;
    color: #fff
}

.healthcare-tab .nav-tabs.healthtech-tabs::-webkit-scrollbar {
    height: 6px;
    max-width: 100%
}

.healthcare-tab .nav-tabs.healthtech-tabs::-webkit-scrollbar-track {
    background: rgb(25 70 174 / 10%);
    border-radius: 8px
}

.healthcare-tab .nav-tabs.healthtech-tabs::-webkit-scrollbar-thumb {
    background: #1946AE;
    border-radius: 11px
}

.nav-tabs.healthtech-tabs .nav-link:focus,
.nav-tabs.healthtech-tabs .nav-link:hover {
    background: transparent;
    border-color: transparent
}

.nav-tabs.healthtech-tabs .nav-item.show .nav-link,
.nav-tabs.healthtech-tabs .nav-link.active {
    background: transparent;
    border-color: transparent;
    border-bottom: 4px solid #ff0
}

.nav-tabs.healthtech-tabs .nav-link {
    padding: 1.5rem 1.5rem .5rem
}

.customized-solutions .customized-solutions-slider .slick-prev.slick-arrow.slick-disabled,
.customized-solutions .customized-solutions-slider .slick-next.slick-arrow.slick-disabled {
    opacity: .5
}

.customized-solutions .customized-solutions-slider .slick-next,
.customized-solutions .customized-solutions-slider .slick-prev {
    font-size: 0;
    background-size: 100% 100% !important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    position: absolute;
    top: -25px;
    right: 25px;
    transition: 0.3s ease
}

.customized-solutions .customized-solutions-slider .slick-next {
    background: url(../image/next-icon-dark-blue.jpg) no-repeat
}

.customized-solutions .customized-solutions-slider .slick-prev {
    background: url(../image/pervious-icon-dark-blue.jpg) no-repeat;
    right: 95px
}

.customized-solutions .customized-solutions-slider .slick-track {
    display: flex !important;
    align-items: stretch;
    height: 100%
}

.customized-solutions .customized-solutions-slider.slick-initialized .slick-slide {
    height: auto !important
}

.customized-solutions .customized-solutions-slider.slick-initialized .slick-slide div.border-radius-16 {
    height: 100%
}

.customized-solutions .process_pointers_sec {
    padding-inline: 10px
}

.customized-solutions-slider .dark-blue-icon {
    width: 65px !important;
    min-width: 55px;
    max-width: 65px;
    padding: 12px
}

@media screen and (max-width:1024px) {
    h1 {
        font-size: 50px !important
    }

    h2 {
        font-size: 30px !important
    }

    h3 {
        font-size: 24px !important
    }

    h4 {
        font-size: 18px !important
    }

    h5 {
        font-size: 17px !important
    }

    h6 {
        font-size: 16px !important
    }

    .portfolio-project-title-home-h3 {
        font-size: 30px !important
    }
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 25px !important
    }

    h2 {
        font-size: 22px !important
    }

    h3 {
        font-size: 18px !important
    }

    .portfolio-project-title-home-h3 {
        font-size: 22px !important
    }
}

.padding-top-bottom {
    padding-top: 70px;
    padding-bottom: 30px
}

.margin-top-70 {
    margin-top: 80px
}

.margin-top-90 {
    margin-top: 90px
}

.margin-top-100 {
    margin-top: 100px
}

.margin-top-150 {
    margin-top: 150px
}

.img-fluid {
    width: 100%
}

.ar-app-section-left {
    padding-right: 50px
}

.service-hire-ios {
    padding: 30px 50px;
    border: 1px solid #adadad;
    border-radius: 10px;
    margin: 25px 10px 0
}

.service-hire-ios-tech {
    padding: 4px 5px;
    border: 1px solid #adadad;
    border-radius: 10px;
    margin: 25px 10px 0
}

.ar-app-section {
    margin-top: 100px
}

.augmented-bg {
    background: url(../image/bg-new.webp) no-repeat;
    background-size: 100% 100%;
    padding-top: 70px;
    padding-bottom: 70px
}

.augmented-desc {
    padding: 20px;
    border: 1px solid #adadad;
    border-radius: 10px;
    height: 100%
}

.augmented-desc p {
    color: #dadadac7
}

.augmented-desc h3 {
    font-size: 18px
}

.benefits-augmented-desc {
    padding: 20px;
    border: 1px solid #adadad;
    border-radius: 10px
}

.benefits-augmented-desc h3 {
    margin-bottom: 10px
}

.reality-company {
    background-color: #f5f5f5;
    padding-top: 70px;
    padding-bottom: 70px
}

.bg_black_color {
    background-color: #000
}

.bg-black-color {
    background-color: #000;
    border-radius: 20px !important
}

.bg-light-blue-color {
    background-color: #1a49bf;
    border-radius: 20px !important
}

.bg-black-color .our-work-inner-right img {
    margin: -77px auto 3rem
}

.bg-black-color .our-work-inner-title {
    padding: 3px 12px;
    background-color: #9c615b;
    border-radius: 50px
}

.bg-light-blue-color .our-work-inner-title {
    padding: 3px 12px;
    background-color: #112760;
    border-radius: 50px
}

.bg-black-color .ourwork-message {
    position: relative;
    padding: 25px;
    background-color: rgba(255, 255, 255, .15);
    border-radius: 10px;
    margin-left: 0;
    z-index: 0
}

.bg-light-blue-color .ourwork-message {
    position: relative;
    z-index: 0;
    padding: 25px;
    background-color: #2f58c2;
    border-radius: 10px;
    max-width: 450px;
    margin-left: 35px
}

.ourwork-message-username p {
    margin-left: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #80808054;
    padding-bottom: 15px;
    max-width: 450px
}

.bg-light-blue-color .our-work-inner {
    padding: 70px 15px 70px 40px
}

.bg-light-blue-color {
    margin-bottom: 140px
}

.service_our-work .slick-slide .testimonial-slides {
    min-height: 690px !important
}

.client-watch-interview-img {
    width: 150px;
    height: 150px
}

.client-watch-interview-img img {
    width: 100%
}

.client-watch-interview-btn a {
    padding: 10px 10px 10px 30px;
    background: url(../image/play-button.png) no-repeat left center;
    background-size: 18px;
    margin: 10px 10px 10px 20px
}

.content-box {
    height: 460px;
    overflow-y: hidden;
    position: relative
}

.content-box-inner-1 {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    transition: 0.5s ease
}

.content-box-inner-2 {
    position: absolute;
    top: 20%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.translatey {
    transform: translateY(-75%)
}

.arrow_up:before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    background: url(../image/up-arrow_white.png) no-repeat right center;
    transition: 0.5s ease;
    background-size: 100%
}

.translatey .arrow_up:before {
    transform: rotate(180deg);
    top: 30%
}

.faq-inner {
    background-color: #f5f5f5
}

.faq-section .card {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
    background-color: #f5f5f5
}

.faq-section .accordion {
    padding: 30px
}

.faq-section .card .card-header {
    padding: 1.75rem 1.25rem 1.75rem 0;
    border-bottom: 0;
    background: none
}

.faq-section .card .card-body {
    padding: 0 1.25rem 1.25rem 5px
}

.faq-section .card .card-body p {
    margin-bottom: 0;
    margin-left: 70px;
    border-left: 2px solid #0e45af;
    padding-left: 10px;
    padding-bottom: 10px
}

.faq-section .card .card-body p.faq-border-none {
    margin-left: 15px;
    border-left: none
}

.faq-section .accordion .card:last-child {
    border-bottom: none !important
}

h5.saswp-faq-question-title:first-letter {
    text-transform: uppercase
}

h5.saswp-faq-question-title {
    text-transform: lowercase
}

.aboutus-quick-links {
    padding: 20px 0
}

.aboutus-quick-links a {
    border-bottom: 1px solid #2f58c2;
    padding-bottom: 3px
}

.core-values-right p {
    margin: 15px 0 50px
}

.core-values-left {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    transform: rotate(45deg);
    display: inline-block;
    margin: 15px
}

.one {
    background-color: #fecfd0
}

.two {
    background-color: #cffed9
}

.three {
    background-color: #cfe3fe
}

.four {
    background-color: #fef9cf
}

.five {
    background-color: #fecfee
}

.core-values-left p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    margin: 0;
    padding: 0
}

.our-clients-inner {
    background-color: #f5f5f5;
    padding: 60px
}

.aboutus-clutch {
    background-color: #1a2b5f;
    padding: 100px 0
}

.clutch-inner {
    padding: 40px 30px;
    background-color: #142247;
    border-radius: 20px 20px 20px 0
}

.clutch-inner-wrap {
    margin: 50px 0
}

.clutch-inner h3 {
    line-height: 37px
}

.aboutus-clutch .border-bottom {
    border-bottom: 2px solid #dee2e659 !important
}

.center .slick-list.draggable {
    padding-right: 300px
}

.react-js-framework-right span {
    color: #10a58f !important
}

.react-js-framework-right h3 {
    letter-spacing: 5px
}

h2.border-33 {
    position: relative
}

h2.border-33:before {
    position: absolute;
    content: "";
    width: 33%;
    height: 2px;
    background-color: #1a2b5f;
    bottom: -10px;
    left: 0
}

.react-js-framework-left {
    padding-right: 10px
}

.react-js-benefit-right ul li.list-icoon {
    background: url(../image/03.jpg) no-repeat left center;
    padding-left: 40px;
    margin-bottom: 30px
}

.react-js-benefit-right ul {
    margin-left: 70px;
    margin-top: 15px;
    padding-bottom: 20px
}

.react-js-benefit-right ul li {
    font-size: 22px
}

.relative {
    position: relative
}

.carousel-control-prev-icon {
    background: url(../image/pervious-icon-dark-blue.jpg) no-repeat;
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    position: absolute;
    left: auto;
    right: 70px;
    bottom: -51px
}

.carousel-control-next-icon {
    background: url(../image/next-icon-dark-blue.jpg) no-repeat;
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: -51px
}

.our-partners-slider .carousel-control-next:hover,
.carousel-control-prev:hover {
    opacity: .5
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 50px;
    border-radius: 50%;
    opacity: 1;
    transition: opacity .15s ease
}

.our-partners-bg {
    background-color: rgb(26 43 95 / 100%)
}

.our-partners-slider-bg {
    background-color: #f6f6f6
}

.our-partners-bg h5 {
    color: #dadadac7
}

.hire-react-native-banner {
    background-color: #1647ad;
    border-radius: 5px;
    padding: 50px
}

.hire-react-native-banner-inner ul li {
    color: #fff;
    margin-left: 9px
}

.hire-react-native-banner-inner div:first-child {
    color: #dadadac7;
    border-bottom: 2px solid #dadadac7;
    display: inline-block;
    margin-left: 8px;
    font-weight: 500
}

.hire-react-native-scope {
    padding: 30px;
    border: 1px solid #adadad;
    border-radius: 10px;
    margin-top: 30px
}

.hire-react-native-scope div {
    position: relative;
    font-size: 20px
}

.hire-react-native-scope div:before {
    position: absolute;
    content: "";
    width: 25%;
    height: 4px;
    background-color: #1647ad;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px
}

.hire-best-app-developer h3 {
    border-bottom: 2px solid #1a2b5f
}

.light-grey-bg {
    background-color: #f5f5f5;
    padding-top: 70px;
    padding-bottom: 70px
}

.hiring-model-table-bg table {
    border-collapse: collapse
}

.hiring-model-table-bg th {
    color: #fff;
    font-weight: 700
}

.hiring-model-table-bg .border-bottom {
    border-bottom: 1px solid #9e9e9e8c !important
}

.hiring-model-table-bg th.hiring-model-heading {
    background: #1647ad;
    border-radius: 45px;
    border: 20px solid #1a2b5f;
    text-align: center
}

.hiring-model-table-bg tbody td {
    padding-left: 30px
}

.hiring-model-table-bg td,
.hiring-model-table-bg th {
    padding: 20px;
    border: 0;
    font-size: 18px;
    color: #fff
}

.startup-ideas-ecommerce {
    background: linear-gradient(90deg, #1647ad -30%, #1a2b5f 80%);
    border-radius: 5px
}

.startup-ideas-ecommerce img {
    width: 68px;
    height: auto
}

.div-icon1:before {
    position: absolute;
    content: "";
    background: url(../image/blockchain-technology.png) no-repeat;
    background-size: 100% 100%;
    background-position: left top;
    height: 52px;
    width: 52px;
    left: -10px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: 50%
}

.div-icon2:before {
    position: absolute;
    content: "";
    background: url(../image/ai-machine-learning.png) no-repeat;
    background-size: 100% 100%;
    background-position: left top;
    height: 52px;
    width: 52px;
    left: -10px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: 50%
}

.div-icon3:before {
    position: absolute;
    content: "";
    background: url(../image/big-data.png) no-repeat;
    background-size: 100% 100%;
    background-position: left top;
    height: 52px;
    width: 52px;
    left: -10px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: 50%
}

.advance-app-used .div-icon4:before,
.advance-app-used .div-icon5:before,
.advance-app-used .div-icon6:before,
.advance-app-used .div-icon7:before,
.advance-app-used .div-icon8:before {
    position: absolute;
    content: "";
    background-size: 100% 100% !important;
    background-position: left top !important;
    height: 52px;
    width: 52px;
    left: -10px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: 50%
}

.advance-app-used .div-icon4:before {
    background: url(../image/cloud.png) no-repeat
}

.advance-app-used .div-icon5:before {
    background: url(../image/digital-identity-verification.png) no-repeat
}

.advance-app-used .div-icon6:before {
    background: url(../image/internet-of-things-icons.png) no-repeat
}

.advance-app-used .div-icon7:before {
    background: url(../image/robotic-process-automation.png) no-repeat
}

.advance-app-used .div-icon8:before {
    background: url(../image/ar-vr.png) no-repeat
}

.service_our-work .slick-slide {
    margin-left: 20px;
    margin-right: 20px;
    min-height: 590px;
    border-radius: 20px
}

.service_our-work .ourwork-message-img img {
    min-width: 70px;
    border-radius: 100%;
    width: 70px
}

.service_our-work .slick-prev,
.test-center-slider .slick-prev {
    font-size: 0;
    background: url(../image/pervious-icon-dark-blue.jpg) no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    position: absolute;
    bottom: -85px;
    left: 50%;
    transition: 0.3s ease
}

.service_our-work .slick-next,
.test-center-slider .slick-next {
    font-size: 0;
    background: url(../image/next-icon-dark-blue.jpg) no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    position: absolute;
    bottom: -85px;
    left: 50%;
    transition: 0.3s ease;
    margin-left: 70px
}

.service_our-work.light-grey-bg {
    padding-bottom: 130px
}

.service_our-work .slick-prev:hover,
.service_our-work .slick-next:hover,
.devprocess_slider .slick-prev:hover,
.devprocess_slider .slick-next:hover {
    opacity: .8
}

.devprocess_slider .slick-list.draggable {
    padding-right: 300px
}

.startup-idea-video-section ul li {
    border-bottom: 1px solid #dee2e6 !important;
    margin: 20px 0;
    padding-bottom: 20px
}

.startup-idea-video iframe {
    margin-bottom: -10px !important
}

.director_banner-section {
    padding-bottom: 100px
}

.our-team-section .our-team-img-caption h3 {
    color: #000;
    transition: 0.2s
}

.our-team-section .our-team-img-caption p {
    color: grey
}

.our-team-section .our-team-box:hover img.our-team-img {
    filter: grayscale(0%)
}

.our-team-section .our-team-box:hover h3 {
    color: #1647ad
}

.btn-white.i-want-to-talk a {
    border-radius: 50px
}

.btn-white.i-want-to-talk a:hover {
    box-shadow: inset -8em 0 0 0 #fff, inset 8em 0 0 0 #fff;
    color: #1a2b5f;
    border: 2px solid
}

.our_minds {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    gap: 15px
}

.our_minds img {
    border-radius: 40px
}

.our_minds .our_minds_detail {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff
}

.eww-life-bottom {
    flex-basis: 28%;
    padding: 30px
}

.eww-life-all-videos ul.tabs {
    margin-left: 50px;
    list-style: none;
    border-left: 1px solid #93a0d45c
}

.eww-life-all-videos ul.tabs li {
    background: none;
    display: inline-block;
    padding: 10px 0 10px 20px;
    cursor: pointer;
    border-left: 3px solid transparent;
    transition: all 0.3s ease-in
}

.eww-life-all-videos li.tab-link {
    margin-left: -1.5px
}

.eww-life-all-videos h3,
.eww-life-all-videos p {
    color: #93a0d4 !important
}

.eww-life-all-videos ul.tabs li.current h3,
.eww-life-all-videos ul.tabs li.current p {
    color: white !important
}

.eww-life-all-videos ul.tabs li.current {
    border-left: 3px solid #fff
}

.eww-life-all-videos .tab-content {
    display: none
}

.eww-life-all-videos .tab-content.current {
    display: inherit
}

.eww-life-all-videos iframe {
    position: relative
}

.eww-life-all-videos .tab-content:before {
    position: absolute;
    content: "";
    width: 93%;
    height: 93%;
    top: -65px;
    left: -50px;
    border: 30px solid #f6d671
}

.career-page-banner {
    margin-top: -180px;
    padding-top: 225px;
    background: url(../image/career-banner.jpg) scroll no-repeat center center;
    background-size: contain
}

.php-developer {
    padding: 20px;
    border: 1.5px solid #21759a;
    border-radius: 5px;
    border-left: 7px solid #21759a;
    margin: 10px 0
}

.android-developer {
    padding: 20px;
    border: 1.5px solid #21759a;
    border-radius: 5px;
    border-left: 7px solid #21759a;
    margin: 10px 0
}

.laravel-developer {
    padding: 20px;
    border: 1.5px solid #21759a;
    border-radius: 5px;
    border-left: 7px solid #21759a;
    margin: 10px 0
}

.wordpress-developer {
    padding: 20px;
    border: 1.5px solid #21759a;
    border-radius: 5px;
    border-left: 7px solid #21759a;
    margin: 10px 0
}

.vacancy-list .vacancy-description p {
    color: grey
}

.employee-benefits-perks .benefits-list {
    padding: 15px 30px;
    background-color: #1a2b5f;
    border-radius: 5px;
    color: #fff;
    margin: 25px 0;
    min-height: 72px;
    transition: 0.3s ease
}

.employee-benefits-perks .benefits-list p {
    color: #fff
}

.employee-benefits-perks .benefits-list:hover {
    background-color: #fff
}

.employee-benefits-perks .benefits-list:hover p {
    color: #1a2b5f
}

.career-sprite-img-css {
    background: url(../image/career-page-sprite-image.png) no-repeat;
    display: inline-block
}

.php-icon {
    min-width: 80px;
    height: 80px;
    border-radius: 50%;
    background-position: left -18px top -75px;
    margin-right: 20px
}

.android-icon {
    min-width: 80px;
    height: 80px;
    border-radius: 50%;
    background-position: left -18px top -75px;
    margin-right: 20px
}

.laravel-icon {
    min-width: 80px;
    height: 80px;
    border-radius: 50%;
    background-position: left -137px top -75px;
    margin-right: 20px
}

.wordpress-icon {
    min-width: 80px;
    height: 80px;
    border-radius: 50%;
    background-position: left -256px top -73px;
    margin-right: 20px
}

span.career-location {
    background-position: left -95px top -17px;
    width: 25px;
    height: 22px
}

span.career-experience {
    background-position: left -10px top -11px;
    width: 35px;
    height: 25px;
    background-size: 589px
}

span.career-vacancies {
    background-position: left -46px top -12px;
    width: 35px;
    height: 25px;
    background-size: 590px
}

.benefits-list span.career-sprite-img-css {
    width: 50px;
    height: 50px;
    padding-right: 60px
}

span.benefits-list-1-white {
    background-position: left -8px top -198px
}

span.benefits-list-2-white {
    background-position: left -83px top -198px
}

span.benefits-list-3-white {
    background-position: left -165px top -195px
}

span.benefits-list-4-white {
    background-position: left -242px top -198px
}

span.benefits-list-5-white {
    background-position: left -314px top -198px
}

span.benefits-list-6-white {
    background-position: left -390px top -193px
}

span.benefits-list-7-white {
    background-position: left -462px top -192px
}

span.benefits-list-8-white {
    background-position: left -543px top -194px
}

span.benefits-list-9-white {
    background-position: left -612px top -192px
}

.benefits-list:hover span.benefits-list-1-white {
    background-position: left -8px top -278px
}

.benefits-list:hover span.benefits-list-2-white {
    background-position: left -83px top -278px
}

.benefits-list:hover span.benefits-list-3-white {
    background-position: left -165px top -275px
}

.benefits-list:hover span.benefits-list-4-white {
    background-position: left -242px top -278px
}

.benefits-list:hover span.benefits-list-5-white {
    background-position: left -314px top -278px
}

.benefits-list:hover span.benefits-list-6-white {
    background-position: left -390px top -273px
}

.benefits-list:hover span.benefits-list-7-white {
    background-position: left -462px top -272px
}

.benefits-list:hover span.benefits-list-8-white {
    background-position: left -543px top -274px
}

.benefits-list:hover span.benefits-list-9-white {
    background-position: left -612px top -272px
}

.career-popup .modal-header .close {
    margin: 0;
    padding: 0 12px 6px !important;
    border-radius: 50%;
    background-color: #1a2b5f;
    position: absolute;
    right: -25px;
    top: -25px
}

.career-popup .close {
    float: right;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    display: inline-flex
}

.career-popup .close:hover {
    color: #fff;
    opacity: .6
}

button:focus {
    outline: none
}

.career-popup .gform_footer .gform_button {
    border-radius: 8px
}

.career-popup .modal-dialog {
    margin-top: 80px
}

.career-popup input#gform_submit_button_2 {
    margin-inline: 0
}

.career-popup .modal-header {
    padding: 3rem 2rem;
    border-bottom: none;
    display: block
}

.career-popup .modal-content {
    border: none;
    border-radius: .6rem
}

.career-popup .gform_wrapper .gform_footer {
    margin-left: 0;
    padding-bottom: 30px
}

.career-popup #gform_wrapper_2 {
    width: 100%
}

.career-popup #field_2_10 input[type="file"] {
    border-bottom: 0 !important;
    padding: 2px 0 10px 35px
}

.career-popup #field_2_10 {
    margin-bottom: 30px
}

.career-popup .gform_wrapper select {
    height: auto
}

.career-popup #field_2_9 {
    display: flex;
    align-items: center
}

.career-popup #field_2_9 label {
    margin-right: 15px;
    margin-bottom: 0
}

.career-popup .gchoice_2_9_0,
.career-popup .gchoice_2_9_1 {
    margin-bottom: 0px !important
}

.career-popup .file-upload-btn input[type="file"] {
    position: relative;
    font-size: 0
}

.career-popup .file-upload-btn input[type="file"]:before {
    position: absolute;
    content: "Choose File";
    left: 0;
    top: 0;
    color: #fff;
    background-color: #1647ad;
    border-radius: 8px;
    font-size: 18px;
    cursor: pointer;
    width: 140px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    z-index: 3
}

.career-popup .file-upload-btn input[type="file"]:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    color: #fff;
    background-color: #fff;
    height: 100%;
    width: 155px;
    z-index: 0
}

.career-popup input#input_2_10 {
    width: 100%
}

.mail-icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    padding-right: 60px;
    background-position: left -6px top -361px
}

.call-icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    padding-right: 60px;
    background-position: left -72px top -361px
}

.client-slider img {
    width: 90px
}

.vacancy-description [aria-expanded="false"]>.expanded,
.vacancy-description [aria-expanded="true"]>.collapsed {
    display: none
}

.client-slider-verticle .slick-dots {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -5px;
    z-index: 0
}

.client-slider-verticle ul.slick-dots button {
    font-size: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #1647ad;
    outline: 0;
    transition: all 0.2s ease
}

.client-slider-verticle ul.slick-dots li.slick-active button {
    background-color: #1647ad
}

.client-slider-verticle ul.slick-dots li {
    margin: 0 2px;
    height: 30px
}

.client-second-slider .slick-prev,
.client-third-slider .slick-prev,
.pdf-slider .slick-prev {
    font-size: 0;
    background: url(../image/pervious-icon-dark-blue.jpg) no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    position: absolute;
    bottom: -70px;
    left: auto;
    transition: 0.3s ease;
    right: 75px
}

.client-second-slider .slick-next,
.client-third-slider .slick-next,
.pdf-slider .slick-next {
    font-size: 0;
    background: url(../image/next-icon-dark-blue.jpg) no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    position: absolute;
    bottom: -70px;
    left: auto;
    transition: 0.3s ease;
    margin-left: 70px;
    right: 1%
}

.pdf-slider button.slick-arrow.slick-disabled {
    opacity: .5
}

.client-second-slider .slick-prev:hover,
.client-second-slider .slick-next:hover,
.client-third-slider .slick-next:hover,
.client-third-slider .slick-prev:hover {
    opacity: .5
}

.client-second-slider .services-box.development,
.client-third-slider .services-box.development {
    min-height: 270px
}

.play-btn {
    position: absolute;
    right: -45px;
    bottom: auto;
    z-index: 0;
    top: 50%;
    transform: translateY(-50%)
}

.play-btn img {
    width: 90px
}

.youtube-btn {
    position: absolute;
    left: 0;
    z-index: 2;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.infrastructure-inner p {
    font-size: 150px !important;
    color: #dfe0e5;
    font-weight: 900;
    line-height: 100px;
    padding-bottom: 0
}

.ds_devices ul li,
.ds_firewall ul li {
    margin-right: 40px
}

.development-process-bg-img {
    background: url(../image/our-app-development-process.jpg) no-repeat;
    background-size: cover;
    padding: 200px 0
}

.dp_startup {
    background-color: #2cd59c;
    height: 100%
}

.dp_startup-list span.career-sprite-img-css {
    width: 50px;
    height: 50px;
    padding-right: 60px
}

span.dp_startup-list-1 {
    background-position: left -7px top -506px
}

span.dp_startup-list-2 {
    background-position: left -67px top -506px
}

span.dp_startup-list-3 {
    background-position: left -129px top -509px
}

span.dp_startup-list-4 {
    background-position: left -191px top -506px
}

span.dp_startup-list-5 {
    background-position: left -252px top -509px
}

span.dp_startup-list-6 {
    background-position: left -313px top -510px
}

span.dp_startup-list-7 {
    background-position: left -378px top -515px
}

span.dp_startup-list-8 {
    background-position: left -378px top -515px
}

span.dp_startup-list-9 {
    background-position: left -439px top -513px
}

.b-to-b_process-bg {
    background-color: #ffd954
}

.b-to-b_process-list span.career-sprite-img-css {
    width: 50px;
    height: 60px;
    padding-right: 60px
}

span.b-to-b_process-list-1 {
    background-position: left -7px top -594px
}

span.b-to-b_process-list-2 {
    background-position: left -68px top -594px
}

span.b-to-b_process-list-3 {
    background-position: left -135px top -594px
}

span.b-to-b_process-list-4 {
    background-position: left -204px top -594px
}

span.b-to-b_process-list-5 {
    background-position: left -269px top -594px
}

span.b-to-b_process-list-6 {
    background-position: left -135px top -594px
}

span.b-to-b_process-list-7 {
    background-position: left -330px top -594px
}

span.b-to-b_process-list-8 {
    background-position: left -396px top -594px
}

.our_enterprise-ds {
    background-color: #ec7966;
    height: 100%
}

.our_enterprise-ds-list span.career-sprite-img-css {
    width: 50px;
    height: 55px;
    padding-right: 60px
}

span.our_enterprise-ds-list-1 {
    background-position: left -7px top -687px
}

span.our_enterprise-ds-list-2 {
    background-position: left -64px top -691px
}

span.our_enterprise-ds-list-3 {
    background-position: left -118px top -691px
}

span.our_enterprise-ds-list-4 {
    background-position: left -178px top -691px
}

span.our_enterprise-ds-list-5 {
    background-position: left -242px top -691px
}

span.our_enterprise-ds-list-6 {
    background-position: left -308px top -697px
}

span.our_enterprise-ds-list-7 {
    background-position: left -368px top -697px
}

span.our_enterprise-ds-list-8 {
    background-position: left -430px top -699px
}

span.our_enterprise-ds-list-9 {
    background-position: left -490px top -696px
}

span.our_enterprise-ds-list-10 {
    background-position: left -548px top -698px
}

.development-methodology-list span.career-sprite-img-css {
    min-width: 80px;
    min-height: 80px;
    margin-top: 5px;
    margin-bottom: 5px
}

span.development-methodology-list-1 {
    background-position: left -7px top -788px
}

span.development-methodology-list-2 {
    background-position: left -107px top -786px
}

span.development-methodology-list-3 {
    background-position: left -205px top -791px
}

span.development-methodology-list-4 {
    background-position: left -297px top -793px
}

span.development-methodology-list-5 {
    background-position: left -385px top -793px
}

span.development-methodology-list-6 {
    background-position: left -482px top -795px
}

.pricing-banner-bg {
    padding: 200px 0;
    background: linear-gradient(#1a2b5fc2, #1a2b5fc2), url(../image/Pricing_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    word-break: break-word
}

.pricing-modal-box-caption {
    position: relative
}

.pricing-modal-box-caption h2 {
    font-size: 37px !important
}

.hdd_our-hiring-models h3 {
    position: relative
}

.hdd_our-hiring-models h3:before {
    border-bottom: 1px solid #1a49bf;
    width: 100px;
    position: absolute;
    content: "";
    bottom: -10px;
    left: 0
}

.hdd_our-hiring-models {
    border: 3px solid #1a49bf;
    margin-bottom: -120px;
    flex-basis: 28%;
    padding: 40px;
    margin-top: 15px
}

.hdd_our-hiring-models-main {
    margin-bottom: 190px
}

.resources-you-can-hire-inner a {
    color: #1a2b5f;
    margin: 5px 0;
    display: inline-block;
    border: 1px solid;
    padding: .375rem .75rem;
    text-align: center;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    background: transparent
}

.resources-you-can-hire-inner a:hover {
    background: #1a2b5f;
    color: #fff;
    border: 1px solid transparent
}

.hire-developer-form #input_3_8 {
    margin-left: 1px;
    border: 0;
    border-bottom: 1px solid;
    padding-bottom: 12px
}

select#input_3_8 {
    color: #757575;
    padding-left: 0
}

.hire-developer-form ul#gform_fields_3 li {
    margin-top: 25px
}

.hire-developer-form .gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label {
    max-width: 90%;
    margin-left: 5px !important
}

.hire-developer-form .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label {
    font-weight: 500
}

.hire-developer-form .gform_footer.top_label {
    text-align: center
}

.hire-developer-form #input_3_10,
#input_1_11,
#input_5_11,
#input_2_18,
#input_1_13 {
    margin-left: 1px;
    border: 0;
    border-bottom: 1px solid #000;
    padding-bottom: 12px;
    font-size: 18px;
    color: #6b6b6b;
    padding-top: 10px;
    background-color: transparent;
    -webkit-appearance: none;
    border-radius: 0
}

.top-developers-eww .carousel-item {
    margin-right: 0%
}

.top-developers-eww .carousel-control-next,
.top-developers-eww .carousel-control-prev {
    top: -60px
}

.top-developers-eww .panel {
    border-radius: 40px !important
}

.top-developers-eww .carousel-inner .active,
.top-developers-eww .carousel-inner .active+.carousel-item,
.top-developers-eww .carousel-inner .active+.carousel-item+.carousel-item,
.top-developers-eww .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item {
    display: block
}

.top-developers-eww .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
.top-developers-eww .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item,
.top-developers-eww .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item,
.top-developers-eww .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item {
    transition: none
}

.top-developers-eww .carousel-inner .carousel-item-next,
.top-developers-eww .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0)
}

.top-developers-eww .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
    position: absolute;
    top: 0;
    right: -25%;
    z-index: -1;
    display: block;
    visibility: visible
}

.top-developers-eww .active.carousel-item-left+.carousel-item-next.carousel-item-left,
.top-developers-eww .carousel-item-next.carousel-item-left+.carousel-item,
.top-developers-eww .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
.top-developers-eww .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item,
.top-developers-eww .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible
}

.top-developers-eww .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible
}

.top-developers-eww .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
.top-developers-eww .carousel-item-prev.carousel-item-right+.carousel-item,
.top-developers-eww .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
.top-developers-eww .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item,
.top-developers-eww .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible
}

.page-template-template-hireppc-php .ppc-box-hover {
    cursor: pointer
}

.page-template-template-hireppc-php .ppc-box-hover:hover {
    box-shadow: 0 2.8125rem 3.75rem 0 rgba(34, 34, 34, .1)
}

.page-template-template-hireppc-php .ppc-test {
    padding: 50px;
    border: 1px solid #000;
    border-top-left-radius: 108px;
    border-bottom-right-radius: 108px;
    width: 800px !important;
    max-width: 100%;
    margin: 30px auto 80px auto
}

.page-template-template-hireppc-php .ppc-test img {
    position: absolute;
    right: 0;
    border: 3px solid #122063;
    border-radius: 50%;
    bottom: 0;
    transform: translateY(50%)
}

.page-template-template-hireppc-php .ppc-gform .ginput_container input,
.page-template-template-hireppc-php .ppc-gform .ginput_container textarea {
    background-color: #ffffff40;
    border-radius: 10px;
    border-bottom: none !important;
    color: #fff
}

.page-template-template-hireppc-php .ppc-gform .ginput_container input::placeholder,
.page-template-template-hireppc-php .ppc-gform .ginput_container textarea::placeholder {
    color: #fff
}

.page-template-template-hireppc-php .ppc-gform {
    padding: 30px;
    background: #ffffff1f;
    backdrop-filter: blur(15px)
}

.page-template-template-hireppc-php .ppc-gform .ginput_container {
    margin-bottom: 15px
}

.page-template-template-hireppc-php .ppc-gform .gform_footer .gform_button {
    background: #ffffff40;
    border: 1px solid white !important;
    color: #fff
}

.page-template-template-hireppc-php .first-section {
    padding-top: 100px;
    background: url(../image/ppc-banner-img.jpg);
    margin-top: -80px
}

.page-template-template-hireppc-php #menu-hire-ppc .gm-anchor {
    color: white !important
}

.page-template-template-hireppc-php .gm-navbar-sticky-toggle #menu-hire-ppc .gm-anchor {
    color: rgba(40, 40, 40, 1) !important
}

.page-template-template-hireppc-php .charges-div {
    word-break: break-all;
    overflow-wrap: break-word
}

.page-template-template-hireppc-php .ppc-trans {
    transform: translateY(50%)
}

.page-template-template-hireppc-php .ppc-box-hover img {
    width: 100px
}

.page-template-template-hireppc-php .mobile_contact_bar {
    font-size: 24px
}

.next-app-of-the-week h4 {
    background-color: #1647ad;
    position: relative
}

.next-app-of-the-week h4:before {
    position: absolute;
    content: "";
    width: 53px;
    height: 53px;
    right: -27px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    background: linear-gradient(45deg, white 50%, transparent 0%)
}

.our-top-app-bg-red {
    background-color: #fa7c6d
}

.our-top-app-bg-red h3 {
    color: #e16d60
}

.our-top-app-bg-red h4,
.our-top-app-bg-red p,
.our-top-app-bg-red h4 a {
    color: #a43f33
}

.our-top-app-section-inner {
    padding: 30px;
    padding-right: 0
}

.our-top-app-section-inner p {
    font-size: 16px;
    line-height: 1.5
}

.our-top-app-bg-red .app-week-image {
    margin-top: -25px;
    margin-bottom: -25px !important
}

#cost-table th {
    padding: 25px !important;
    font-size: 24px
}

#cost-table tr td:first-child,
#cost-table tr th:first-child {
    text-align: left
}

#cost-table td,
#cost-table th {
    padding: 8px 25px;
    border: none
}

#cost-table .green-border td,
#cost-table .green-border th {
    border-right: 2px solid #dcf8e1 !important
}

#cost-table .purpal-border td,
#cost-table .purpal-border th {
    border-right: 2px solid #e2ceff !important
}

#cost-table .gray-border td,
#cost-table .gray-border th {
    border-right: 2px solid #252c3c !important
}

#cost-table .lightblue-border td,
#cost-table .lightblue-border th {
    border-right: 2px solid #3980e5 !important
}

#cost-table .pink-border td,
#cost-table .pink-border th {
    border-right: 2px solid #ff679a !important
}

#cost-table .gajar-border td,
#cost-table .gajar-border th {
    border-right: 2px solid #ff4057 !important
}

#cost-table .grren-light-border td,
#cost-table .grren-light-border th {
    border-right: 2px solid #1ba279 !important
}

#cost-table .grren-lights-border td,
#cost-table .grren-lights-border th {
    border-right: 2px solid #39aea5 !important
}

.app-week-subscription .tnp-field-email {
    width: 100%;
    margin-right: 20px
}

.app-week-subscription .tnp-email {
    background: #fff;
    border: 0;
    height: 50px;
    padding: 0 15px;
    width: 100%
}

.app-week-subscription .tnp-submit {
    height: 50px;
    background: #1a2b5f;
    color: #fff;
    padding: 0 25px;
    border: 0
}

.faq-main-page ul.faq-navs li {
    margin-bottom: 30px;
    position: relative;
    display: table;
    transition: 0.5s ease-in
}

.faq-main-page ul.faq-navs li.current:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #1a2b5f;
    bottom: 0;
    left: 0;
    display: inline-block;
    transition: 0.5s ease-in
}

ul.faq-navs li.current a {
    color: #1a2b5f !important;
    font-weight: 700
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.blog-newsleteer-section {
    padding: 35px 80px;
    background: #e1ffe7
}

.blog-newsleteer-section .tnp.tnp-subscription {
    margin: 0;
    max-width: 420px
}

.blog-newsleteer-section .tnp.tnp-subscription form .tnp-email {
    background: transparent;
    border: 1px solid #1a2b5f
}

.blog-newsleteer-section .tnp-subscription .tnp-field-email {
    width: 100%
}

.blog-newsleteer-section .tnp-subscription input.tnp-submit {
    background: #1a2b5f;
    height: 50px
}

#blog-detail-slider .carousel-indicators,
#blog-detail-slider2 .carousel-indicators,
#blog-detail-slider3 .carousel-indicators,
#blog-detail-slider4 .carousel-indicators {
    bottom: -45px
}

#blog-detail-slider .carousel-indicators li,
#blog-detail-slider2 .carousel-indicators li,
#blog-detail-slider3 .carousel-indicators li,
#blog-detail-slider4 .carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: #1a2b5f;
    border-radius: 50%
}

.similar-post-bg .similar-post-bg-column:nth-child(2)>div {
    background-color: #1a49bf
}

.blog-feature-img {
    object-fit: cover;
    box-shadow: 0 5px 9px rgba(0, 0, 0, .3)
}

.blog-cat-list li a {
    color: #1a2b5f;
    font-size: 19px;
    font-weight: 500
}

.blog-cat-list li a:hover {
    color: #1647ad
}

.blog-newsleteer-listing.blog-newsleteer-section {
    padding: 35px 40px;
    background: #e1ffe7
}

.pagination a {
    background: #fff;
    padding: 2px 12px;
    font-size: 21px;
    color: #1a2b5f;
    margin: 0 7px;
    border: 1px solid #1a2b5f
}

.pagination span.current {
    padding: 2px 12px;
    font-size: 21px;
    color: #fff;
    margin: 0 10px;
    border: 1px solid #1a2b5f;
    background: #1a2b5f
}

.banner-portfolio {
    background: url(../image/portfolio_bannner.png) scroll no-repeat;
    border-radius: 10px
}

.about-project {
    background: linear-gradient(to top, #F2F8FF 89%, #ffffff 100%)
}

.about-project .second-section {
    background: url(../image/second-section-bg.png) no-repeat;
    text-align: right;
    background-size: 90%;
    background-position: center;
    padding: 156px 30px 56px
}

.blue-gredient-bg {
    background: linear-gradient(to top, #FFFFFF 30%, #297ED3 30%)
}

.blue-gredient-bg .challenge-section {
    outline: 2px dashed #fff;
    outline-offset: 10px
}

.challenge-values-left {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    border: 2px solid #1a2b5f;
    transform: rotate(45deg);
    display: inline-block;
    margin: 15px
}

.challenge-values-left h3 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.screenshot-tab ul.nav {
    border: none
}

.screenshot-tab ul.nav li a {
    border: none;
    border-bottom: 4px solid #e2e2e2;
    font-size: 22px;
    padding: .5rem 2rem;
    color: #000
}

.screenshot-tab .nav-tabs .nav-item.show .nav-link,
.screenshot-tab .nav-tabs .nav-link.active {
    border-color: #297ED3;
    color: #297ED3
}

.yellow-line:after {
    content: url(../image/Line-8.png);
    display: block;
    line-height: .6
}

.yellow-line-center:after {
    content: url(../image/Line-8.png);
    display: block;
    line-height: .6;
    text-align: center
}

.screenshot-tab .tab-pane.active img {
    animation: shake 0.5s
}

.porfolio-other .porfolio-other-column {
    position: relative;
    z-index: 2;
    width: 90%
}

.porfolio-other:after {
    content: "";
    background-color: #E2F1FF;
    width: 80%;
    height: 103%;
    position: absolute;
    top: 0;
    left: 100px;
    right: 0;
    transform: rotate(6deg);
    border-radius: 10px;
    z-index: 1
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg)
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg)
    }

    20% {
        transform: translate(-3px, 0) rotate(1deg)
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg)
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg)
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg)
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg)
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg)
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg)
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg)
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg)
    }
}

.portfolio-contact-us {
    background: url(../image/portfolio-contact-bg_img.png) no-repeat center center;
    background-size: cover
}

.text-gold-gradient {
    color: #fff0;
    background-clip: text !important;
    background: linear-gradient(83deg, #BD853C 0%, #F0DF98 50%, #B77A31 100%) 0% 0% no-repeat padding-box
}

.patient-feature-img {
    position: absolute;
    max-width: 30vw;
    bottom: -14px;
    left: 0
}

.healthcare-layout-img {
    position: relative;
    max-width: 70vw;
    margin-left: -14vw;
    margin-top: 10px
}

.key-highlight-sec .border-golden {
    border: 2px solid #AD7C38
}

.key-highlight-sec .key-highlight-box img.border-golden {
    border-width: 0 2px 0 0;
    height: 100%;
    width: auto;
    object-fit: cover
}

.key-highlight-sec .key-highlight-points .key-number {
    aspect-ratio: 1 / 1;
    width: 50px
}

.key-highlight-points:hover {
    background: #ffc37047
}

.faced-challenges-sec:after {
    content: "";
    position: absolute;
    right: -84%;
    bottom: 0%;
    transform: translate(-50%, -25%);
    height: 60%;
    width: 60%;
    border-radius: 100%;
    background: radial-gradient(circle, rgba(173, 124, 56, 1) 50%, rgba(0, 0, 0, 0) 100%);
    filter: blur(50px)
}

.challenge-number {
    position: absolute;
    top: -60px;
    left: 0
}

.btn-bg-gold-gradient {
    background: linear-gradient(49deg, rgba(189, 133, 60, 1) 0%, rgba(240, 223, 152, 1) 25%, rgba(183, 122, 49, 1) 50%)
}

.brief-healthcare-bg {
    background: url(../image/A-Brief-Info-About-Healthcare-Platform-Banner.webp) right 50% center/cover no-repeat
}

.project-relation-sec {
    border-radius: 118px 118px 0 0;
    margin-top: -115px
}

.project-relation-sec .relation-box {
    margin-top: -20%;
    max-height: max-content
}

.technology-stack-listing {
    gap: 30px
}

.btn-white-pf a {
    background: none;
    border: 2px solid;
    font: inherit;
    line-height: 1;
    margin: .5em;
    padding: .8em 2em;
    color: #fff;
    transition: 0.25s;
    text-decoration: none;
    display: inline-block;
    text-align: center
}

.single-post .about_cta_sec {
    border-radius: 20px
}

.single-post .about_cta_sec:before,
.ondemand_cta.about_cta_sec:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 75px;
    background: #24418b;
    border-bottom-right-radius: 60px;
    border-top-left-radius: 20px
}

.single-post .about_cta_sec:after,
.ondemand_cta.about_cta_sec:after {
    content: '';
    position: absolute;
    width: 281px;
    height: 100%;
    top: 0;
    right: 0;
    background: url(../image/Layer-2-1.png) no-repeat right bottom;
    background-size: 100%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.single-post .about_cta_sec a.btn,
.ondemand_cta.about_cta_sec a.btn {
    color: #1a2b5f !important;
    border-radius: 25px;
    position: relative;
    z-index: 99
}

#gform_wrapper_15 {
    background-color: #f5f5f5;
    padding: 10px 15px;
    margin-top: 20px !important
}

#gform_wrapper_15 .getin_touch_design input[type="text"],
#gform_wrapper_15 .getin_touch_design input[type="email"],
#gform_wrapper_15 .getin_touch_design textarea {
    border: 1px solid gray !important;
    background: #fff;
    height: 38px
}

#gform_wrapper_15 .getin_touch_design .gform_footer.top_label,
#gform_wrapper_15 h3.gform_title {
    text-align: center;
    color: #1647ad
}

#gform_wrapper_15 .getin_touch_design .gform_footer.top_label #gform_submit_button_15 {
    margin: 0
}

#gform_wrapper_15.gform_wrapper textarea.large {
    margin-top: 0
}

#gform_wrapper_15 ul#gform_fields_15 li {
    padding-right: 0
}

.reprentative-img:after {
    content: "";
    background-color: transparent;
    border: 3px solid #1647ad;
    width: 375px;
    height: 373px;
    left: 38px;
    top: 24px;
    position: absolute;
    z-index: -1
}

.reprentative-img-right:after {
    content: "";
    background-color: transparent;
    border: 3px solid #1647ad;
    width: 375px;
    height: 373px;
    right: 38px;
    top: 24px;
    position: absolute;
    z-index: -1
}

.counter-global {
    animation-duration: 2s;
    animation-delay: 0s
}

.map-location {
    width: 290px;
    padding: 20px;
    max-width: 100%;
    position: absolute;
    top: 60%;
    left: 18%;
    box-shadow: 0 2px 11px rgba(0, 0, 0, .15) !important
}

.map-location img {
    width: 60px;
    border-radius: 100%
}

.map-location.bg-white:before {
    position: absolute;
    content: "";
    top: -9px;
    transform: rotate(45deg);
    left: 22px;
    z-index: 1;
    border-top: 15px solid #fff;
    border-bottom: 15px solid transparent;
    border-right: 15px solid rgb(255 255 255 / 16%)
}

.map-location.san-francisco {
    top: 41%;
    left: 11%
}

.map-location.california {
    top: 49%;
    left: 15%
}

.map-location.dallas {
    top: 43%;
    left: 16%
}

.map-location.los-angeles {
    top: 57%;
    left: 18%
}

.map-location.newyork {
    top: 45%;
    left: 23%
}

.map-location.chicago {
    top: 40%;
    left: 12%
}

.get_text {
    font-size: 16px;
    line-height: normal
}

ul#gform_fields_4 {
    display: flex;
    flex-wrap: wrap
}

ul#gform_fields_4 #input_4_3,
#input_4_4,
#input_4_5,
#input_4_6 {
    background: transparent
}

.our-offices-bg {
    background: url(../image/Layer-2269.png) no-repeat;
    background-position: center center
}

.india {
    background: url(../image/india.png) no-repeat left center;
    padding-left: 50px !important
}

.usa {
    background: url(../image/sdf.png) no-repeat left center;
    padding-left: 50px !important
}

.saudi {
    background: url(../image/saudi-arabia.png) no-repeat left center;
    padding-left: 50px !important;
    background-size: 40px
}

.australia {
    background: url(../image/australia.png) no-repeat left center;
    padding-left: 50px !important;
    background-size: 40px
}

.hongkong {
    background: url(../image/hong-kong.png) no-repeat left center;
    padding-left: 50px !important;
    background-size: 40px
}

.highlight1:before {
    position: absolute;
    content: "";
    top: 17px;
    left: 0;
    height: 13px;
    width: 150px;
    background-color: #f5f4c6;
    z-index: -1
}

.highlight2:before {
    position: absolute;
    content: "";
    top: 17px;
    left: 0;
    height: 13px;
    width: 150px;
    background-color: #d4f8d4;
    z-index: -1
}

.highlight3:before {
    position: absolute;
    content: "";
    top: 17px;
    left: 0;
    height: 13px;
    width: 150px;
    background-color: #d6dbf9;
    z-index: -1
}

.country-slider .slick-next {
    font-size: 0;
    background: url(../image/countrey-slider-right.png) no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 40px;
    border: none;
    position: absolute;
    bottom: -85px;
    right: -70px;
    transition: 0.3s ease;
    top: 50%;
    transform: translateY(-50%)
}

.country-slider .slick-prev {
    font-size: 0;
    background: url(../image/country-slider-left.png) no-repeat;
    background-size: 100% 100%;
    width: 50px;
    height: 40px;
    border: none;
    position: absolute;
    left: -70px;
    transition: 0.3s ease;
    top: 50%;
    transform: translateY(-50%)
}

.country-slider .slick-prev:hover,
.country-slider .slick-next:hover {
    opacity: .5
}

.page-id-3672 #footer-widget,
.page-id-5984 #footer-widget,
.page-id-5991 #footer-widget {
    display: none
}

.page-id-3672 .site-content,
.page-id-5984 .site-content,
.page-id-5991 .site-content {
    padding-bottom: 0 !important
}

ul#input_4_1 {
    display: flex;
    flex-wrap: wrap
}

ul#input_4_2 {
    display: flex;
    flex-wrap: wrap
}

.privacypage h3:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: #1a2b5f;
    margin-right: 15px;
    margin-bottom: 7px
}

.cto-slider-show {
    margin-left: 280px
}

.cto-image {
    min-width: 250px;
    margin-top: -100px
}

.cto-slide-btn {
    position: absolute;
    bottom: 24px;
    right: 48px
}

.cto-slider .slick-list {
    padding: 0 30% 0 0
}

.cto-slider .slick-initialized .slick-slide {
    padding: 100px 25px 50px
}

.cto-slide {
    min-height: 503px
}

.cto-slider .slick-prev {
    display: none !important
}

.cto-slider .slick-next {
    left: auto;
    position: absolute;
    right: 20px;
    bottom: -25px;
    background: url(../image/countrey-slider-right.png) no-repeat center center;
    font-size: 0;
    width: 80px;
    height: 40px;
    border: 0;
    outline: 0
}

.timeline {
    position: relative
}

.timeline-nodes {
    padding-bottom: 25px;
    position: relative
}

.timeline-nodes:nth-child(even) {
    flex-direction: row-reverse
}

.timeline-content {
    background: #efefef;
    position: relative;
    border-radius: 10px
}

.timeline-nodes:nth-child(odd) h3,
.timeline-nodes:nth-child(odd) p {
    text-align: right
}

.timeline-nodes:nth-child(odd) .timeline-content::after {
    content: "";
    position: absolute;
    top: 5%;
    left: 100%;
    width: 0;
    border-left: 10px solid #efefef;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.timeline-nodes:nth-child(even) .timeline-content::after {
    content: "";
    position: absolute;
    top: 5%;
    right: 100%;
    width: 0;
    border-right: 10px solid #efefef;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.iottech-content .card {
    background: transparent;
    border: 0
}

.iottech-content .augmented-desc {
    min-height: unset
}

.iottech-content .card-body {
    padding: 20px 0
}

.nav-tabs.iottech-tabs .nav-link:focus,
.nav-tabs.iottech-tabs .nav-link:hover {
    background: transparent;
    border-color: transparent
}

.nav-tabs.iottech-tabs .nav-item.show .nav-link,
.nav-tabs.iottech-tabs .nav-link.active {
    background: transparent;
    border-color: transparent;
    border-bottom: 4px solid #ff0
}

.nav-tabs.iottech-tabs .nav-link {
    padding: 1.5rem 1.5rem .5rem
}

.work-list .work-list-col:nth-child(even) .work-list-row .work-list-column {
    margin-left: -150px;
    background: #fff;
    margin-bottom: -30px;
    margin-top: 90px
}

.work-list .work-list-col:nth-child(even) .category-name {
    right: 0
}

.work-list .work-list-col:nth-child(odd) .work-list-row {
    flex-direction: row-reverse
}

.work-list .work-list-col:nth-child(odd) .work-list-row .work-list-column {
    margin-right: -150px;
    background: #fff;
    margin-bottom: -30px;
    margin-top: 90px
}

.work-list .category-name {
    position: absolute;
    top: -65px
}

.work-list .category-name:after {
    content: "";
    display: block;
    background: #000;
    border-right: 1px solid #000;
    width: 1px;
    height: 60px;
    margin: 0 auto
}

.port-link {
    display: inline-block;
    position: absolute;
    bottom: -30px;
    background: #182f62;
    padding: 10px;
    color: #fff;
    border-radius: 5px
}

.port-link:hover {
    background: #fff;
    border: 1px solid #0056b3
}

.video-modal {
    position: fixed !important
}

.video-modal .close {
    position: absolute;
    right: -26px;
    top: -22px;
    opacity: 1;
    background-color: #1a2b5f;
    max-width: 45px;
    max-height: 45px;
    padding: 13px;
    line-height: 0;
    border-radius: 50%
}

.video-modal .close img {
    width: 100%
}

.ti-widget.ti-goog .ti-header {
    background-color: #f1f5ff !important;
    border: none
}

h4.line:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -3px;
    width: 60px;
    height: 2px;
    background-color: #1a2b5f
}

.iot-slider span {
    position: absolute;
    color: #f5f5f5;
    font-size: 200px;
    bottom: 0;
    right: 10px;
    font-weight: 800;
    line-height: 200px;
    z-index: -1
}

.mid-content {
    position: relative;
    width: 100%;
    min-height: 100vh
}

.mid-content-relative {
    position: relative;
    width: 100%
}

.mid-content-relative-in {
    position: sticky;
    top: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden
}

.vertical-in-div {
    position: absolute;
    height: 100%;
    will-change: transform;
    top: 160px
}

.vertical-in-div-flex {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center
}

.industry-iot-slide {
    position: relative;
    height: 600px;
    width: 720px;
    margin-right: 75px;
    flex-shrink: 0
}

.vertical-in-div-flex .industry-iot-slide:first-child {
    margin-left: 300px
}

.vertical-in-div-flex .industry-iot-slide:last-child {
    margin-right: 800px
}

.h2-content-text {
    position: absolute;
    top: 0
}

.home-page-project-slider .vertical-in-div {
    top: auto
}

.home-page-project-slider .industry-iot-slide {
    position: relative;
    height: auto;
    width: 750px;
    margin-right: 75px;
    flex-shrink: 0
}

.casestudy-challenges h3 span {
    font-size: 50px;
    color: #d8dbe4
}

.casestudy-challenges-details {
    background-color: #edffe9
}

.casestudy-challenges-details p {
    color: #000
}

.write-for-us-banner {
    background: url(../image/write-for-us-tech-blog.jpg) no-repeat center center;
    padding: 182px 15px
}

.slick-vertical .slick-slide {
    min-height: 500px
}

.director-section p.color-light-blue {
    min-height: 66px
}

#download-ebook-popup {
    position: fixed !important
}

.ebook-title:after {
    position: absolute;
    content: "";
    width: 100px;
    height: 4px;
    border-radius: 50px;
    background-color: #1647ad;
    bottom: -5px;
    left: 0
}

#text-3.widget {
    background-color: #e1ffe7;
    margin-bottom: 0;
    padding: 15px;
    color: #1a2b5f
}

section#gform_widget-2 {
    background-color: #e1ffe7;
    padding: 15px
}

section#gform_widget-2 form {
    display: block
}

section#gform_widget-2 input[type='submit'] {
    width: auto !important;
    margin: auto;
    display: flex;
    justify-content: center;
    align-content: center
}

section#newsletterwidgetminimal-2 .tnp-widget-minimal input.tnp-email::placeholder {
    color: #1a2b5f
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea {
    border: 0
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent;
    margin-bottom: 0 !important;
    border-top: 0;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    box-sizing: border-box
}

.validation_message {
    color: #ff0000 !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    font-size: 13px !important;
    padding-top: 0 !important
}

.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0
}

.gform_wrapper div.validation_error {
    color: red;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    clear: both;
    width: 100%;
    text-align: center;
    border: 0
}

.our-team-section .our-team-box {
    width: 100%;
    height: 100%
}

.our-team-section .our-team-box img.our-team-img {
    width: 100%;
    height: auto;
    filter: grayscale(100%);
    transition: .2s
}

.cbp-spmenu .gform_validation_errors h2 {
    color: red;
    font-size: 16px !important
}

.cbp-spmenu .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea {
    border: 0
}

.cbp-spmenu .gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent;
    margin-bottom: 0 !important;
    border-top: 0;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    box-sizing: border-box
}

.cbp-spmenu .gform_wrapper .validation_message {
    color: red;
    font-weight: 400;
    letter-spacing: normal;
    font-size: 13px
}

.cbp-spmenu .gform_wrapper .field_description_below .gfield_description {
    padding-top: 0
}

.cbp-spmenu .gform_wrapper div.validation_error {
    color: red;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    clear: both;
    width: 100%;
    text-align: center
}

.subscribe-form input[type='email'] {
    background: transparent;
    border: 1px solid #1a2b5f;
    padding-left: 20px !important
}

.gform_legacy_markup_wrapper {
    margin-top: 0px !important
}

.subscribe-form .gform_footer .gform_button {
    border-radius: 0;
    padding: 15px 20px !important
}

.subscribe-form .gform_footer {
    padding: 0px !important
}

.blog-subscription form ul li {
    padding-right: 0px !important
}

.blog-subscription form input[type='submit'] {
    width: auto !important;
    font-size: 14px !important;
    color: #fff;
    background: #1a2b5f;
    margin-right: 0px !important;
    border: 0px !important;
    height: 50px
}

.gform_validation_errors>h2 {
    font-size: 14px !important;
    font-weight: 500 !important
}

.blog-subscription .gform_footer {
    width: auto !important
}

p.list-seperator-line {
    padding-bottom: 30px;
    background: url(../image/list-seperator.png) no-repeat left 20px bottom
}

div.list-seperator-line {
    padding-bottom: 30px;
    background: url(../image/list-seperator.png) no-repeat left 35px bottom
}

.btn-light-blue a {
    text-align: center
}

.pricing-modal-box-caption {
    margin: -30px 10px 50px
}

.faq-section .card .collapsed .plus {
    background: url(../image/add.svg) no-repeat left center;
    padding-left: 30px;
    background-size: 17px
}

.faq-section .card .minus {
    background: url(../image/remove.svg) no-repeat left center;
    padding-left: 30px;
    background-size: 17px
}

.site-header.fixed-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff !important;
    padding-top: 10px !important;
    box-shadow: 0 .3rem .5rem rgba(0, 0, 0, .15) !important;
    z-index: 999
}

.startup-idea-video-caption {
    background-color: #fff;
    margin-top: 0
}

.timeline-image::before {
    content: "";
    width: 40px;
    height: 40px;
    border: 4px solid #d1d3df;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 17%);
    background-color: #1a2a5e;
    z-index: 0
}

.timeline::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    width: 0;
    border-left: 2px solid #1a2a5e;
    height: 100%;
    z-index: 0;
    transform: translateX(-50%)
}

.iot-slider.service_our-work .slick-slide {
    min-height: 680px;
    border-radius: 5px
}

.mid-content {
    z-index: 0
}

#field_6_1 {
    padding: 0
}

input#gform_submit_button_6 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto
}

#gform_7 input[type="text"],
#gform_7 input[type="email"] {
    width: 100%;
    padding: 5px 0;
    border: 0;
    border-bottom: 1px solid #000;
    margin: 6px 0
}

.experties-nav .menu-list>ul>li>ul>li.col3 ul>li>a:hover {
    color: #fff;
    text-decoration: underline
}

header#masthead {
    background-color: transparent;
    box-shadow: none;
    padding-top: 0
}

.gform_validation_errors {
    width: 100%;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.gform_legacy_markup_wrapper li.gfield.gfield_error,
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent !important;
    margin-bottom: 6px !important;
    border-top: 0 !important;
    border-bottom: 0 !important
}

.experties-nav .menu-list>ul>li>ul>li.col3.cms-ecommerce,
.experties-nav .menu-list>ul>li>ul>li.col3.cloud-database {
    display: flex;
    width: 100%;
    align-items: center
}

.experties-nav .menu-list>ul>li>ul>li.col3.cms-ecommerce ul,
.experties-nav .menu-list>ul>li>ul>li.col3.cloud-database ul {
    display: flex
}

.blog-quote {
    padding-left: 40px;
    background: url(../image/double-arrows-angles.jpg) no-repeat left top 9px;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    background-size: 20px;
    margin-top: 40px;
    margin-bottom: 50px;
    padding-bottom: 15px;
    display: inline-block
}

.blog-quote:before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 80%;
    height: 3px;
    background-color: #ffa600
}

.blog-toc p {
    background: url(../image/menu-1.png) no-repeat right 20px center;
    background-size: 24px;
    padding-right: 70px !important;
    cursor: pointer
}

.info-block {
    border: 2px solid #1a2b5f;
    position: relative
}

.info-block:before {
    content: "";
    position: absolute;
    width: 80px;
    left: 32px;
    height: 4px;
    z-index: 0;
    background-color: #fff;
    top: -2px
}

.info-block-image {
    width: 48px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 48px;
    z-index: 1;
    transform: translateY(-50%);
    background: url(../image/career-page-sprite-image.png) no-repeat left -7px bottom -567px
}

#gform_fields_7 {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: unset
}

.new-services ul li a p {
    color: #282d3be0;
    margin-bottom: 10px
}

.new-services ul li a.active p {
    color: #000
}

.new-services ul li a.active h3 {
    color: #1946AE
}

.new-services ul li a {
    border-left: 5px solid #EDEDED;
    padding: 5px 15px;
    transition: 0.2s ease-in
}

.new-services ul li a.active {
    border-left: 5px solid #1946AE
}

.new-services .new-services-bg-img1:before {
    position: absolute;
    content: "";
    width: 60%;
    height: 87%;
    background: url(../image/new-services-bg-img-min.jpg) no-repeat right top;
    top: 0;
    right: 0;
    z-index: -1
}

.new-services .new-services-bg-img2:before {
    position: absolute;
    content: "";
    width: 60%;
    height: 87%;
    background: url(../image/new-services-bg-img-min.jpg) no-repeat left top;
    top: 0;
    left: 0;
    z-index: -1
}

.new-services ul li a:hover,
.new-services ul li a:focus {
    background-color: transparent
}

.new-services:before {
    position: absolute;
    content: "SERVICES";
    font-size: 160px;
    color: #c1c1c1;
    opacity: .15;
    top: 300px;
    left: -305px;
    font-weight: 700;
    line-height: 130px;
    transform: rotate(90deg);
    z-index: -11
}

.new-services:after {
    position: absolute;
    content: "PRODUCTS";
    font-size: 160px;
    color: #c1c1c1;
    opacity: .15;
    bottom: 351px;
    right: -375px;
    font-weight: 700;
    line-height: 130px;
    transform: rotate(90deg);
    z-index: -11
}

.modal {
    z-index: 111111
}

.new-services ul li br {
    display: none
}

.services-page-link {
    position: absolute;
    right: 0;
    bottom: -9px;
    border-left: 0px !important;
    background: url(../image/right-arrow-blue.png) no-repeat left center;
    transition: all .2s ease;
    width: 60px;
    height: 32px
}

.services-page-link:hover {
    background-position: left 20px center;
    border-left: 0px !important
}

#gform_submit_button_7 {
    margin-top: 30px
}

.cbp-spmenu-vertical {
    top: 100px !important;
    z-index: 1111 !important;
    padding-bottom: 120px
}

.inquiry-btn {
    z-index: 1 !important;
    right: -43px !important
}

.faq-main-page .faq-left {
    flex-basis: 30%;
    height: 500px;
    position: sticky;
    top: 115px
}

.faq-main-page .faq-right {
    flex-basis: 70%
}

.bonus-section:before {
    position: absolute;
    content: "";
    width: 104%;
    height: 110%;
    border-radius: 35px;
    background-color: #c3acda;
    left: -14px;
    right: 0;
    top: -19px;
    transform: rotate(2deg);
    z-index: -1
}

.bonus-section {
    border-radius: 35px;
    margin-bottom: 80px !important;
    margin-top: 80px !important
}

.single-post .content-area .btn-light-blue a {
    color: #1647ad;
    text-decoration: none !important
}

.single-post .content-area .btn-light-blue a:hover {
    color: #fff
}

ul.blog-checkbox input {
    width: 0;
    height: 0
}

ul.blog-checkbox label {
    padding-left: 38px;
    cursor: pointer
}

ul.blog-checkbox label:before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    border: 2px solid #5a5a5a;
    left: 0;
    top: 5px;
    border-radius: 5px
}

ul.blog-checkbox label:after {
    position: absolute;
    content: "";
    width: 32px;
    height: 26px;
    left: 0;
    top: 4px;
    background: url(../image/check-mark-green.png) no-repeat center center;
    opacity: 0;
    transition: 0.2s ease-in
}

ul.blog-checkbox input[type=checkbox]:checked+label:after {
    opacity: 1
}

ul.blog-checkbox input[type=checkbox]:checked+label:before {
    display: none
}

.blog-box-design {
    position: relative;
    border: 2px solid #1aeef9;
    border-radius: 30px;
    padding: 10px
}

.blog-box-design-inner {
    border-radius: 30px;
    box-shadow: inset 0 0 15px rgb(0 0 0 / 10%)
}

.blog-box-design-inner:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 60px;
    background-color: #01f1fd;
    left: 87px;
    top: -1px
}

ul.wp-polls-ul li {
    margin-bottom: 20px;
    position: relative
}

ul.wp-polls-ul li input[type="radio"] {
    height: 20px !important;
    width: 20px !important;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    top: 4px
}

ul.wp-polls-ul li label {
    cursor: pointer
}

.wp-polls .pollbar {
    background-image: none
}

.wp-polls .pollbar {
    background: linear-gradient(to right, #ff5a00, #e3a417) !important;
    border: 0;
    border-radius: 50px
}

.pollbar:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 8px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .1);
    border-radius: 50px;
    z-index: -1
}

div#polls-2 p {
    text-align: left !important
}

ul.wp-polls-ul li strong {
    font-weight: 100 !important
}

div#polls-2 p:first-child {
    font-size: 24px;
    color: #1647ad
}

div#polls-2 input[type="button"] {
    padding: .8em 2em;
    color: #fff;
    background: #1647ad;
    border: 0;
    font-weight: 500;
    z-index: 0;
    line-height: 1.2;
    text-align: center;
    display: flex;
    margin: 0 auto
}

.ginput_container_phone .error {
    display: none;
    color: red
}

@keyframes color-change {

    0%,
    100% {
        border-color: #05f7af
    }

    25% {
        border-color: #000
    }

    50% {
        border-color: #05f7af
    }

    75% {
        border-color: #000
    }
}

.gm-mobile-submenu-style-slider .gm-navbar-nav .gm-dropdown.gm-open>.gm-dropdown-menu-wrapper {
    transform: translate3d(-100%, 0, 0) !important
}

.pricing-sec .pricingbox {
    box-shadow: 0 4px 10px 0 rgba(128, 166, 255, .3);
    position: relative
}

.pricing-sec .pricebox-border {
    position: relative
}

.pricing-sec .pricebox-border:before,
.pricing-sec .pricebox-border:after {
    content: "";
    position: absolute;
    background: #E2E2E2;
    height: 100%;
    width: 1px;
    top: 0;
    left: -28.5px
}

.pricing-sec .pricebox-border:after {
    right: -28.5px;
    left: unset
}

.pricing-sec .price-item {
    transition: all 0.3s ease
}

.pricing-sec .price-item:hover,
.pricing-sec .price-item:hover .color-dark-blue:not(.priceitems-btn a) {
    color: #fff !important;
    background-color: #1a2b5f
}

.pricing-sec .price-item:hover .color-dark-blue:not(.priceitems-btn a) {
    background-color: unset
}

ul.pricebox-iconlist li {
    background: url(../image/pricetable-listing-icon.svg) no-repeat left top 50%;
    padding-left: 30px
}

.pricing-sec .price-item:hover ul.pricebox-iconlist li {
    background: url(../image/pricetable-listing-icon-hover.svg) no-repeat left top 50%
}

.pricing-sec .price-item:hover .priceitems-btn,
.pricing-sec .price-item:hover .priceitems-btn a {
    background-color: #fff
}

.font-30 {
    font-size: 30px
}

.faq-section .card .collapsed.plus {
    background: url(../image/add.svg) no-repeat left center;
    padding-left: 30px;
    background-size: 17px
}

.charges-div {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: 0 16px 30px rgb(0 0 0 / 10%)
}

.charges-div .charges {
    background-color: #1a2b5f;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: #fff;
    padding: 110px 0
}

.charges-div .charges h3,
.charges-div-center h3 {
    font-size: 40px !important
}

.charges-div .charges-content {
    background: #fff;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 40px 60px
}

.charges-div-center.zoom {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    z-index: 2;
    position: relative;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: 0 16px 30px rgb(0 0 0 / 10%)
}

.charges-div-center .charges-content-center {
    background: #1a2b5f;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 40px 60px
}

.charges-div-center .charges-center {
    background-color: #fff;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: #1a2b5f;
    padding: 110px 0;
    box-shadow: 0 -3px 9px 1px #ccc
}

.hiring-model-table-bg h2 {
    color: #1a2b5f !important
}

.margin-first {
    margin-top: 150px
}

.about-abc-text {
    font-size: 24px;
    font-weight: 500;
    color: #150627;
    line-height: 40px
}

.about-abc-con {
    position: absolute;
    right: 0;
    left: 0;
    top: 450px;
    border: 2px solid #736a7d52
}

.about-abc-list {
    max-width: 450px;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    padding: 30px 30px
}

.about-header-text {
    font-size: 70px !important
}

.about-line-typo::before {
    content: '';
    position: absolute;
    width: 100px;
    height: 2px;
    background: #5e96b9;
    top: 30px;
    left: 220px
}

.sky-bg {
    background: transparent linear-gradient(2deg, #608eaf24 -3%, #fff 84%) 0% 0% no-repeat padding-box
}

.sky-bg:after {
    content: '';
    height: 100%;
    width: 57%;
    position: absolute;
    right: -74px;
    bottom: -118px;
    background: transparent linear-gradient(2deg, #608eaf24 -3%, #fff 84%) 0% 0% no-repeat padding-box;
    z-index: -1
}

body.single-post .post-image img {
    box-shadow: 0 0 20px rgb(0 0 0 / 0%), 0 0 18px 1px rgb(0 0 0 / 13%)
}

#gform_submit_button_11 {
    width: 175px !important
}

#wnb-bar {
    line-height: 20px;
    min-height: 44px;
    border-bottom: 0;
    padding: 12px
}

.smart-helmet-slider .slick-dots {
    display: flex;
    justify-content: center
}

.smart-helmet-slider .slick-dots li button {
    font-size: 0;
    border: 0;
    width: 13px;
    height: 13px;
    background-color: #1845ab;
    border-radius: 50%;
    margin: 0 10px
}

.smart-helmet-slider .slick-dots .slick-active button {
    background-color: #1a2b5f
}

ul.right-arrow-incentive li {
    background: url(../image/Forward-Arrow.jpg) no-repeat left top 8px;
    padding-left: 30px;
    margin: 15px 0
}

h3.position-relative.border-pink::before {
    content: '';
    position: absolute;
    bottom: -25px;
    width: 90px;
    border-bottom: 7px solid #D63D57
}

label.position-relative.border-ince-pink::before {
    content: '';
    position: absolute;
    width: 70px;
    bottom: 0;
    border-bottom: 3px solid #ca0d6b
}

.pink-arrow-ince1::after {
    content: '';
    position: absolute;
    width: 45px;
    height: 30px;
    background: url(../image/Arrow-Icon.png);
    right: -80px;
    bottom: 11px
}

.pink-arrow-ince2::after {
    content: '';
    position: absolute;
    width: 45px;
    height: 30px;
    background: url(../image/Arrow-Icon.png);
    right: -60px;
    bottom: 11px
}

.service_our-work .slick-prev.slick-arrow.slick-disabled,
.service_our-work .slick-next.slick-arrow.slick-disabled,
.test-center-slider .slick-prev.slick-arrow.slick-disabled,
.test-center-slider .slick-next.slick-arrow.slick-disabled {
    opacity: .5
}

.border-left-green::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    background: #1d7b58;
    top: 0;
    border-radius: 10px
}

.about_skr_port .about_ul ul li {
    background: url(../image/up-arrow_white.svg) no-repeat left top 10px
}

.about_skr_port .percent-circle {
    position: relative;
    width: 160px;
    height: 160px;
    margin: 10px
}

.about_skr_port .percent-circle svg {
    position: relative;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg)
}

.about_skr_port .percent-circle circle {
    width: 100%;
    height: 100%;
    stroke: #fff;
    stroke-width: 3;
    stroke-linecap: round
}

.about_skr_port .percent-circle circle:last-of-type {
    stroke: #1D7B58;
    stroke-dasharray: 625px;
    stroke-dashoffset: calc(625px - (625px * var(--percent)) / 100)
}

.about_skr_port .percent-circle .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.about_skr_port .percent-circle .number p {
    margin-bottom: 0 !important;
    max-width: 100px
}

.about_skr_port .percent-bar {
    position: relative
}

.about_skr_port .percent-bar::before {
    content: '';
    position: absolute;
    width: 95%;
    height: 2px;
    background: #fff;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.about_skr_port .percent-circle::before {
    content: '';
    position: absolute;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 15px solid #fff;
    top: 50%;
    right: -25%;
    z-index: 99;
    transform: translate(25%, -50%)
}

.about_skr_port .percent-circle:last-child::before,
.about_skr_port .green-dot:last-child::before {
    display: none
}

.about_skr_port #extra_chunk .slick-prev.slick-arrow,
.about_skr_port #extra_chunk .slick-next.slick-arrow {
    font-size: 0;
    border: 0;
    width: 52px;
    height: 52px;
    background: url(../image/green-arrow.jpg);
    position: absolute;
    right: 0;
    bottom: -55px;
    transform: rotate(0)
}

.about_skr_port #extra_chunk .slick-prev.slick-arrow {
    transform: rotate(180deg);
    right: 80px
}

.about_skr_port .green-dot::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #1d7b58;
    border-radius: 50%;
    top: 8px;
    left: -4px
}

.about_skr_port .green-dot::before {
    position: absolute;
    content: '';
    height: 100%;
    left: 0;
    top: 16px;
    border: 1px dotted #fff
}

.about_skr_port .chall_sec::after,
.about_skr_port .chall_sec {
    font-size: 60px;
    font-weight: 700;
    opacity: .3
}

.about_skr_port .green-dot {
    padding-left: 30px
}

.about_skr_port .slick-arrow.slick-disabled {
    opacity: .5
}

.about_online_education {
    background: url(../image/sqaure-background.png)
}

.postid-11930 .gm-navbar-sticky-toggle .gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav>li>.gm-anchor {
    color: rgba(43, 43, 43, 1) !important
}

.about_online_education .about-first-section {
    background: rgb(0 0 0 / 34%);
    backdrop-filter: brightness(.15);
    padding-top: 120px;
    padding-bottom: 70px
}

.about_online_education .banner_img img {
    height: 90%;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-top: 100px;
    z-index: -1
}

.about_online_education .about-client {
    background: #3AC774;
    z-index: 1;
    padding: 30px 70px;
    margin-right: -50px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.about_online_education .plat_bg_section::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../image/background_images.jpg) no-repeat center;
    opacity: .1
}

.about_online_education .dot-icon li {
    padding-left: 40px;
    background: url(../image/up-arrow_white.svg) no-repeat top 10px left 8px;
    padding-bottom: 15px
}

.about_online_education .curve_arrow::before {
    content: '';
    position: absolute;
    background: url(../image/Arrow.svg) no-repeat center;
    width: 50%;
    height: 100%;
    right: -35%;
    background-size: contain;
    transform: translateY(0)
}

.about_online_education .tech_stack {
    width: 400px;
    max-width: 100%;
    border: 1px solid #37AD79
}

.about_online_education .tech_stack img {
    margin-right: 15px
}

.about_online_education .tech_stack:hover {
    background: #37AD79
}

.about_online_education .cont_btn {
    background: linear-gradient(to bottom, #3DCF79, #268F51);
    border: 0;
    border-radius: 30px
}

.about_online_education .font-120 {
    font-size: 120px;
    line-height: 120px;
    color: rgb(255 255 255 / 10%)
}

.about_online_education .bg-blur-effect::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, #000000, transparent);
    backdrop-filter: blur(2px)
}

.about_online_education .bg-blur-effect img {
    z-index: 1
}

.about_online_education .li_hover li:hover {
    color: #fff
}

.about_online_education .li_hover li {
    color: #ffffff45
}

.about_online_education .bg-blur-grn::before,
.about_online_education .bg-blur-org::before {
    position: absolute;
    content: '';
    width: 650px;
    max-width: 100%;
    height: 500px;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(54 193 111 / 15%);
    border-radius: 50%;
    filter: blur(51px);
    right: 0
}

.about_online_education .bg-blur-org::before {
    background: rgb(227 128 27 / 15%);
    left: 0;
    right: unset
}

.book-ride-port {
    background: #000
}

.book-ride-port .first-child {
    width: 90%
}

.book-ride-port .two-ph-book-ride {
    right: -13%;
    bottom: -20%
}

.book-ride-port .small-text {
    width: 90%
}

.book-ride-port .black-portion {
    margin-top: -540px
}

.book-ride-port .black-portion .bg-black-1 {
    background-color: #111
}

.book-ride-port .border-dot-line {
    border-top: 2px dotted #ffffffab
}

#portfolio_slider .slick-list {
    padding: 0 20% 0 0
}

#portfolio_slider .mr-200 {
    margin-right: 140px !important
}

.book-ride-port .content-grey-rounded {
    background-color: #191919;
    border-radius: 150px
}

.book-ride-port h2 {
    color: #f59a39
}

.book-ride-port .t-green {
    color: #02A64D
}

.book-ride-port .back-heading-1::before {
    content: '01';
    position: absolute;
    font-size: 90px;
    color: #84f1b64d;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    z-index: -1
}

.book-ride-port .back-heading-22::before {
    content: '02';
    position: absolute;
    font-size: 90px;
    color: #84f1b64d;
    left: 0;
    top: 10px;
    transform: translateY(-50%);
    z-index: -1
}

.book-ride-port .grey-box-challenge {
    background-color: rgba(255, 255, 255, 17%);
    border-radius: 77px
}

.book-ride-port .back-heading-2::before {
    content: '02';
    position: absolute;
    font-size: 90px;
    color: #84f1b64d;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    z-index: -1
}

.book-ride-port .back-heading-3::before {
    content: '03';
    position: absolute;
    font-size: 90px;
    color: #84f1b64d;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    z-index: -1
}

.book-ride-port .back-heading-4::before {
    content: '04';
    position: absolute;
    font-size: 90px;
    color: #84f1b64d;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    z-index: -1
}

.about_rad_port {
    background: #000
}

.green-bg {
    background-color: #66BC45
}

.green-text {
    color: #66BC45
}

.light-white-blue-bg {
    background-color: rgba(209, 211, 214, 6%)
}

.rad-section .about-abc-con {
    position: absolute;
    right: 0;
    left: 0;
    top: 273px;
    border: 2px solid #736a7d52
}

.btn-white-pf a {
    border: 2px solid #fff
}

.sky-bg {
    background: linear-gradient(2deg, #608eaf24 45%, #fff 333%) no-repeat padding-box
}

.about_rad_port .back-heading-1::before,
.about_rad_port .back-heading-2::before,
.about_rad_port .back-heading-3::before,
.about_rad_port .back-heading-4::before {
    content: '01';
    position: absolute;
    font-size: 125px;
    color: #66bc4557;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    z-index: -1;
    mix-blend-mode: color-dodge
}

.about_rad_port .back-heading-2::before {
    content: '02'
}

.about_rad_port .back-heading-3::before {
    content: '03'
}

.about_rad_port .back-heading-4::before {
    content: '04'
}

.about_rad_port ul.list-style-icon li {
    background: url(../image/up-arrow_white.svg) no-repeat left top 10px
}

.hire-gitex-services-parent .hire-gitex-services-child .icon-block {
    padding: 25px 30px;
    display: block;
    width: 100%;
    background: #f5f5f5
}

.hire-gitex-services-parent .hire-gitex-services-child .redirect_svg svg {
    fill: #1647ad
}

.hire-gitex-services-parent .hire-gitex-services-child .icon-block:hover .redirect_svg svg {
    fill: #fff
}

.hire-gitex-services-parent .hire-gitex-services-child .icon-block:hover {
    background: #f2f2ff;
    transform: scale(1.02);
    transition: all 0.5s
}

.hire-gitex-services-parent .hire-gitex-services-child .redirect_svg {
    width: 35px;
    height: 35px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.hire-gitex-services-parent .hire-gitex-services-child .redirect_svg::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1647ad33;
    content: '';
    z-index: -1;
    border-radius: 10px;
    transition: all .5s
}

.hire-gitex-services-parent .hire-gitex-services-child .icon-block:hover .redirect_svg::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #1647ad
}

#bN015htcoyT__google-cache-hdr {
    position: relative;
    z-index: 9999
}

.devprocess_slider .process_text {
    position: relative
}

.devprocess_slider .process_text::before {
    counter-increment: section;
    content: "0" counter(section);
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 60px;
    line-height: 60px;
    color: gainsboro;
    font-weight: 700
}

.develop-app-process-steps {
    overflow-y: scroll;
    height: 670px
}

.develop-app-process-steps::-webkit-scrollbar,
.process-steps::-webkit-scrollbar {
    width: 8px;
    max-height: 100px
}

.develop-app-process-steps::-webkit-scrollbar-track,
.process-steps::-webkit-scrollbar-track {
    background: rgb(25 70 174 / 10%);
    border-radius: 8px
}

.develop-app-process-steps::-webkit-scrollbar-thumb,
.process-steps::-webkit-scrollbar-thumb {
    background: #1946AE;
    border-radius: 11px
}

.devprocess_sec .devprocess_slider {
    counter-reset: section
}

.devprocess_sec .devprocess_slider .process_text h3 {
    width: 76%
}

.techstack_sec .techstack_bg {
    background-color: #f6f6f6
}

.techstack_sec .techstack_grid {
    display: grid;
    grid-template-columns: auto auto auto auto auto
}

.techstack_sec .techstack_grid .list-counter {
    display: grid;
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: column
}

.devprocess_slider .slick-prev.slick-arrow.slick-disabled,
.devprocess_slider .slick-next.slick-arrow.slick-disabled {
    opacity: .5
}

.devprocess_slider .slick-next,
.devprocess_slider .slick-prev {
    font-size: 0;
    background-size: 100% 100% !important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    position: absolute;
    top: -40px;
    right: 0;
    transition: 0.3s ease
}

.devprocess_slider .slick-next {
    background: url(../image/next-icon-dark-blue.jpg) no-repeat
}

.devprocess_slider .slick-prev {
    background: url(../image/pervious-icon-dark-blue.jpg) no-repeat;
    right: 70px
}

#footer-menu-nav .nav-item .nav-link:hover {
    color: rgba(22, 71, 173, 1) !important
}

#footer-menu-nav ul li a {

    background-position: 0 50%;
    text-decoration: none
}

.widget.widget_block .btn-white a:hover {
    color: #1647ad !important
}

#our-address .footer_column {
    padding: 10px
}

#full-footer {
    background: #f6f6f6
}

#submit-form-sec .sub-footer {
    box-shadow: 10px 10px 10px #f6f6f6;
    border-top-right-radius: 10px
}

#footer-widget .gform_wrapper.gravity-theme .gform_footer {
    margin: 0;
    padding: 0 0 15px 0
}

#full-footer #footer-menu-nav {
    border-bottom: 2px solid #D1DAEF;
    margin-bottom: 20px
}

.app-of-the-wwek-tabs.nav-tabs .nav-item.show .nav-link,
.app-of-the-wwek-tabs.nav-tabs .nav-link.active {
    color: #ffffff !important;
    background-color: #3660b8 !important
}

.app-of-the-wwek-tabs.nav-tabs .nav-link {
    color: #000 !important;
    background: #f6f6f6;
    margin-right: 5px
}

.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu .submenu_title {
    font-size: 20px;
    line-height: 25px;
    color: #282828;
    font-weight: 700;
    margin-bottom: 10px
}

.new_groovy_menu ul .submenu_main_menu .submenu_right_menu li a {
    display: inline-block;
    padding: 5px;
    margin: 10px 15px
}

.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu .submenu_title a,
.new_groovy_menu ul .submenu_main_menu .submenu_right_menu li a {
    color: #282828
}

.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu .submenu_desc {
    font-size: 18px;
    line-height: 23px;
    color: #282828b3
}

.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu .submenu_left_menu,
.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu.only_title_show {
    cursor: pointer;
    border-bottom: 1px solid #707070;
    padding: 20px 30px
}

.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu.submenu_active.only_title_show {
    background: #00000008;
    border-color: #1946AE
}

.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu.only_title_show {
    cursor: unset
}

.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu.submenu_active .submenu_title,
.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu.submenu_active .submenu_title a {
    color: #1946AE
}

.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu.submenu_active .submenu_desc {
    color: #FC6500
}

.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu.submenu_active .submenu_left_menu {
    background: #00000008 url(../image/submenu_arrow.svg) no-repeat center right 12px;
    border-color: #1946AE
}

.new_groovy_menu ul .gm-dropdown-menu-wrapper .header_menu_content_img img {
    border-radius: 14px
}

.new_groovy_menu .gm-grid-row .gm-mega-menu__item.gm-mega-menu-title-item {
    border: unset
}

.new_groovy_menu ul .submenu_main_menu .submenu_right_menu ul {
    column-count: 2
}

.new_groovy_menu ul .submenu_main_menu .submenu_right_menu li a:hover {
    color: #1946AE
}

.new_groovy_menu ul .submenu_main_menu .submenu_right_menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 416px;
    right: 0;
    top: 30px
}

.new_groovy_menu ul .submenu_main_menu.submenu_active .submenu_right_menu {
    opacity: 1;
    visibility: visible
}

.new_groovy_menu .about_new_cta_link {
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px 5px
}

.new_groovy_menu .about_new_cta_link .about_new_cta_con {
    color: #fff;
    font-weight: 700;
    padding: 10px 5px;
    line-height: normal;
    margin-bottom: 5px
}

.new_groovy_menu .about_new_cta_link .menu_cta_btn {
    display: inline-block;
    padding: 12px 18px;
    font-size: 18px;
    color: #2940A2;
    background: #fff;
    border-radius: 10px;
    font-weight: 700
}

.new_groovy_menu .current-menu-item a,
li.menu-item-has-children.is-active a.gm-anchor {
    color: #1946AE !important
}

.bg-blue-gradient {
    background: transparent linear-gradient(270deg, #1A2859 0%, #1F3E94 100%) 0% 0% no-repeat padding-box
}

.bg-white-gradient {
    background: linear-gradient(269deg, #EAEBF4, #FDF6F7)
}

.company-counter {
    margin-bottom: -100px;
    margin-top: -100px
}

.services-industries .industries-box {
    -webkit-transition: .3s;
    transition: .3s;
    padding: 2rem;
    cursor: auto
}

.services-industries .industries-box:hover {
    box-shadow: 0 2.8125rem 3.75rem 0 rgba(34, 34, 34, .1)
}

.services-industries .industries-box a {
    color: #000 !important
}

.services-box-shadow {
    box-shadow: 0 1px 14px #00000012
}

.border-radius-right-30 {
    border-radius: 0 30px 30px 0
}

.border-blue {
    border: 1px solid #007bff
}

.btn-light-blue.btn-blue-radius a:before {
    border-radius: 16px 0 0 16px
}

.btn-light-blue.btn-blue-radius a:after {
    border-radius: 0 16px 16px 0
}

.ai-solution-tab a {
    color: #495057
}

.ai-solution-tab a.active {
    color: #007bff !important
}

.ai-tab-carousel .wrapper .slick-dots {
    display: flex !important;
    justify-content: center !important
}

.ai-tab-carousel .wrapper {
    width: 100%;
    padding-top: 20px;
    text-align: center
}

.ai-tab-carousel .ai-tab-slider {
    width: 100%;
    margin: 0 auto
}

.ai-tab-carousel .slick-slide {
    margin: 10px
}

.ai-tab-carousel .slick-slide img {
    width: 100%;
    border: 2px solid #fff
}

.ai-tab-carousel .wrapper .slick-dots li button:before {
    font-size: 20px;
    color: #fff
}

.ai-tab-carousel .slick-prev-arrow,
.ai-tab-carousel .slick-next-arrow {
    border: none;
    background: transparent;
    top: 0
}

.ai-tab-carousel .slick-prev-arrow {
    left: calc(100% - 100px)
}

.ai-tab-carousel .slick-next-arrow {
    right: 0
}

.ai-tab-carousel .slick-dots li button {
    font-size: 0;
    border: none;
    background: #E5EFFB;
    height: 12px;
    width: 5px;
    margin-right: 5px;
    border-radius: 150px
}

.ai-tab-carousel .slick-dots {
    width: max-content;
    margin: 0 auto
}

.ai-tab-carousel .slick-dots li {
    display: inline-block
}

.ai-tab-carousel .slick-dots li.slick-active button {
    background: #1946AE
}

.hot-icon a,
.hotnew-icon a {
    position: relative;
    vertical-align: middle
}

.hot-icon a::after,
.hotnew-icon a::after {
    content: 'HOT';
    background: #ff000091;
    border-radius: 5px;
    padding: 4px 6px;
    font-size: 10px;
    color: #fff;
    margin-left: 5px;
    vertical-align: middle
}

.hotnew-icon a::after {
    content: 'NEW';
    background: #228efd
}

.navbar .dropdown-menu div[class*="col"] {
    margin-bottom: 1rem
}

.navbar .dropdown-menu {
    border: 0;
    background-color: #fff !important;
    box-shadow: 0 3px 56px #00000029;
    border-radius: 16px;
    padding: 20px
}

.dropdown-menu .mobile-dev-menu>.nav-link,
.dropdown-menu .pro-engineering>.nav-link,
.dropdown-menu .web-development>.nav-link {
    background: #E4F5E7;
    display: inline-block;
    border-radius: 15px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
    padding: 5px 20px
}

.dropdown-menu .pro-engineering>.nav-link {
    background: #F5E6D2
}

.dropdown-menu .web-development>.nav-link {
    background: #ECEDFE
}

.light-black-border {
    border: 1px solid #707070
}

.border-white-2 {
    border: 2px solid #fff
}

.light-pink {
    background-color: #FE8177
}

.bg-bright-blue {
    background-color: #1946AE
}

.light-sky-blue {
    background-color: #E4EFFC
}

.product-container .color-radio input {
    width: 24px;
    height: 24px;
    appearance: none;
    border-radius: 10vw;
    background-color: var(--accent-color);
    transition: all 0.2s ease;
    cursor: pointer
}

.lh-0 {
    line-height: 0
}

.lh-1 {
    line-height: 1 !important
}

.lh-normal {
    line-height: normal !important
}

.product-container .color-radio #option1 {
    --accent-color: #1946AE
}

.product-container .color-radio #option2 {
    --accent-color: #FF4343
}

.product-container .color-radio #option3 {
    --accent-color: #0AFE5A
}

.product-container .color-radio #option4 {
    --accent-color: #FFC507
}

.product-container .color-radio input[type='radio']:checked {
    box-shadow: inset 0 0 0 1px var(--accent-color), inset 0 0 0 4px #fff
}

.blue-btn-shadow {
    box-shadow: 5px 5px 46px #00000029
}

.ai-tab-carousel .nav-tabs.ai-solution-tab .nav-item.show .nav-link,
.ai-tab-carousel .nav-tabs.ai-solution-tab .nav-link.active {
    background-color: transparent
}

.ai-solution-tab a {
    color: #282D3B !important
}

ul.white-angle-right li {
    background: url(../image/list-white-angle-right.svg) no-repeat left center;
    padding: 9px 0 9px 25px;
    background-size: 10px
}

.tech-stack .tech-stack-title span {
    position: absolute;
    top: -33px;
    left: 0
}

.project-challenges .font-80 {
    color: #00000024
}

.project-challenges .challenges-number {
    width: 65px;
    height: 65px;
    display: grid;
    place-items: center;
    border: 8px solid #fff
}

.ai-tab-carousel .product-internal-slider .carousel .slick-dots:not(.smart-helmet-slider .slick-dots) {
    display: none !important
}

.smart-helmet-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 20px
}

.smart-helmet-grid .grid-item-img {
    grid-column: 2;
    grid-row: 1 / span 5;
    display: flex;
    justify-content: center;
    align-items: end;
    z-index: 1
}

#product-development-section,
#hire-developer-section,
.product-app-devlop,
.hire-app-devlop {
    display: none
}

.specialist-btn:hover {
    background-color: #fff;
    color: #1a49bf;
    border: 1px solid #1a49bf
}

.specialist-btn a:hover,
.specialist-btn:hover a {
    color: #1a49bf !important
}

.specialist-btn a {
    color: #fff
}

.team-banner {
    background: url(../image/team-banner.png) no-repeat;
    background-size: 100%
}

#input_11_16 {
    border: 0;
    border-bottom: 1px solid;
    height: 50px
}

.custom-app-steps {
    padding-top: 110px;
    position: relative
}

.custom-app-steps:before {
    content: '';
    width: 100%;
    height: 650px;
    background-color: #1A2B5F;
    position: absolute;
    top: 0;
    z-index: -1
}

.steps-row {
    margin-top: 100px
}

.step-box-content {
    background-color: #F9F3ED;
    padding: 128px 315px 128px 80px;
    margin-bottom: 40px;
    background-image: url(../image/step-shape.png);
    background-repeat: no-repeat
}

.step-box-listing {
    background-color: #fff;
    box-shadow: -16px 26px 46px rgb(0 0 0 / 11%);
    padding: 60px
}

.row.step-box-wrap {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 120px;
    align-items: flex-end;
    position: relative
}

.step-box-listing-wrap {
    margin-left: -210px;
    padding: 0
}

.step-box-listing ul.angle-right {
    margin: 0
}

.step-box-listing ul.angle-right li {
    padding-top: 5px;
    padding-bottom: 5px
}

.steps-row .row.step-box-wrap:nth-child(even) {
    flex-direction: row-reverse;
    justify-content: end
}

.steps-row .row.step-box-wrap:nth-child(even) .step-box-content {
    padding: 128px 80px 128px 315px;
    background-color: #F9ECEC
}

.steps-row .row.step-box-wrap:nth-child(even) .step-box-listing-wrap {
    margin-left: 0;
    margin-right: -210px
}

.steps-row {
    counter-reset: my-sec-counter
}

.row.step-box-wrap:before {
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter) "";
    position: absolute;
    top: 0;
    left: calc(75% + 100px);
    font-size: 30px
}

.steps-row .row.step-box-wrap:first-child:before {
    color: #fff
}

.row.step-box-wrap:after {
    content: '';
    width: 1px;
    height: 84px;
    background-color: #000;
    left: calc(75% + 120px);
    position: absolute;
    top: 60px
}

.steps-row .row.step-box-wrap:first-child:after {
    background-color: #fff
}

.steps-row .row.step-box-wrap:nth-child(even):before {
    left: 210px
}

.steps-row .row.step-box-wrap:nth-child(even):after {
    left: 226px
}

.eww-banner-shape {
    background: url(../image/app-baner-shape.png) scroll no-repeat
}

.eww-service-box .content {
    width: calc(100% - 35px);
    padding-left: 20px
}

.eww-service-box {
    margin: 10px 0;
    padding: 30px;
    transition: 0.5s ease;
    height: calc(100% - 20px)
}

.eww-service-box:hover {
    background-color: #1946AE;
    border-radius: 16px;
    transition: 0.5s ease;
    color: #fff
}

.eww-service-box:hover .color-dark-blue {
    color: #fff
}

.eww-service-box span {
    width: 35px;
    position: relative
}

.eww-service-box .img-hover {
    display: none
}

.eww-service-box:hover .img-blue {
    display: none
}

.eww-service-box:hover .img-hover {
    display: block
}

.eww-service-box span:after {
    content: '';
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 70px;
    background-color: #1946AE
}

.eww-service-box:hover span:after {
    background-color: #fff
}

hr.color-dark-blue {
    background-color: #1a2b5f;
    border-width: 2px
}

ul.angle-right a.color-lighter-blue:hover {
    color: #000
}

.gt-banner .gt-banner-btn.specialist-btn {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%
}

.about-bg-date::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #D1DFFF, transparent, #D1DFFF)
}

.industries-icon-box {
    border-bottom: 21px solid transparent
}

.partnership-with-us .steps_ui-ux_eww .bg-num {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    -webkit-text-stroke: 2px;
    -webkit-text-stroke-color: rgb(0 0 0 / 14%);
    font-size: 60px;
    line-height: 1;
    color: transparent
}

.solution-table-sec .solution_table thead tr th h3 {
    font-weight: 900
}

.solution-table-sec .solution_table thead tr th:nth-child(even) {
    background-color: #1827548c
}

.solution-table-sec .table-responsive {
    border-radius: 30px 30px 0 0
}

.solution-table-sec .solution_table tr th,
.solution-table-sec .solution_table tr td {
    border: 0;
    text-align: center;
    vertical-align: middle;
    color: #000;
    padding: 20px
}

.solution-table-sec .solution_table thead tr th {
    padding: 50px
}

.solution-table-sec .solution_table tbody tr:nth-child(odd),
.solution-table-sec .solution_table tbody tr td:nth-child(2) {
    background: #F2F4F9
}

.solution-table-sec .solution_table tbody tr:nth-child(odd) td:nth-child(2) {
    background: #E5E9F3
}

.solution-cost .counter {
    counter-reset: cost
}

.solution-cost .counter .solution-cost-box::before {
    counter-increment: cost;
    content: "0" counter(cost);
    position: absolute;
    font-size: 70px;
    font-weight: 900;
    line-height: 50px;
    color: hsl(226deg 52% 24% / 10%);
    left: 0;
    bottom: 18px
}

.partnership-with-excellentwebworld .social-btn {
    padding: .8em 2em;
    color: #1647ad;
    border: 2px solid;
    font-weight: 700;
    line-height: 1.2
}

.gform_wrapper.gravity-theme .gform_fields {
    display: grid;
    grid-column-gap: 2%;
    grid-row-gap: 16px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(auto-fill, auto);
    width: 100%
}

.gform_wrapper.gravity-theme .gfield {
    grid-column: 1/-1;
    min-width: 0
}

.gform_wrapper.gravity-theme .hidden_label .gfield_label,
.gform_wrapper.gravity-theme .hidden_sub_label,
.gform_wrapper.gravity-theme .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large {
    width: 100%
}

.gform_validation_container,
.gform_wrapper.gravity-theme .gform_validation_container,
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gform_validation_container,
body .gform_wrapper.gravity-theme .gform_fields .gfield.gform_validation_container,
body .gform_wrapper.gravity-theme .gform_validation_container {
    display: none !important;
    left: -9000px;
    position: absolute !important
}

.gfield.gfield--width-third {
    grid-column: span 4 !important;
    -ms-grid-column-span: 4
}

.gform_wrapper.gravity-theme .gfield.gfield--width-half {
    grid-column: span 6 !important;
    -ms-grid-column-span: 6
}

.gform_wrapper.gravity-theme .gf_invisible,
.gform_wrapper.gravity-theme .gfield_visibility_hidden {
    left: -9999px;
    visibility: hidden;
    position: absolute
}

.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 288px
}

.gform_wrapper.gravity-theme .gfield textarea {
    width: 100%
}

.mobile-dev-menu .gm-dropdown-menu-wrapper ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.mobile-dev-menu .gm-dropdown-menu-wrapper ul li {
    width: 50%
}

.mobile-c-form {
    position: fixed;
    bottom: 0;
    background: #fff;
    padding: 0 50px;
    display: none;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);
    z-index: 9999
}

a.close-mobile-c-form {
    background-color: #1a2b5f;
    max-width: 35px;
    max-height: 35px;
    padding: 10px;
    border-radius: 50%;
    line-height: 0;
    opacity: 1;
    margin-top: 25px;
    position: absolute;
    top: -14px;
    right: 11px
}

a.close-mobile-c-form img {
    width: 100%
}

.page-id-10021 #gform_wrapper_11 .gform_title {
    color: #1a2b5f;
    font-weight: 600
}

.page-id-10021 #gform_submit_button_11 {
    background: #1647ad;
    color: #fff
}

.page-id-10021 .entry-content {
    margin-top: 0
}

.taxi_page .counter {
    counter-reset: taxi
}

.taxi_page .counter h3:before {
    counter-increment: taxi;
    content: "0" counter(taxi);
    position: absolute;
    font-size: 40px;
    line-height: 40px;
    right: 15px;
    color: rgb(0 0 0 / 10%)
}

.gform_wrapper_14 .gform-icon--close,
#gform_3_validation_container .gform-icon.gform-icon--close {
    display: none
}

.our_solution_part .gm-grid-row .front-end-framework .gm-dropdown-menu-wrapper ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.our_solution_part .gm-grid-row .front-end-framework .gm-dropdown-menu-wrapper ul li {
    width: 50%
}

.hire_new_developers_sec .hire_sec_hover:hover {
    background: #f6f6f6;
    transform: scale(1.02)
}

.hire_dev_tab_sec .hire_dev_table tr td:first-child {
    width: 31%;
    text-align: left;
    vertical-align: middle;
    padding: 20px;
    font-weight: 700
}

.hire_dev_tab_sec .hire_dev_table thead tr {
    box-shadow: 0 0 10px 0 #ccc;
    font-size: 24px
}

.hire_dev_tab_sec .hire_dev_table tr td {
    width: calc(23% - 0px);
    text-align: center;
    vertical-align: middle;
    padding: 20px;
    border-top: 0
}

.hire_dev_tab_sec .hire_dev_table tbody tr td:nth-child(3) {
    background: #f2f2ff;
    box-shadow: 0 4px 10px 0 #ccc
}

#gform_wrapper_3 h3.gform_title {
    color: #1a2b5f
}

.sitemap_page_sec .sitemap_count2 {
    column-count: 2
}

.sitemap_page_sec .sitemap_count3 {
    column-count: 3
}

.sitemap_page_sec ul {
    list-style-type: circle
}

#menu-item-11871 {
    background: #1a2b5f
}

#menu-item-11871 .gm-menu-item__txt {
    color: #FFF
}

.ppc_fea_tab ul li .nav-link {
    color: #000
}

.ppc_fea_tab ul li .nav-link.active {
    font-weight: 700;
    border: 1px solid #000
}

.ppc_cta_design .ppc_before_line::before {
    content: '';
    position: absolute;
    top: -15px;
    left: 15px;
    width: 40px;
    height: 8px;
    background: #fc6500
}

.ppc_cta_design .ppc_cta_btn_a {
    background: #fc6500
}

#gform_wrapper_15 h2.gform_title {
    text-transform: none;
    text-align: center;
    color: #1647ad
}

#gform_wrapper_15 p.gform_required_legend {
    display: none
}

.hiring-page-banner {
    margin-top: -180px;
    padding-top: 225px;
    background: url(../image/hiring-banner.png) scroll no-repeat top center;
    background-size: cover
}

.hiring-page-banner .hiring-head .banner-title {
    font-size: 60px;
    background: linear-gradient(to right, #1946AE 0%, #FF7D7D 50%, #ab5400 100%) 0% 0% no-repeat padding-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
    animation: rainbow 2s ease-in-out infinite;
    transition: color .5s ease-in-out;
    background-size: 200% 200%
}

.hiring-page-banner .hiring-head .hire-page-form .gform_required_legend {
    display: none
}

.hiring-page-banner .hiring-head .hire-page-form #field_16_9 {
    display: flex;
    align-items: baseline
}

.hiring-page-banner .hiring-head .hire-page-form #field_16_9 legend {
    display: contents;
    font-size: 20px
}

.hiring-page-banner .hiring-head .hire-page-form #input_16_9 div label {
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    padding: 0 10px !important;
    border: 2px solid #1647ad
}

.hiring-page-banner .hiring-head .hire-page-form #field_16_9 .ginput_container_radio input[type="radio"]:hover+label,
.hiring-page-banner .hiring-head .hire-page-form #field_16_9 .ginput_container_radio input[type="radio"]:checked+label {
    background: #1647ad !important
}

.hiring-page-banner .hiring-head .hire-page-form .gchoice_16_9_0 {
    margin: 0 6px 0 10px
}

.hiring-page-banner .hiring-head .hire-page-form #field_16_10 {
    text-align: left;
    margin: 20px 0 20px 0
}

.hiring-page-banner .hiring-head .hire-page-form .file-upload-btn .gform_fileupload_rules {
    display: none
}

.hiring-page-banner .hiring-head .hire-page-form .file-upload-btn .gfield_label {
    font-size: 18px !important
}

.hiring-page-banner .hiring-head .hire-page-form .file-upload-btn input#input_16_10 {
    border-bottom: 0 !important;
    width: -webkit-fill-available
}

.hiring-page-banner .hiring-head .hire-page-form .file-upload-btn input[type=file]::file-selector-button {
    color: #fff;
    background: #1647ad;
    border: 2px solid;
    font-size: 15px;
    padding-right: 18px;
    padding-left: 18px
}

.hiring-page-banner .hiring-head .hire-page-form .file-upload-btn input[type=file]::file-selector-button:hover {
    color: #1647ad;
    background: #fff;
    border: 2px solid
}

.page-id-13905 div#submit-form-sec {
    display: none
}

.bottom-menu {
    background-color: rgba(242, 246, 255, 1);
    padding: 20px
}

.bottom-menu .gm-menu-item__txt {
    font-size: 20px !important;
    font-weight: 400px
}

.gm-navigation-drawer {
    box-shadow: 3px 2px 2px 0 #eee
}

.contact-menu a {
    background-color: #fc6500;
    box-shadow: 0 0 0 2px #f3f3f3, 0 0 0 5px #fc6500;
    margin-left: 20px;
    color: #fff !important;
    border-radius: 4px
}

#menu-item-6984 a,
.contact-menu a,
.contact-menu a:hover {
    color: #fff !important
}

.gm-main-menu-wrapper .gm-mega-menu__item__title,
.gm-main-menu-wrapper .gm-mega-menu__item__title .gm-menu-item__txt {
    font-weight: 500
}

.gm-navbar-sticky-toggle .gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav>li>.gm-anchor,
.gm-navbar-sticky-toggle .gm-main-menu-wrapper .gm-search>i,
.gm-navbar-sticky-toggle .gm-main-menu-wrapper .gm-minicart-icon-wrapper>i {
    font-weight: 500
}

.gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav>.menu-item>.gm-anchor {
    font-weight: 500
}

.gm-menu-item__desc {
    font-size: 14px !important;
    letter-spacing: 1px;
    padding-bottom: 5px
}

.gm-navbar .gm-main-menu-wrapper .mega-gm-dropdown>.gm-dropdown-menu,
.gm-navbar .gm-main-menu-wrapper .mega-gm-dropdown>.gm-dropdown-menu-wrapper {
    max-width: 100% !important
}

.gm-grid-row .gm-mega-menu__item.gm-mega-menu-title-item {
    background: rgba(29, 73, 175, .03);
    border: 10px solid #fff
}

.gm-main-menu-wrapper .gm-mega-menu__item__title {
    border-color: rgba(29, 73, 175, .03)
}

.gm-navbar .gm-main-menu-wrapper .gm-menu-item__icon {
    margin-right: 12px !important
}

.gm-navbar .gm-main-menu-wrapper .gm-menu-item__icon:before {
    font-size: 22px;
    color: #1D49AF !important
}

.gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav .gm-dropdown.mega-gm-dropdown .gm-dropdown-menu .gm-menu-item__link {
    background: url(https://eww-wp-new.s3.ap-south-1.amazonaws.com/wp-content/uploads/2021/09/30113500/right-arrow.png) no-repeat;
    background-position: center left
}

.fa,
.fas {
    font-weight: 900
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free"
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

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

.fa-angle-down:before {
    content: "\f107"
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../font/fa-solid-900.eot);
    src: url(../font/fa-solid-900.eot) format("embedded-opentype"), url(../font/fa-solid-900.woff2) format("woff2"), url(../font/fa-solid-900.woff) format("woff"), url(../font/fa-solid-900.ttf) format("truetype"), url(../font/fa-solid-900.svg) format("svg")
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.gm-navigation-drawer--mobile.gm-navigation-drawer--left {
    transform: translate3d(calc(-100%), 0, 0);
    left: 0
}

.our-technologies-home div.card-body>div {
    gap: 10px
}

.our-technologies-home div.technology-items {
    width: 10rem
}

#gform_17 .gfield.gfield--width-third {
    grid-column: span 6 !important
}

.stats-box-design {
    background: linear-gradient(109deg, rgba(40, 130, 161, 1) 0%, rgba(77, 193, 202, 1) 50%, rgba(126, 207, 212, 1) 100%);
    width: 90%;
    padding: 70px 60px
}

.stats-box-design .linebar:before,
.stats-box-design .linebar:after {
    content: "";
    position: absolute;
    height: 4px;
    width: 100%;
    background: #343846
}

.stats-box-design .linebar:before {
    left: -36px;
    top: 24px
}

.stats-box-design .linebar:after {
    right: -40px;
    bottom: 24px
}

.stats-box-design .linebar .stats-box-arrow:before,
.stats-box-design .linebar .stats-box-arrow:after {
    content: "";
    position: absolute;
    height: 73px;
    width: 36px;
    background: url(../image/right-arrow.svg) center right scroll no-repeat
}

.stats-box-design .linebar .stats-box-arrow:before {
    right: -88px;
    top: -10px
}

.stats-box-design .linebar .stats-box-arrow:after {
    left: -88px;
    bottom: -10px;
    transform: rotateY(180deg)
}

.orange-bg {
    background-color: #FB622E
}

.text-orange {
    color: #FB622E
}

.font-60 {
    font-size: 60px !important;
    line-height: 1.2 !important
}

.text-black-06 {
    color: #0000000f
}

.border-white {
    border-color: #000
}

.orange-gredient-bg {
    background: linear-gradient(to right, #FF0D0D, #FFC372)
}

.section-banner-groupbased {
    clip-path: ellipse(90% 60% at 50% 35%);
    padding-top: 100px
}

.section-banner-groupbased img {
    margin-top: -77px
}

.section-banner-groupbased a:hover {
    background: #fff;
    color: #FB622E !important
}

.section-banner-groupbased a:hover svg path {
    fill: #FB622E !important
}

.banner-content .content_block {
    border-radius: 7px;
    box-shadow: 0 0 22px #0000000F;
    margin-top: -120px;
    padding: 85px 90px
}

.partner-section .partner_content {
    margin-bottom: -15%
}

.light_text_hover:before {
    content: "";
    background: #FF7546;
    height: 90%;
    display: block;
    width: 5px;
    position: absolute;
    left: 0;
    top: 8px;
    box-shadow: 0 15px 30px #230F0F3D;
    border-radius: 20px;
    transform: scaleY(0);
    transition: transform 0.3s;
    transform-origin: top
}

.light_text_hover.active_text:before {
    transform: scaleY(1)
}

.light_text_hover.active_text {
    opacity: 1
}

.light_text_hover {
    opacity: .3
}

.section-finalmove {
    padding: 110px 0 75px
}

.gaming-engaging-sec .gaming-engaging-items {
    border: 2px solid #0D0D0D;
    border-radius: 23px
}

.gaming-engaging-sec .gaming-engaging {
    overflow-y: scroll;
    height: 560px
}

.gaming-engaging-sec .gaming-engaging::-webkit-scrollbar-track {
    background-color: transparent
}

.gaming-engaging-sec .gaming-engaging::-webkit-scrollbar {
    width: 8px
}

.gaming-engaging-sec .gaming-engaging::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #282d3b
}

.btn-orange a {
    background: #FB622E;
    border: 2px solid #FB622E;
    font: inherit;
    line-height: 1;
    margin: .5em;
    padding: .8em 2em;
    color: #fff;
    transition: 0.25s;
    text-decoration: none;
    display: inline-block;
    text-align: center
}

.btn-orange a:hover {
    box-shadow: inset -11em 0 0 0 #fff, inset 11em 0 0 0 #fff;
    color: #FB622E;
    border: 2px solid
}

.btn-white-on-orange a:hover {
    box-shadow: inset -11em 0 0 0 #fff, inset 11em 0 0 0 #fff;
    color: #000;
    border: 2px solid #fff
}

ul.listing-style-white li {
    position: relative;
    padding-left: 20px
}

ul.listing-style-white li:after {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: #fff;
    border-radius: 150px
}

.orange-color {
    color: #fc6500
}

.bg-black-300 {
    background-color: #00000008
}

.text-transform-none {
    text-transform: none
}

.popup-form .gform_fields .gfield.gfield--width-third {
    grid-column: span 6 !important
}

.popup-form #field_1_4.gfield.gfield--width-third {
    grid-column: span 12 !important
}

.popup-form .gform_footer .gform_button {
    border-radius: 16px
}

ul.popup-promise-listing li {
    position: relative !important;
    padding-left: 22px
}

ul.popup-promise-listing li:after {
    content: "";
    position: absolute;
    height: 11px;
    width: 9px;
    top: 14px;
    left: 0;
    background: url(../image/popup-right-arrow.svg) no-repeat
}

.contact-popup .popup-close-btn {
    position: absolute;
    right: .7%;
    top: 1%;
    border: 0;
    background: none;
    line-height: 0
}

.popup-form #gform_fields_3 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.popup-form #gform_fields_3 .gfield {
    grid-column: auto
}

.popup-form #gform_fields_3 #field_3_9,
.popup-form #gform_fields_3 #field_3_14 {
    grid-column: 1 / 3
}

.bg-sky-blue-400 {
    background-color: #65caf629
}

.bg-sky-blue-600 {
    background-color: #9ADFFD
}

.bg-sky-blue-radial {
    background-image: radial-gradient(circle at 50% 50%, #9ADFFD 0%, #B2D8FF 100%)
}

.text-white .portfolio-curv-underline:before {
    filter: invert(1)
}

.color-sky-blue {
    color: #9ADFFD !important
}

.btn-black-white a,
.btn-sky-blue a {
    background: #000;
    font: inherit;
    line-height: 1;
    margin: .5em;
    padding: .8em 2em;
    color: inherit;
    transition: 0.25s;
    text-decoration: none;
    display: inline-block;
    border-color: #000
}

.btn-sky-blue a {
    background: #9ADFFD;
    color: #000
}

.btn-black-white a:hover,
.btn-sky-blue a:hover {
    box-shadow: inset -11em 0 0 0 #fff, inset 11em 0 0 0 #fff;
    color: #000 !important;
    border-color: #000
}

.btn-sky-blue a:hover {
    border-color: #9ADFFD
}

ul.feature-curee-listing li {
    position: relative;
    padding-left: 25px
}

ul.feature-curee-listing li:after {
    content: "";
    position: absolute;
    height: 15px;
    width: 12px;
    top: 12px;
    left: 0;
    background: url(../image/curee-list-icon.svg)
}

.curee-points-sec .curee-points {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px
}

.curee-points-sec .curee-points .item-icon {
    height: 80px;
    width: 80px;
    text-align: center;
    align-content: center;
    min-width: max-content;
    aspect-ratio: 1 / 1
}

.cure-feature-sec .curee-feature-box .curee-feature-scroll {
    overflow-y: scroll;
    height: 560px
}

.cure-feature-sec .curee-feature-box .curee-feature-scroll::-webkit-scrollbar-track {
    background-color: #fff3
}

.cure-feature-sec .curee-feature-box .curee-feature-scroll::-webkit-scrollbar {
    width: 5px
}

.cure-feature-sec .curee-feature-box .curee-feature-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #fff
}

.curee-marketplace-3,
.curee-marketplace-4 {
    display: grid;
    grid-template-columns: 3.5fr 2fr 3.5fr;
    grid-column-gap: 30px
}

.curee-marketplace-4 {
    grid-template-columns: 3fr 4fr 3fr
}

.curee-marketplace-3 .center-img img,
.curee-marketplace-4 .center-img img {
    height: 100%;
    object-fit: cover;
    border-radius: 46px
}

.curee-hero-sec .mouse-scroll-box img {
    -webkit-animation: animated-mouse 1.3s ease-in-out infinite;
    -moz-animation: animated-mouse 1.3s linear infinite
}

@-webkit-keyframes animated-mouse {
    0% {
        transform: scaleY(.7);
        transform-origin: top
    }

    50% {
        transform: scaleY(1);
        transform-origin: top
    }

    100% {
        transform: scaleY(.7);
        transform-origin: top
    }
}

.new-client-testimonial .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px
}

.new-client-testimonial .slick-dots button {
    width: 10px;
    height: 10px;
    font-size: 0;
    line-height: 1;
    border-radius: 100%;
    background: rgba(255, 255, 255, .2);
    border: 0;
    margin: 0 8px
}

.new-client-testimonial .slick-dots .slick-active button {
    width: 20px;
    height: 20px;
    font-size: 0;
    line-height: 1;
    border-radius: 100%;
    background: #fff;
    border: 0;
    margin: 0 8px
}

.verticle-new-tab .nav-pills .nav-link {
    font-weight: 700;
    color: #000 !important;
    font-size: 24px
}

.verticle-new-tab .nav-pills .nav-link.active {
    color: #005AFF !important;
    position: relative;
    background: transparent !important
}

.verticle-new-tab .nav-pills .nav-link.active:after {
    color: #005AFF !important;
    content: '';
    left: 0;
    position: absolute;
    border-left: 7px solid #005AFF;
    width: 7px;
    height: 73%;
    top: 50%;
    transform: translateY(-50%)
}

.verticle-new-tab .tab-content ul {
    list-style: disc;
    list-style-position: inside
}

.our-team-bg {
    background-image: url(../image/Background-Our-Team.png);
    background-position: center
}

.cta-leap {
    background-image: url(../image/CTA.webp);
    background-position: right
}

.leap-page {
    background-image: url(../image/leap-page-bg.webp) !important;
    background-size: 100% 100%, cover !important
}

.leap-page h1 {
    background: none !important;
    -webkit-text-fill-color: #fff !important
}

.leap-info-footer-popup {
    display: none;
    position: fixed;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 1050;
    max-width: 500px;
    transition: width 0.5s ease, height 0.5s ease
}

.close-leap-footer-popup {
    position: absolute;
    top: 0;
    right: 10px;
    border-radius: 50px !important;
    padding: 0px !important;
    background: #ccc !important
}

.leap-info-footer-popup-slide-right {
    display: block;
    animation: 0.5s slide-right forwards
}

.leap-info-footer-popup-slide-left {
    display: block;
    animation: 0.5s slide-left forwards
}

@keyframes leap-info-footer-popup-slide-right {
    0% {
        margin-left: -100%
    }

    100% {
        margin-left: 0%
    }
}

@keyframes leap-info-footer-popup-slide-left {
    0% {
        margin-left: 0%
    }

    100% {
        margin-left: -100%
    }
}

@media screen and (min-width:1200px) {
    .techstack_grid .techstack_grid_det .process_text_tech h3 {
        min-height: 40px
    }

    .portfolio-curv-underline {
        position: relative
    }

    .portfolio-curv-underline:before {
        content: "";
        position: absolute;
        bottom: -25px;
        left: 50%;
        transform: translateX(-50%);
        background: url(../image/black-curv-underline.webp) center bottom no-repeat;
        background-size: contain;
        height: 20px;
        width: 100%
    }

    .curee-cta-sec .curee-cta-box {
        background-position: right top !important;
        background-size: auto 100% !important
    }
}

@media screen and (max-width:425px) and (min-width:320px) {

    .pink-arrow-ince1::after,
    .pink-arrow-ince2::after {
        display: none
    }
}

@media screen and (max-width:1500px) {
    .bg-black-color .our-work-inner-right.d-flex.justify-content-end img {
        margin-top: 26px
    }

    .cto-slider-show {
        margin-left: 80px
    }

    .center .slick-list.draggable {
        padding-right: 100px
    }

    .cto-slide {
        min-height: 536px
    }
}

@media screen and (min-width:1140px) {
    .curee-hero-sec .curee-hero-img-box {
        margin-block: -18%
    }
}

@media screen and (max-width:1440px) {
    .country-slider {
        padding: 0 50px
    }

    .country-slider .slick-prev {
        left: 0
    }

    .country-slider .slick-next {
        right: 0
    }

    .our-team-img-caption {
        min-height: 156px
    }

    .vertical-in-div {
        top: 120px
    }

    .custom-mega-menu .megamenu-wrapper .menu-dropdown-layout {
        grid-template-columns: minmax(min-content, 77%) minmax(23%, 1fr)
    }

    .custom-mega-menu .vertical-menu-wrapper .vertical-menu-title .nav-link,
    .custom-mega-menu .vertical-sub-menu .nav-link {
        font-size: 16px
    }
}

@media screen and (max-width:1441px) and (min-width:1200px) {
    .custom-mega-menu .mega-menu-tabs {
        gap: 25px
    }
}

@media screen and (max-width:1400px) and (min-width:991px) {
    .industries-bar-sec .industries-item-container {
        max-width: 100%;
        flex-basis: 100%
    }

    .popup-design .modal-xl {
        max-width: 991px
    }
}

@media screen and (max-width:1199px) {
    .bg-light-blue-color .our-work-inner {
        padding: 20px 15px 20px 0
    }

    .bg-light-blue-color .our-work-inner {
        padding: 30px 0 20px 0
    }

    .hire-react-native-banner {
        padding: 50px 40px
    }

    .hire-react-native-scope {
        padding: 30px 20px
    }

    .development-process-bg-img {
        padding: 130px 0
    }

    .eww-life-all-videos .tab-content:before {
        top: -40px;
        left: -30px;
        border: 25px solid #f6d671
    }

    .country-slider {
        padding: 0 100px
    }

    .country-slider .slick-prev {
        left: 20px
    }

    .country-slider .slick-next {
        right: 20px
    }

    .navbar-nav>li>a {
        padding: 0 1rem !important
    }

    .cto-slider-show {
        margin-left: 0
    }

    .center .slick-list.draggable {
        padding-right: 0
    }

    .cto-slide {
        min-height: 596px
    }

    .porfolio-other:after {
        left: 70px
    }

    .client-second-slider .services-box.development,
    .client-third-slider .services-box.development {
        min-height: 300px
    }

    .hdd_our-hiring-models {
        flex-basis: 32%
    }

    .about_skr_port .percent-circle::before {
        right: -15%
    }

    .about_online_education .banner_img img {
        height: 60%
    }

    .techstack_sec .techstack_grid {
        grid-template-columns: auto auto auto
    }

    .book-ride-port .two-ph-book-ride {
        right: -21%;
        bottom: 19%
    }

    .book-ride-port .black-portion {
        margin-top: -290px
    }

    .book-ride-port .two-ph-book-ride {
        right: -16%;
        bottom: 24%;
        height: 500px;
        width: 426px
    }

    .section-banner-groupbased {
        clip-path: ellipse(130% 60% at 50% 35%)
    }

    .banner-content .content_block {
        padding: 35px 10px
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: 40px
    }

    .blogcarouselcontrols .carousel-control-prev-icon {
        left: calc(-30% - 35px)
    }

    .blogcarouselcontrols .carousel-control-next-icon {
        right: calc(-30% - 35px)
    }

    .brief-healthcare-bg {
        background-position: right 40% center
    }

    .project-relation-sec {
        border-radius: 90px 90px 0 0;
        margin-top: -85px
    }

    .project-relation-sec h2 {
        font-size: 35px !important
    }

    .custom-mega-menu .latest-press-wrapper {
        padding: 15px
    }

    .custom-mega-menu .latest-press-wrapper .menu-certification {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 4px
    }

    .custom-mega-menu .latest-press-wrapper span {
        font-size: 12px;
        line-height: 20px !important
    }

    header.site-header nav .navbar-brand img {
        max-width: 170px;
        width: 100%
    }

    .custom-mega-menu .mega-menu-tabs {
        gap: 22px
    }

    .custom-mega-menu .mega-menu-tabs .nav-link {
        font-size: 18px;
        line-height: 20px
    }

    .custom-mega-menu .mega-menu-tabs .nav-link.nav-btn {
        padding-left: 18px !important;
        padding-right: 18px !important;
        padding-block: 10px
    }

    .custom-mega-menu .tab-content.mega-menu-tab-content {
        top: 79px
    }

    .custom-mega-menu .megamenu-wrapper .menu-dropdown-layout {
        grid-template-columns: minmax(min-content, 75%) minmax(25%, 1fr)
    }

    .custom-mega-menu .vertical-menu-wrapper .vertical-menu-title,
    .custom-mega-menu .vertical-menu-wrapper .vertical-menu-content {
        min-height: 300px
    }

    .custom-mega-menu .vertical-menu-wrapper .vertical-sub-menu li {
        width: 100% !important
    }

    .custom-mega-menu .vertical-menu-wrapper .vertical-sub-menu {
        gap: 8px 18px
    }

    .custom-mega-menu .vertical-sub-menu {
        max-height: 300px;
        overflow-y: auto
    }

    .custom-mega-menu .vertical-menu-title .nav {
        gap: 0;
        max-height: 300px;
        height: 300px
    }

    .custom-mega-menu .megamenu-wrapper .menu-description {
        font-size: 18px !important
    }

    .custom-mega-menu .vertical-menu-wrapper .vertical-menu-content {
        padding: 15px 25px
    }

    .custom-mega-menu .vertical-menu-wrapper .vertical-menu-title .nav-link {
        padding: 13px 30px 13px 13px !important
    }

    .custom-mega-menu .vertical-menu-wrapper .nav-link.active:after,
    .custom-mega-menu .vertical-menu-wrapper .nav-link.active:before {
        right: 20px
    }

    .custom-mega-menu .mega-menu-cta .menu-sidebar-poster {
        font-size: 22px !important;
        line-height: 30px !important;
        margin-bottom: 35px
    }

    .w-fit-content .font-22 {
        font-size: 20px !important
    }
}

@media screen and (max-width:1024px) {
    .ar-app-section {
        margin-top: 50px
    }

    .service_our-work .bg-light-blue-color {
        margin-bottom: 100px;
        padding-top: 10px
    }

    .service_our-work .ourwork-message-img img {
        min-width: 50px
    }

    .our-partners-bg {
        padding: 20px 0px !important
    }

    .font-80 {
        font-size: 45px !important
    }

    .react-js-framework-left {
        padding-right: 0
    }

    .react-js-benefit-right ul li {
        font-size: 18px
    }

    .react-js-benefit-right ul li.list-icoon {
        padding-left: 35px;
        margin-bottom: 20px
    }

    .hire-react-native-banner {
        padding: 50px 30px
    }

    .hire-react-native-banner-inner .btn-white a {
        font-size: 15px
    }

    .hire-react-native-scope div {
        font-size: 22px !important
    }

    .hire-react-native-scope {
        padding: 30px 15px
    }

    .augmented-desc {
        padding: 20px 15px
    }

    .hiring-model-heading {
        min-height: 82px
    }

    .pricing-modal-box-caption h2 {
        font-size: 30px !important
    }

    .service_our-work .slick-slide {
        margin-left: 30px;
        margin-right: 30px
    }

    .hp-work-done .counter-box span {
        font-size: 60px
    }

    .experties-text {
        margin-left: 10px
    }

    .cto-slide {
        min-height: 655px
    }

    .service_our-work .slick-slide .testimonial-slides {
        min-height: 800px !important
    }

    .content-box {
        height: 470px
    }

    .eww-life-bottom {
        flex-basis: 32%
    }

    .director_banner-section {
        padding-bottom: 50px
    }

    .font-30 {
        font-size: 24px !important
    }

    .font-40 {
        font-size: 30px !important
    }

    .btn-darkblue-white a {
        font-size: 17px;
        padding: 14px 22px !important
    }

    .experties-nav .big-nav .menu-list>ul>li>a {
        font-size: 40px
    }

    .service_our-work .bg-black-color {
        padding-top: 10px
    }

    .about_skr_port .percent-bar::before,
    .about_skr_port .percent-circle::before {
        display: none
    }

    .about_skr_port .percent-bar {
        z-index: unset
    }

    .about_online_education .about-client {
        padding: 20px
    }

    .our_minds {
        grid-template-columns: auto auto auto
    }

    .our_minds img {
        border-radius: 20px
    }

    .new_groovy_menu .header_menu_content_img,
    .new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu .submenu_desc {
        display: none
    }

    aside.new_groovy_menu .submenu_parent_wrapper {
        flex-basis: 100% !important
    }

    aside.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu .submenu_left_menu {
        padding: 15px 10px
    }

    aside.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu .submenu_left_menu {
        flex-basis: 100% !important
    }

    aside.new_groovy_menu ul .submenu_main_menu .submenu_right_menu {
        left: unset;
        right: unset;
        top: unset
    }

    aside.new_groovy_menu ul .submenu_main_menu.submenu_active .submenu_right_menu {
        position: unset;
        border-bottom: 1px dotted rgba(90, 90, 90, 1)
    }

    aside.new_groovy_menu ul li.wp-block-columns.d-flex.is-layout-flex {
        display: block !important
    }

    aside.new_groovy_menu .submenu_parent_wrapper .submenu_main_menu,
    aside.new_groovy_menu .mobile_blog_wrapper {
        flex-direction: column
    }

    aside.new_groovy_menu ul .submenu_main_menu .submenu_right_menu li a {
        margin: 5px;
        font-size: 16px
    }

    aside.new_groovy_menu ul .submenu_main_menu .submenu_right_menu ul {
        column-count: 1;
        padding-left: 10px
    }

    aside.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu.only_title_show {
        padding: 15px 10px
    }

    aside.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu.only_title_show.submenu_active .submenu_title {
        font-weight: 700
    }

    aside.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu.only_title_show .submenu_title {
        margin-bottom: 0;
        font-weight: 400
    }

    aside.new_groovy_menu ul .gm-dropdown-menu-wrapper .submenu_main_menu .submenu_left_menu {
        cursor: pointer;
        background: url(../image/angle-down-solid.svg) no-repeat center right 12px !important;
        background-size: 12px !important
    }

    aside.contact-menu {
        background-color: unset !important
    }

    .hiring-page-banner .hiring-head h1.banner-title {
        font-size: 50px !important
    }

    .step-box-content {
        padding: 70px 224px 70px 50px
    }

    .step-box-listing {
        padding: 25px
    }

    .steps-row .row.step-box-wrap:nth-child(even) .step-box-content {
        padding: 70px 50px 70px 224px
    }

    .step-box-listing-wrap {
        margin-left: -170px
    }

    .steps-row .row.step-box-wrap:nth-child(even) .step-box-listing-wrap {
        margin-right: -170px
    }

    .steps-row .row.step-box-wrap:nth-child(even):before {
        left: 170px
    }

    .steps-row .row.step-box-wrap:nth-child(even):after {
        left: 187px
    }

    .row.step-box-wrap:before {
        left: calc(75% + 60px)
    }

    .row.step-box-wrap:after {
        left: calc(75% + 77px)
    }

    .eww-service-box {
        padding: 15px 10px
    }

    .eww-service-box .content {
        padding-left: 10px
    }

    #eww-related-post,
    #cta_sec {
        display: none
    }

    .single-post aside .toc_sticky #block-23 {
        display: none
    }

    .single-post #secondary {
        margin-top: 0 !important
    }

    .single-post #toc_icon ul.list-style-icon li {
        font-size: 16px
    }

    .techstack_sec .techstack_grid {
        grid-template-columns: auto auto
    }

    .services-industries .industries-box {
        padding: 1.3rem
    }

    .curee-points-sec .curee-points {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 25px
    }

    .project-relation-sec h2 {
        font-size: 30px !important
    }

    .custom-mega-menu .mega-menu-tabs .nav-link.nav-btn {
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-block: 8px
    }

    .custom-mega-menu .mega-menu-tabs .nav-link {
        font-size: 17px
    }
}

@media screen and (min-width:991px) {
    .navbar .nav-item:hover .dropdown-menu {
        display: block
    }

    .border-lg-left {
        border-left: .0625rem solid #dadada
    }

    .border-bottom-lg-0 {
        border-bottom: none !important
    }

    #menu-new-menu .menu-item.dropdown>.nav-link {
        padding-bottom: 30px
    }

    #menu-new-menu .menu-item.contact-menu>.nav-link {
        padding-bottom: 10px
    }

    .navbar {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .navbar-light .navbar-nav .nav-link {
        color: #282828
    }

    .page-id-19316 .navbar-light .navbar-nav .nav-link {
        color: #fff !important
    }

    .dropdown-menu .menu-item-has-children .menu-item>.nav-link,
    .about-menu .dropdown-menu .menu-item>.nav-link,
    .blog-menu .dropdown-menu .menu-item>.nav-link {
        background: url(../image/right-chevron.png);
        background-repeat: no-repeat;
        background-size: 13px;
        background-position: center left;
        padding-left: 1rem
    }

    .dropdown-menu .menu-item-has-children {
        border-right: 1px solid #70707017
    }

    .dropdown-menu .menu-item-has-children:last-child {
        border-right: 0
    }

    .dropdown-menu .container {
        display: block
    }

    .navbar .dropdown {
        position: static
    }

    .navbar .dropdown-menu {
        max-width: 1500px;
        width: 100%;
        left: 0;
        right: 0;
        top: 86px;
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.3s linear;
        margin: 0 auto
    }

    .page-id-13977 .navbar .dropdown-menu {
        top: 86px
    }

    .menu-item-has-children.nav-item.mobile-dev-menu>div,
    .front-end-framework>div {
        display: grid;
        grid-template-columns: auto auto
    }

    .blog-menu .dropdown-menu,
    .about-menu .dropdown-menu {
        width: 17%;
        left: auto;
        right: auto
    }

    .navbar .dropdown:hover .dropdown-menu,
    .navbar .dropdown .dropdown-menu:hover {
        display: block;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity 0.3s linear
    }

    .navbar .dropdown-menu {
        border: 1px solid rgba(0, 0, 0, .15);
        background-color: #fff
    }

    .curee-cta-1 {
        background: url(../image/iv-services-appointment-booking-and-delivery-solution-scaled.webp) no-repeat;
        background-size: 58%;
        background-position: left 95% bottom
    }

    .leap-info-footer-popup {
        max-width: 300px
    }
}

@media only screen and (max-width:991px) and (min-width:576px) {
    .partnership-with-us .engagement:before {
        display: none
    }

    .partnership-with-us .step-4-process .flow-border:before {
        width: calc(200% + 13vw)
    }

    .partnership-with-us .step-4-process .engagement:before {
        display: block
    }

    .partnership-with-us .step-4-process .project:before {
        display: none
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .border-md-left {
        border-left: .0625rem solid #dadada
    }

    #gform_1 .gfield.gfield--width-third {
        grid-column: span 12 !important;
        -ms-grid-column-span: 12
    }
}

@media screen and (max-width:991px) {
    .font-20 {
        font-size: 16px !important;
        line-height: 26px !important
    }

    .about-abc-list {
        max-width: 339px !important
    }

    .slick-vertical .slick-slide {
        min-height: 570px
    }

    .about-us-menu {
        display: block !important
    }

    .hire-react-native-scope {
        padding: 30px 15px;
        min-height: 121px
    }

    .augmented-desc {
        padding: 15px 12px
    }

    .ar-app-section-left {
        padding-right: 15px
    }

    .hiring-model-table-bg table,
    .hiring-model-table-bg thead,
    .hiring-model-table-bg tbody,
    .hiring-model-table-bg th,
    .hiring-model-table-bg td,
    .hiring-model-table-bg tr {
        display: block
    }

    .hiring-model-table-bg thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .hiring-model-table-bg tr {
        border: 1px solid #ccc
    }

    .hiring-model-table-bg td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%
    }

    .hiring-model-table-bg td:before {
        padding: 5px;
        white-space: nowrap;
        content: attr(data-column);
        color: #fff;
        font-weight: 700;
        display: block
    }

    .hiring-model-table-bg tbody td:first-child {
        background-color: #1647ad !important;
        font-weight: 700
    }

    .career-popup #gform_fields_2 {
        display: block
    }

    .career-popup #gform_fields_2 li {
        margin-top: -5px !important
    }

    .career-popup #field_2_9 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .infrastructure-inner h2 {
        font-size: 120px !important
    }

    .experties-nav .big-nav .menu-list>ul>li {
        width: 100%;
        display: inline-block
    }

    .experties-nav .menu-list>ul>li>ul {
        position: static;
        width: 100%
    }

    header#masthead.active .experties-dropdown {
        width: 100%
    }

    header#masthead.active .experties-dropdown .experties-text {
        display: none
    }

    .experties-text {
        margin-left: 0
    }

    .experties-text #experties {
        background-image: url(../image/menu-1.png);
        padding: 15px 40px 15px 20px;
        background-size: 41%;
        background-repeat: no-repeat;
        font-size: 0;
        background-color: transparent
    }

    header#masthead.active {
        height: 94px
    }

    .experties-nav {
        top: 30px
    }

    .experties-nav .big-nav .menu-list>ul {
        padding-top: 0
    }

    .banner-section-hp span.banner-title {
        font-size: 40px
    }

    .navbar-nav>li>a {
        color: #fff !important
    }

    .navbar-nav {
        padding: 40px 0
    }

    .navbar-collapse #menu-header-menu {
        background: #1a2b5f
    }

    .navbar-collapse.collapsing .navbar-nav {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: -45%;
        transition: all 0.35s ease
    }

    .navbar-collapse.show .navbar-nav {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        flex-direction: column;
        height: auto;
        width: 45%;
        transition: left 0.35s ease;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
        background: #fff;
        padding-left: 20px;
        overflow-x: auto
    }

    .navbar-nav>li>a {
        padding: 4px 2rem !important
    }

    .navbar #menu-header-menu {
        align-items: flex-start
    }

    .reprentative-img-right:after {
        content: none
    }

    .reprentative-img:after {
        content: none
    }

    .vertical-in-div-flex .industry-iot-slide:first-child {
        margin-left: 150px
    }

    .vertical-in-div-flex .industry-iot-slide:last-child {
        margin-right: 400px
    }

    .home-page-project-slider .industry-iot-slide {
        height: 525px
    }

    #menu-header-menu .dropdown-menu {
        box-shadow: none;
        background-color: transparent;
        width: 100%
    }

    #menu-header-menu .dropdown-menu li {
        width: auto;
        height: auto;
        display: block
    }

    #menu-header-menu .dropdown-menu li a {
        color: #fff;
        border-bottom: 0
    }

    .contact-menu a {
        text-align: center;
        width: 169px;
        max-width: 100%;
        margin-left: 0;
        margin-top: 20px
    }

    .service_our-work .slick-slide .testimonial-slides {
        min-height: 850px !important
    }

    .content-box {
        height: 510px
    }

    .career-popup #gform_fields_2 li {
        padding: 0
    }

    .career-popup .gform_wrapper .gform_footer {
        margin-left: 0;
        padding-bottom: 30px
    }

    .eww-life-all-videos .tab-content:before {
        display: none
    }

    .eww-life-all-videos ul.tabs {
        margin-left: 0
    }

    .blog-box-design-inner:before {
        height: 50px !important;
        left: 77px !important
    }

    .single-post #toc_icon ul {
        max-height: max-content
    }

    .new-services ul li a p {
        margin-bottom: 15px !important
    }

    .service_our-work .slick-slide {
        margin-left: 5px;
        margin-right: 5px
    }

    .clients-text div.section-title-new {
        font-size: 70px !important
    }

    .clients-text {
        left: -131px
    }

    .infrastructure-inner p {
        font-size: 90px !important;
        line-height: 90px
    }

    .navbar .play-icon a {
        margin-left: 17px
    }

    .content-box {
        height: 730px
    }

    .service_our-work .slick-slide .testimonial-slides {
        min-height: 1040px !important
    }

    .ourwork-message-username p {
        padding-right: 30px
    }

    .arrow_up:before {
        right: 0
    }

    .translatey {
        transform: translateY(-82%)
    }

    .navbar {
        justify-content: space-between !important
    }

    #gform_widget-2 {
        display: block
    }

    .firmware-process-sec .firmware-process,
    .develop-app-process-steps {
        overflow-y: unset;
        height: auto
    }

    .industries-bar-sec .industries-bar-items img {
        width: 60px
    }

    .industries-bar-sec .industries-bar-items {
        font-size: 17px;
        width: max-content
    }

    .hiring-page-banner .hiring-head span.banner-title {
        font-size: 40px
    }

    .eww-service-box span {
        width: 22px
    }

    .eww-service-box .content {
        width: calc(100% - 22px)
    }

    .eww-service-box .content h3 {
        font-size: 18px !important
    }

    .eww-service-box .content p {
        font-size: 15px;
        line-height: 22px
    }

    .step-box-content {
        padding: 40px 170px 40px 40px
    }

    .step-box-listing-wrap {
        margin-left: -130px
    }

    .step-box-listing {
        padding: 15px
    }

    .step-box-listing ul li {
        font-size: 16px !important;
        background-size: 6px;
        padding-left: 12px
    }

    .steps-row .row.step-box-wrap:nth-child(even) .step-box-content {
        padding: 40px 40px 40px 170px
    }

    .steps-row .row.step-box-wrap:nth-child(even) .step-box-listing-wrap {
        margin-right: -130px
    }

    .steps-row .row.step-box-wrap:nth-child(even):before {
        left: 100px
    }

    .steps-row .row.step-box-wrap:nth-child(even):after {
        left: 117px
    }

    .book-ride-port .black-portion {
        margin-top: 0
    }

    .book-ride-port .grey-box-challenge {
        background-color: rgba(255, 255, 255, 17%);
        border-radius: 45px
    }

    .book-ride-port .content-grey-rounded {
        border-radius: 50px
    }

    .book-ride-port .two-ph-book-ride {
        position: static !important;
        height: auto;
        width: auto
    }

    .book-ride-port .content-grey-rounded-1 {
        border-radius: 50px
    }

    .services-industries .industries-box {
        padding: 1.4rem
    }

    .gaming-engaging-sec .gaming-engaging {
        overflow-y: unset;
        height: auto
    }

    .devprocess_slider .slick-list.draggable {
        padding-right: unset
    }

    .curee-cta-sec .cta-img-box img {
        border-bottom: 4px solid #000;
        border-radius: 40px
    }

    .curee-marketplace-3,
    .curee-marketplace-4 {
        grid-template-columns: minmax(300px, 500px);
        grid-row-gap: 25px;
        justify-content: center;
        justify-items: center
    }

    .dark-blue-icon {
        min-width: 58px !important;
        max-width: 58px;
        padding: 12px
    }

    .service-list {
        overflow-y: unset;
        height: auto
    }

    .patient-feature-img {
        position: inherit;
        max-width: 100%;
        bottom: 0
    }

    .brief-healthcare-bg {
        background-position: right 38% center
    }

    .key-highlight-sec .key-highlight-points .key-number {
        width: 40px
    }

    .project-relation-sec {
        border-radius: 48px 48px 0 0;
        margin-top: -50px
    }

    .project-relation-sec .relation-box {
        margin-top: -15%
    }

    .faced-challenges-sec .font-20 {
        font-size: 20px !important
    }

    .w-fit-content .font-22 {
        font-size: 18px !important
    }

    .healthcare-tab .accordian-chevron-down .card-header a {
        font-size: 22px;
        line-height: 32px
    }

    .mobile-menu {
        display: flex !important
    }

    .custom-mega-menu {
        display: none !important
    }

    .pricing-sec .price-item .font-36 {
        font-size: 26px !important
    }

    .pricing-sec .price-item .font-28 {
        font-size: 22px !important;
        line-height: 1.2 !important
    }

    .pricing-sec .price-item {
        font-size: 16px
    }
}

@media screen and (min-width:768px) {
    .experties-nav .menu-list>ul>li.show>ul {
        display: flex;
        flex-wrap: wrap
    }

    .experties-nav .menu-list>ul>li.show>a {
        color: #fff
    }

    .challenges-number.first-challenges-number:before {
        top: 50%;
        height: 50%
    }

    .challenges-number.last-challenges-number:before {
        top: 0;
        height: 50%
    }

    .challenges-number:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 4px;
        height: 100%;
        transform: translateX(-50%);
        background-color: #1946AE;
        z-index: -1;
        bottom: 0
    }

    .cure-feature-sec .curee-out-image img {
        max-width: 166%
    }

    .border-bottom-md-0 {
        border-bottom: 0 !important
    }

    .home-service-content-wrapper .card .card-header {
        display: none
    }

    .home-service-content-wrapper .card .collapse {
        display: block !important
    }

    .healthcare-content-wrapper .card .card-header {
        display: none
    }

    .healthcare-content-wrapper .card .collapse {
        display: block !important
    }
}

@media screen and (max-width:767px) {
    .home-service-content-wrapper {
        border: none
    }

    .home-service-content-wrapper .tab-pane {
        display: block !important;
        opacity: 1 !important
    }

    .home-service-content-wrapper .card-header a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #1647AD;
        width: 100%;
        padding: 15px 20px;
        color: #fff;
        font-size: 22px;
        line-height: 36px;
        pointer-events: auto
    }

    .home-service-content-wrapper .card-header h3 {
        font-weight: 700;
        margin: unset;
        padding: unset;
        line-height: 0px !important
    }

    .home-service-content-wrapper .accordion-button:not(.collapsed) i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .home-service-list-wrapper {
        max-height: 100%;
        overflow-y: unset
    }

    .home-service-content-wrapper .collapse:not(.show) {
        display: none
    }

    .sky-bg:after {
        width: auto !important
    }

    .bg-white.about-abc-con {
        position: unset
    }

    .margin-first .text-white.about-header-text {
        font-size: 50px !important
    }

    .single-item.slick-slider .slick-slide img {
        max-width: 100%;
        margin-left: 0
    }

    .play-btn {
        right: auto;
        bottom: -45px;
        top: auto;
        transform: translateY(-50%);
        left: 50%;
        transform: translateX(-50%)
    }

    ul#main-ul {
        margin-top: 50px
    }

    .experties-nav .big-nav .menu-list>ul>li>a {
        position: relative
    }

    .experties-nav .big-nav .menu-list ul li.menu-link>a:before {
        position: absolute;
        content: "";
        width: 35px;
        height: 20px;
        background: url(../image/up-arrow_white.png) no-repeat center center;
        right: 10px;
        top: 50%;
        transform: translateY(-50%) rotate(180deg);
        opacity: .2;
        transition: 0.2s ease
    }

    .experties-nav .big-nav .menu-list ul li.menu-link.show1>a:before {
        transform: translateY(-50%) rotate(0deg);
        opacity: 1
    }

    .experties-nav .menu-list>ul>li.show1>ul {
        display: flex;
        flex-wrap: wrap
    }

    .experties-nav .menu-list>ul>li.show1>a {
        color: #fff
    }

    .overlay .overlay-close {
        right: 15px
    }

    .banner-section .border-left,
    .our-clients .border-left {
        border-left: none !important
    }

    .banner-section .border-right,
    .our-clients .border-right {
        border-right: none !important
    }

    .margin-top-70 {
        margin-top: 40px
    }

    .margin-top-90 {
        margin-top: 45px
    }

    .sm-mt-40 {
        margin-top: 40px !important
    }

    .service-hire-ios img {
        margin-right: auto
    }

    .our-work-inner {
        padding: 20px
    }

    .our-work-inner-right img {
        margin: 40px auto
    }

    .bg-light-blue-color .our-work-inner {
        padding: 50px 20px 20px 20px
    }

    .service_our-work .bg-light-blue-color {
        margin-bottom: 30px
    }

    .our-partners-slider-bg {
        margin-top: 30px
    }

    .border-left {
        border-left: none !important
    }

    .border-right {
        border-right: none !important
    }

    .react-js-benefit-right ul {
        margin-left: 0;
        padding-bottom: 0
    }

    .reality-company {
        padding: 70px 20px
    }

    .ar_solutions {
        margin: 0 50px
    }

    .div-icon1:before {
        left: 40px
    }

    .div-icon2:before {
        left: 40px
    }

    .div-icon3:before {
        left: 40px
    }

    .advance-app-used .div-icon1:before,
    .advance-app-used .div-icon2:before,
    .advance-app-used .div-icon3:before,
    .advance-app-used .div-icon4:before,
    .advance-app-used .div-icon5:before,
    .advance-app-used .div-icon6:before,
    .advance-app-used .div-icon7:before,
    .advance-app-used .div-icon8:before {
        left: 0px !important;
        height: 45px;
        width: 45px
    }

    .light-grey-bg {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .director-section p.color-light-blue {
        min-height: 25px
    }

    .employee-benefits-perks .benefits-list {
        margin: 15px 0
    }

    .cbp-spmenu-vertical {
        width: 100%
    }

    .development-process-bg-img {
        padding: 70px 0
    }

    .pricing-banner-bg {
        padding: 100px 0
    }

    .pricing-modal-box-caption h2 {
        font-size: 26px !important
    }

    .hdd_our-hiring-models {
        border: none;
        margin-bottom: 0;
        padding: 30px;
        margin-top: 30px
    }

    .hdd_our-hiring-models-main {
        margin-bottom: 40px
    }

    .top-developers-eww .carousel-item {
        margin-right: -100%
    }

    .bg-black-color .ourwork-message {
        padding: 15px;
        margin-left: 0;
        margin-top: 25px;
        max-width: 100%
    }

    .next-app-of-the-week h4 {
        max-width: 70% !important
    }

    .eww-life-bottom {
        flex-basis: 45%;
        margin: 15px
    }

    .eww-life-all-videos li.tab-link {
        margin-left: -2.5px
    }

    .blog-newsleteer-section {
        padding: 35px 20px
    }

    .about-project .second-section {
        background-size: 60%;
        background-position: right center
    }

    .blue-gredient-bg {
        background: #297ED3
    }

    .highlight1:before {
        width: 100%
    }

    .highlight2:before {
        width: 100%
    }

    .highlight3:before {
        width: 100%
    }

    .portfolio-project-title span,
    .portfolio-project-title-home span {
        top: -4px;
        width: 100%;
        font-size: 50px !important
    }

    .hp-work-done .counter-box span {
        font-size: 45px
    }

    .text-animate .animate-text-2 {
        bottom: 185px
    }

    .navbar-collapse.show .navbar-nav {
        width: 70%
    }

    .cto-slider .slick-list {
        padding: 0
    }

    .cto-slider .slick-initialized .slick-slide {
        padding: 100px 25px 50px 10px
    }

    .client-slider-verticle .slick-dots {
        position: unset;
        display: flex;
        justify-content: center
    }

    .timeline-nodes:nth-child(odd) h3,
    .timeline-nodes:nth-child(odd) p {
        text-align: left
    }

    .timeline-nodes:nth-child(even) {
        flex-direction: row
    }

    .timeline-image {
        position: absolute;
        left: -1%;
        top: 24px
    }

    .timeline-nodes:nth-child(odd) .timeline-content::after {
        content: "";
        position: absolute;
        top: 5%;
        left: auto;
        right: 100%;
        width: 0;
        border-left: 0;
        border-right: 10px solid #efefef;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }

    .timeline-nodes:nth-child(even) .timeline-date {
        text-align: left
    }

    .iot-slider.service_our-work .slick-slide {
        margin-left: 15px;
        margin-right: 15px
    }

    .work-list .work-list-col:nth-child(even) .work-list-row .work-list-column {
        margin-left: 15px;
        margin-right: 15px
    }

    .work-list .work-list-col:nth-child(odd) .work-list-row .work-list-column {
        margin-left: 15px;
        margin-right: 15px
    }

    .footer-row {
        flex-direction: column-reverse
    }

    .porfolio-other:after {
        left: 100px
    }

    .home-page-project-slider .industry-iot-slide {
        height: auto
    }

    .relative-767 {
        position: relative !important
    }

    .mid-content {
        position: static;
        width: auto;
        min-height: auto
    }

    .mid-content-relative {
        position: static;
        width: 100%;
        height: 100%
    }

    .mid-content-relative-in {
        position: static;
        top: auto;
        height: auto;
        width: auto;
        overflow: visible
    }

    .vertical-in-div {
        position: static;
        height: auto;
        top: auto
    }

    .vertical-in-div-flex {
        position: static;
        display: block
    }

    .industry-iot-slide {
        position: static;
        height: auto;
        width: auto;
        margin-right: 0
    }

    .vertical-in-div-flex .industry-iot-slide:first-child {
        margin: 0 auto 30px
    }

    .vertical-in-div-flex .industry-iot-slide:last-child {
        margin: 0 auto 60px !important
    }

    .industry-iot-slide {
        position: static;
        width: 94%;
        margin: 0 auto 30px
    }

    .home-page-project-slider .industry-iot-slide {
        position: static;
        width: 94%;
        margin: 0 auto 30px
    }

    .experties-nav .menu-list>ul>li>ul>li.col3 {
        width: 100%;
        margin-bottom: 10px
    }

    .faq-main-page .faq-left {
        position: static !important;
        height: auto !important
    }

    .bg-black-color .our-work-inner-right img {
        margin: 0 auto 30px
    }

    .eww-life-bottom {
        flex-basis: 100%
    }

    .country-slider {
        padding: 0 35px
    }

    .write-for-us-banner {
        padding: 150px 15px
    }

    .font-30 {
        font-size: 20px !important
    }

    .bonus-section:before {
        width: 106% !important;
        height: 107% !important;
        left: -16px !important
    }

    .new-services:after {
        bottom: 550px !important
    }

    .font-40 {
        font-size: 26px !important
    }

    .btn-darkblue-white a {
        font-size: 16px;
        padding: 12px 20px !important
    }

    .experties-nav .menu-list>ul>li>ul>li.col3.cms-ecommerce,
    .experties-nav .menu-list>ul>li>ul>li.col3.cloud-database {
        display: block !important;
        width: 100%
    }

    .experties-nav .menu-list>ul>li>ul>li.col3.cms-ecommerce ul,
    .experties-nav .menu-list>ul>li>ul>li.col3.cloud-database ul {
        display: block !important
    }

    .iot-slider.service_our-work .slick-slide {
        min-height: 850px !important
    }

    .timeline::before {
        top: 32px !important;
        left: 24px !important
    }

    .content-box {
        height: 440px
    }

    .service_our-work .slick-slide .testimonial-slides {
        min-height: 1250px !important
    }

    .charges-div-center.zoom {
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s
    }

    .mobile-dev-menu .gm-dropdown-menu-wrapper ul li {
        width: 100%
    }

    .about_skr_port .green-dot::before,
    .about_skr_port .green-dot::after,
    .about_skr_port .chall_sec {
        display: none
    }

    .about_skr_port .green-dot {
        padding-left: 15px
    }

    .page-template-template-hireppc-php .border-right.ppc-box-hover {
        border-bottom: 1px solid #dee2e6
    }

    .page-template-template-hireppc-php .ppc-trans {
        transform: none
    }

    .page-template-template-hireppc-php .ppc-test {
        padding: 30px;
        border-top-left-radius: 60px;
        border-bottom-right-radius: 60px;
        font-size: 16px !important;
        margin: 50px auto 50px auto
    }

    .page-template-template-hireppc-php .ppc-test img {
        width: 100px
    }

    .about_online_education .curve_arrow::before {
        display: none
    }

    .about_online_education .about-client {
        margin-right: 0;
        border-radius: 0
    }

    .about_online_education .banner_img img {
        position: unset;
        height: auto;
        padding-top: 0
    }

    .about_online_education .about-first-section {
        padding-bottom: 0
    }

    .our_minds {
        grid-template-columns: auto auto
    }

    .rad-section .about-abc-con {
        position: unset
    }

    .btn-light-blue.btn-blue-radius .bozder-radius-16 {
        padding: .8em 1em
    }

    .industries-bar-sec .industries-bar-items img {
        width: 50px
    }

    .industries-bar-sec .industries-bar-items {
        font-size: 16px;
        width: 100%;
        max-width: 172px
    }

    .industries-bar-sec .industries-item-container .d-flex {
        flex-wrap: wrap;
        gap: 18px
    }

    .product-container .color-radio input {
        width: 18px;
        height: 18px
    }

    .smart-helmet-grid {
        grid-template-columns: 1fr;
        place-items: center
    }

    .smart-helmet-grid .grid-item-img {
        grid-column: 1;
        grid-row: 6 / span 5
    }

    .hiring-page-banner .hiring-head h1.banner-title {
        font-size: 40px !important
    }

    .sitemap_page_sec .sitemap_count {
        column-count: 2
    }

    .contact-menu a {
        text-align: center;
        width: 169px;
        max-width: 100%;
        margin-left: 0;
        margin-top: 20px
    }

    .navbar-brand img {
        width: 150px
    }

    .step-box-content {
        padding: 30px 60px 30px 30px
    }

    .row.step-box-wrap {
        flex-wrap: wrap;
        margin-bottom: 70px
    }

    .row.step-box-wrap:before {
        left: auto;
        right: 20px;
        z-index: 2
    }

    .steps-row .row.step-box-wrap:first-child:before {
        color: #000
    }

    .row.step-box-wrap:after {
        left: auto;
        right: 32px
    }

    .steps-row .row.step-box-wrap:first-child:after {
        background-color: #000
    }

    .step-box-listing-wrap {
        margin-left: 0;
        margin-top: -75px;
        padding: 0 30px 30px 30px
    }

    .steps-row .row.step-box-wrap:nth-child(even) .step-box-content {
        padding: 30px 30px 30px 60px
    }

    .steps-row .row.step-box-wrap:nth-child(even):before {
        left: 12px;
        right: auto
    }

    .steps-row .row.step-box-wrap:nth-child(even):after {
        right: auto;
        left: 29px
    }

    .steps-row .row.step-box-wrap:nth-child(even) .step-box-listing-wrap {
        margin: 0;
        margin-left: 0;
        margin-top: -75px;
        padding: 0 30px 30px 30px
    }

    .about_cta_sec .font-28 {
        font-size: 22px !important
    }

    .techstack_sec .techstack_grid {
        grid-template-columns: auto
    }

    .techstack_sec .techstack_grid .list-counter {
        display: block
    }

    .book-ride-port .about-h2-underline-center:before {
        left: 0%;
        transform: none
    }

    .book-ride-port .two-phone-content {
        margin-top: 0
    }

    .devprocess_slider .process_text::before {
        font-size: 40px;
        line-height: normal
    }

    .single-post h1 {
        font-size: 1.5rem !important
    }

    #text-3.widget h3 {
        font-size: 25px !important
    }

    .services-industries .industries-box {
        padding: .75rem
    }

    .our-clients .border-left {
        border-left: none !important
    }

    .our-clients .border-right {
        border-right: none !important
    }

    .margin-top-70 {
        margin-top: 30px
    }

    .section-banner-groupbased img {
        margin-top: 0
    }

    .banner-content .content_block {
        margin-top: 0
    }

    .section-finalmove {
        padding: 60px 0 40px
    }

    .contact-popup .popup-close-btn {
        right: -8px;
        top: -8px
    }

    .curee-points-sec .curee-points {
        grid-template-columns: repeat(1, 1fr);
        max-width: 410px
    }

    .curee-hero-sec .curee-hero-box {
        border-radius: 40px !important
    }

    .eww-service-box span:after {
        height: 50px
    }

    .dark-blue-icon {
        padding: 12px
    }

    .black-icon {
        width: 52px !important;
        min-width: 52px;
        max-width: 52px
    }

    .patient-feature-img {
        padding-block: 15px
    }

    .brief-healthcare-bg {
        background-position: left center
    }

    .key-highlight-sec .key-highlight-box img.border-golden {
        border-width: 0;
        height: auto;
        width: 100
    }

    .project-relation-sec {
        margin-top: -8%
    }

    .project-relation-sec .relation-box {
        margin-top: 0
    }

    .project-relation-sec .relation-box.border-radius-44 {
        border-radius: 35px
    }

    .project-relation-sec h2 {
        font-size: 22px !important
    }

    .w-fit-content .font-22 {
        font-size: 16px !important
    }

    .healthcare-content-wrapper .nav-link {
        font-size: 22px;
        line-height: 32px
    }

    .healthcare-content-wrapper .tab-pane {
        display: block !important;
        opacity: 1 !important
    }

    .healthcare-content-wrapper .card-header a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #1647AD;
        width: 100%;
        padding: 15px 20px;
        color: #fff;
        font-size: 22px;
        line-height: 32px;
        pointer-events: auto
    }

    .healthcare-content-wrapper .card-header h3 {
        font-weight: 700;
        margin: unset;
        padding: unset;
        line-height: 0px !important
    }

    .healthcare-tab .accordian-chevron-down .card-header a {
        font-size: 20px;
        line-height: 30px
    }

    .healthcare-content-wrapper .accordion-button:not(.collapsed) i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .healthcare-content-wrapper .collapse:not(.show) {
        display: none
    }

    .pricing-sec .price-item {
        font-size: 14px
    }
}

@media screen and (min-width:575px) {
    .redefining-services {
        margin-bottom: -10% !important
    }

    .contact-popup .modal-dialog {
        max-width: 1000px
    }
}

@media screen and (max-width:575px) {
    .home-service-content-wrapper .card-header a {
        padding: 8px 15px;
        font-size: 20px;
        line-height: 30px
    }

    .home-service-list-wrapper li {
        width: 100%;
        margin-bottom: 10px
    }

    .leap-info-footer-popup {
        max-width: 300px
    }

    .padding-top-bottom {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .our-clients-inner {
        padding: 20px
    }

    .service-hire-ios {
        padding: 20px;
        margin: 25px 5px 0
    }

    .reality-company {
        padding: 40px 20px
    }

    .bg-light-blue-color .ourwork-message {
        padding: 15px;
        margin-left: 0;
        margin-top: 25px;
        max-width: 100%
    }

    .bg-light-blue-color .our-work-inner {
        padding: 30px 10px 20px 10px
    }

    .faq-section .accordion {
        padding: 15px
    }

    .faq-section .card .card-header {
        padding: 1.75rem 0rem 1.75rem 0
    }

    .faq-section .card .card-body p {
        margin-left: 25px
    }

    .augmented-bg {
        padding: 40px 0
    }

    .carousel-inner .our-work-inner {
        padding: 0 20px 20px 20px
    }

    .ar_solutions {
        margin: 0 10px
    }

    .div-icon1:before {
        left: 5px;
        height: 45px;
        width: 45px
    }

    .div-icon2:before {
        left: 5px;
        height: 45px;
        width: 45px
    }

    .div-icon3:before {
        left: 5px;
        height: 45px;
        width: 45px
    }

    .margin-top-100 {
        margin-top: 40px
    }

    .margin-top-150 {
        margin-top: 50px
    }

    .btn-darkblue-white a {
        font-size: 15px;
        padding: 10px 18px !important
    }

    .startup-ideas-ecommerce img {
        height: 50px;
        width: 50px
    }

    .hire-react-native-scope {
        min-height: 93px
    }

    .career-popup .modal-dialog {
        margin: 80px 20px
    }

    .career-popup .modal-header .close {
        right: -20px;
        top: -20px
    }

    .infrastructure-inner h2 {
        font-size: 100px !important
    }

    .hire-developer-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1
    }

    .service_our-work .slick-slide {
        margin-left: 25px;
        margin-right: 25px
    }

    .service_our-work .slick-prev {
        left: 50%;
        transform: translateX(-50%);
        margin-left: -30px
    }

    .service_our-work .slick-next {
        left: 50%;
        transform: translateX(-50%);
        margin-left: 30px
    }

    .next-app-of-the-week h4 {
        max-width: 85% !important
    }

    .our-top-app-section img {
        display: flex;
        justify-content: center;
        padding: 0 0 30px 0;
        margin: 0 auto
    }

    .eww-life-bottom {
        flex-basis: 100%;
        margin: 15px 0
    }

    .about-project .second-section {
        background-size: 75%
    }

    #gform_submit_button_4 {
        line-height: 1
    }

    .our-offices-bg {
        padding-left: 20px
    }

    .banner-section-hp span.banner-title {
        font-size: 26px
    }

    .hp-testimonial ul.slick-dots {
        margin: 0 0 25px 0
    }

    .banner-section-hp {
        padding-top: 150px
    }

    .navbar-collapse.collapsing .navbar-nav {
        left: -70%
    }

    .cto-image {
        max-width: 150px;
        margin-top: -70px;
        min-width: auto
    }

    .cto-slider .slick-initialized .slick-slide {
        padding: 60px 25px 50px 10px
    }

    .cto-slider .slick-next {
        bottom: -10px;
        height: 25px
    }

    .cto-slide-btn {
        position: static;
        margin: 20px 0
    }

    .cto-slide {
        min-height: 700px
    }

    .timeline-image {
        left: -4%
    }

    .video-modal .close {
        position: absolute;
        right: 0;
        top: -50px
    }

    .ai-process .process_pointers_sec {
        padding-inline: 5px
    }

    .experties-nav .big-nav .menu-list>ul>li>a {
        font-size: 40px;
        line-height: 45px
    }

    .cbp-spmenu .gform_wrapper ul.gfield_checkbox li,
    .cbp-spmenu .gform_wrapper ul.gfield_radio li {
        width: 50%
    }

    .contact-us .gform_wrapper ul.gfield_checkbox li,
    .contact-us .gform_wrapper ul.gfield_radio li {
        width: 50%
    }

    .single-post blockquote,
    .appoftheweek-template-default blockquote,
    body.author blockquote {
        padding: 30px 15px 15px 15px;
        margin: 30px 0 30px 10px
    }

    .single-post blockquote:before,
    .appoftheweek-template-default blockquote:before,
    body.author blockquote:before {
        width: 45px;
        height: 45px;
        left: -20px;
        top: -10px
    }

    .gform_wrapper ul.gfield_checkbox li label,
    .gform_wrapper ul.gfield_radio li label {
        width: 90% !important
    }

    .cbp-spmenu {
        padding: 30px 15px
    }

    .our-team-img-caption {
        min-height: auto
    }

    .blog-box-design-inner:before {
        height: 50px !important;
        left: 58px !important
    }

    .service_our-work .slick-slide {
        margin-left: 20px;
        margin-right: 20px
    }

    .clients-text div.section-title-new {
        font-size: 50px !important
    }

    .clients-text {
        left: -92px
    }

    .iot-slider.service_our-work .slick-slide {
        min-height: 630px !important
    }

    .contact-us .gform_wrapper .gform_footer {
        text-align: center
    }

    .cbp-spmenu .gform_wrapper .gform_footer {
        text-align: center
    }

    .our-work-inner {
        padding: 20px 0 !important
    }

    .ourwork-message-username p {
        margin-left: 0;
        margin-top: 5px;
        padding-bottom: 5px;
        max-width: 100%
    }

    .arrow_up:before {
        top: auto;
        bottom: 12px
    }

    .translatey {
        transform: translateY(-70%)
    }

    .service_our-work .slick-slide .testimonial-slides {
        min-height: 1300px !important
    }

    .translatey .arrow_up:before {
        top: auto;
        bottom: 20px
    }

    .single-post .about_cta_sec a.btn {
        font-size: 18px !important
    }

    .about_cta_sec .font-20 {
        font-size: 16px !important;
        line-height: 20px !important
    }

    .our_minds {
        grid-template-columns: auto
    }

    #portfolio_slider .mr-200 {
        margin-right: 0px !important
    }

    .partnership-with-us .steps_ui-ux_eww .bg-num {
        top: -20px;
        z-index: 1
    }

    .partnership-with-us .steps_ui-ux_eww .vertical-steps .bg-num {
        font-size: 45px;
        top: -11px;
        opacity: 1
    }

    .partnership-with-us .steps_ui-ux_eww .steps_ui-ux {
        background: #fff
    }

    .partnership-with-us .flow-border:before {
        display: none
    }

    .partnership-with-us .mobile-flow-border:before {
        content: "";
        width: 0;
        height: calc(100% + 11vw);
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-left-width: 0;
        z-index: -1;
        border-top-width: 0;
        border-style: dashed
    }

    .stats-box-design {
        width: 95%;
        padding: 45px 35px
    }

    .stats-box-design .linebar:before,
    .stats-box-design .linebar:after {
        height: 3px
    }

    .stats-box-design .linebar:before {
        left: -15px;
        top: 16px
    }

    .stats-box-design .linebar:after {
        right: -15px;
        bottom: 16px
    }

    .stats-box-design .linebar .stats-box-arrow:before,
    .stats-box-design .linebar .stats-box-arrow:after {
        height: 60px;
        width: 25px
    }

    .stats-box-design .linebar .stats-box-arrow:before {
        right: -50px;
        top: -10px
    }

    .stats-box-design .linebar .stats-box-arrow:after {
        left: -50px;
        bottom: -11px
    }

    .industries-bar-sec .industries-bar-items {
        font-size: 16px;
        width: 100%;
        max-width: 135px
    }

    .tech-stack .tech-stack-box {
        width: max-content
    }

    .tech-stack .tech-stack-box .tech-stack-items {
        gap: 18px
    }

    .hiring-page-banner .gform_wrapper .gravity-theme .gfield.gfield--width-half {
        grid-column: span 12 !important
    }

    .hiring-page-banner .hiring-head span.banner-title {
        font-size: 26px
    }

    .hiring-page-banner {
        padding-top: 175px
    }

    .grecaptcha-badge {
        display: none !important
    }

    .awesome-iframe .onlyBubbleLarge #button {
        bottom: 12px !important
    }

    .popup-form #field_1_6 .gfield_description {
        font-size: 14px
    }

    .popup-form #field_1_3.gfield,
    .popup-form #field_1_1.gfield,
    .popup-form #field_1_16.gfield,
    .popup-form #field_1_13.gfield {
        grid-column: span 12 !important
    }

    .popup-form .gform_body .gfield input,
    .popup-form .gform_body .gfield select,
    .popup-form .gform_body .gfield textarea {
        font-size: 16px !important
    }

    .curee-hero-sec .curee-hero-box {
        border-radius: 40px !important
    }

    .curee-hero-sec .driver-app-link {
        gap: 15px
    }

    .popup-form #gform_fields_3 .gfield {
        grid-column: 1 /3
    }

    .career-popup .file-upload-btn input[type="file"]:after {
        width: 100%
    }

    .taxi_page .counter h3:before {
        font-size: 30px;
        line-height: 28px;
        right: 3px
    }

    #leap-hero-sec {
        background-image: none !important;
        background-color: #005AFF
    }

    #gform_wrapper_11 h2.gform_title {
        font-size: 25px !important
    }

    .gform_wrapper.gravity-theme .gform_fields {
        grid-row-gap: 2px
    }

    .dark-blue-icon {
        min-width: 50px !important;
        max-width: 50px;
        padding: 10px
    }

    .black-icon {
        width: 45px !important;
        min-width: 45px;
        max-width: 45px
    }

    .iottech-tabs {
        gap: 30px
    }

    .blogcarouselcontrols .carousel-control-next,
    .blogcarouselcontrols .carousel-control-prev {
        top: 0;
        transform: translateY(0)
    }

    .blogcarouselcontrols .carousel-control-next-icon,
    .blogcarouselcontrols .carousel-control-prev-icon {
        width: 30px !important;
        height: 30px !important
    }

    .blogcarouselcontrols .carousel-control-prev-icon {
        left: calc(100vw - 110px);
        top: -23px
    }

    .blogcarouselcontrols .carousel-control-next-icon {
        right: 5px;
        top: -23px
    }

    .challenge-number {
        top: -30%;
        top: -35px;
        font-size: 60px !important
    }

    .project-relation-sec {
        border-radius: 28px 28px 0 0
    }

    .project-relation-sec .relation-box.border-radius-44 {
        border-radius: 20px
    }

    .navbar-collapse.show .navbar-nav.mobile-menu {
        padding-inline: 10px !important
    }

    .navbar .mobile-menu .dropdown-menu {
        border-radius: 10px
    }

    .mobile-menu>div>a {
        font-size: 16px
    }

    .mobile-menu .dropdown-menu .menu-item-has-children.nav-item>.nav-link {
        margin-bottom: 8px
    }

    .mobile-menu .dropdown-menu .menu-item-has-children.nav-item>div .menu-item a {
        padding-block: 6px;
        line-height: 22px
    }

    .mobile-menu .dropdown-menu .menu-item-has-children.nav-item {
        font-size: 14px
    }

    .healthcare-tab .nav-tabs.healthtech-tabs .nav-link.active:after,
    .healthcare-tab .nav-tabs.healthtech-tabs .nav-link.active:before {
        height: 12px;
        width: 12px;
        bottom: -12px
    }

    .healthcare-tab .nav-tabs.healthtech-tabs .nav-link.active:after {
        left: calc(50% - 10px);
        transform: translateX(calc(-50% + 5px))
    }

    .healthcare-tab .nav-tabs.healthtech-tabs .nav-link.active:before {
        right: calc(50% + -9px);
        transform: translateX(calc(-50% + 9px))
    }

    .healthcare-content-wrapper .card-header a,
    .accordian-chevron-down .card-header a {
        font-size: 20px;
        line-height: 32px
    }
}

@media screen and (max-width:480px) {
    .leap-info-footer-popup {
        max-width: 300px
    }

    .write-for-us-banner {
        background-position: center left -355px;
        padding: 100px 15px
    }

    .startup-ideas-ecommerce img {
        margin-top: 10px;
        margin-bottom: 10px
    }

    img.line-sepatator {
        max-height: 120px;
        width: 15px
    }

    .hire-react-native-banner {
        padding: 30px 11px
    }

    .reality-company p {
        margin-bottom: 15px
    }

    .hiring-model-table-bg tbody td {
        padding-left: 20px
    }

    .hiring-model-table-bg {
        padding: 30px 20px 20px
    }

    .hiring-model-table-bg td:before {
        padding: 0
    }

    .employee-benefits-perks .benefits-list {
        padding: 15px 15px
    }

    .testimonial-bg-img {
        padding: 40px 20px
    }

    .career-popup .modal-dialog {
        margin: 60px 15px
    }

    .career-popup .modal-header {
        padding: 4rem .5rem 1rem
    }

    .career-popup .modal-header .close {
        right: 10px;
        top: 10px
    }

    .ds_devices ul li,
    .ds_firewall ul li {
        margin-right: 0
    }

    .mail-icon {
        width: 35px;
        height: 35px;
        padding-right: 38px;
        background-position: left -4px top -248px;
        background-size: 467px
    }

    .call-icon {
        width: 35px;
        height: 35px;
        padding-right: 38px;
        background-position: left -4px top -248px;
        background-size: 467px
    }

    .about-project .second-section {
        background: none;
        padding: 30px 0
    }

    .d-block480 {
        display: block !important
    }

    ul#input_4_1 {
        display: block
    }

    ul#input_4_2 {
        display: block
    }

    .clients-text div.section-title-new {
        font-size: 45px !important
    }

    .testimonial-text {
        right: -220px
    }

    .testimonial-text div.section-title-new {
        font-size: 70px !important
    }

    .experties-text #trigger-overlay {
        background-position: 89%;
        background-size: 12px;
        padding: 7px 10px;
        font-size: 15px
    }

    .navbar-brand a img {
        width: 120px
    }

    .cto-slider .slick-initialized .slick-slide {
        padding: 60px 15px 50px 0
    }

    .porfolio-other:after {
        left: 40px
    }

    .aboutus-clutch .clutch-rating .clutch-rating-point {
        font-size: 25px !important
    }

    .clutch-rating-img {
        max-width: 120px;
        margin: 0 10px 8px 10px !important
    }

    .clutch-rating-img img {
        width: 100%;
        margin: 0 !important
    }

    .portfolio-project-title span,
    .portfolio-project-title-home span {
        top: 0;
        font-size: 30px !important;
        left: 0
    }

    .career-popup #field_2_9 {
        display: block
    }

    .overlay .overlay-close {
        width: 30px;
        height: 50px;
        top: 43px;
        font-size: 35px;
        line-height: 30px
    }

    .experties-text i {
        margin-left: 10px
    }

    .bonus-section:before {
        width: 106% !important;
        height: 104% !important;
        left: -5px !important
    }

    .clients-text {
        left: -83px !important
    }

    .iot-slider.service_our-work .slick-slide {
        min-height: 760px !important
    }

    .timeline::before {
        left: 14px !important
    }

    .career-popup .modal-header {
        padding: 4rem 1.5rem 1rem
    }

    .service_our-work .slick-slide .testimonial-slides {
        min-height: 1340px !important
    }

    .content-box {
        height: 680px
    }

    .translatey {
        transform: translateY(-79%)
    }

    .arrow_up:before {
        right: 0
    }

    .cat-list li {
        font-size: 14px
    }

    .new_post_cat.category-list li:after {
        padding: 0 4px
    }

    #gform_1 .gfield.gfield--width-third {
        grid-column: span 12 !important;
        -ms-grid-column-span: 12
    }
}

@media screen and (max-width:400px) {
    .iot-slider.service_our-work .slick-slide {
        min-height: 940px !important
    }
}

@media screen and (max-width:320px) {
    .country-slider {
        padding: 0
    }

    .country-slider .slick-prev {
        left: 30%;
        transform: translateX(-30%);
        top: 95%;
        width: 40px;
        height: 35px
    }

    .country-slider .slick-next {
        right: 30%;
        transform: translateX(-30%);
        top: 95%;
        width: 40px;
        height: 35px
    }

    .porfolio-other:after {
        left: 30px;
        transform: rotate(4deg);
        top: -10px
    }

    .portfolio-project-title1 span {
        font-size: 3vw !important;
        color: #000;
        opacity: .05;
        position: absolute;
        line-height: 80px;
        left: -3px;
        top: -45px;
        width: 200%;
        max-width: 100%
    }

    .page-heading-line::before {
        content: '';
        position: absolute;
        width: 40px;
        height: 4px;
        background-color: #1946AE;
        border-radius: 50px;
        top: 0
    }

    .about-border-width::before {
        content: '';
        position: absolute;
        width: 200px;
        background-color: #1A2B5F;
        height: 2px;
        bottom: -20px
    }

    .about-img-background-color {
        border-radius: 50%;
        background-color: rgb(25 70 174 / 17%)
    }

    .portfolio-project-title1 h3:before {
        position: absolute;
        content: "";
        width: 50px;
        height: 6px;
        border-radius: 50px;
        background-color: #ECA500;
        top: 22px;
        left: 1px;
        z-index: -1
    }

    .orange-color-h3 {
        color: #FF9F40
    }

    .product-devlop-sec {
        margin-right: 100px;
        background: #fff;
        margin-bottom: 150px;
        margin-top: -220px
    }
}

@media only screen and (max-width:1200px) and (min-width:991px) {
    .product-devlop-sec {
        margin-top: -100px
    }

    .charges-div .charges h3,
    .charges-div-center h3 {
        font-size: 27px !important
    }

    .devprocess_slider .slick-list.draggable {
        padding-right: 150px
    }
}

@media only screen and (max-width:991px) and (min-width:320px) {
    .product-devlop-sec {
        margin-top: 0
    }

    .charges-div .charges h3,
    .charges-div-center h3 {
        font-size: 25px !important
    }
}

@media only screen and (max-width:768px) and (min-width:320px) {
    .gt-banner .gt-banner-btn.specialist-btn {
        position: unset;
        transform: unset
    }
}

#menu-new-menu {
    gap: 12px
}

.mobile-dev-menu .gm-dropdown-menu-wrapper ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.mobile-dev-menu .gm-dropdown-menu-wrapper ul li {
    width: 50%
}

.mobile-c-form {
    position: fixed;
    bottom: 0;
    background: #fff;
    padding: 0 50px;
    display: none;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);
    z-index: 9999
}

a.close-mobile-c-form {
    background-color: #1a2b5f;
    max-width: 35px;
    max-height: 35px;
    padding: 10px;
    border-radius: 50%;
    line-height: 0;
    opacity: 1;
    margin-top: 25px;
    position: absolute;
    top: -14px;
    right: 11px
}

a.close-mobile-c-form img {
    width: 100%
}

@media (max-width:575px) {
    .grecaptcha-badge {
        display: none !important
    }

    .awesome-iframe .onlyBubbleLarge #button {
        bottom: 12px !important
    }
}

.page-id-10021 #gform_wrapper_11 .gform_title {
    color: #1a2b5f;
    font-weight: 600
}

.page-id-10021 #gform_submit_button_11 {
    background: #1647ad;
    color: #fff
}

.page-id-10021 .entry-content {
    margin-top: 0
}

.taxi_page .counter {
    counter-reset: taxi
}

.taxi_page .counter h3:before {
    counter-increment: taxi;
    content: "0" counter(taxi);
    position: absolute;
    font-size: 40px;
    line-height: 40px;
    right: 0;
    color: rgb(0 0 0 / 10%)
}

.gform_wrapper_14 .gform-icon--close,
#gform_3_validation_container .gform-icon.gform-icon--close {
    display: none
}

.our_solution_part .gm-grid-row .front-end-framework .gm-dropdown-menu-wrapper ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.our_solution_part .gm-grid-row .front-end-framework .gm-dropdown-menu-wrapper ul li {
    width: 50%
}

.hire_new_developers_sec .hire_sec_hover:hover {
    background: #f6f6f6;
    transform: scale(1.02)
}

.hire_dev_tab_sec .hire_dev_table tr td:first-child {
    width: 31%;
    text-align: left;
    vertical-align: middle;
    padding: 20px;
    font-weight: 700
}

.hire_dev_tab_sec .hire_dev_table thead tr {
    box-shadow: 0 0 10px 0 #ccc;
    font-size: 24px
}

.hire_dev_tab_sec .hire_dev_table tr td {
    width: calc(23% - 0px);
    text-align: center;
    vertical-align: middle;
    padding: 20px;
    border-top: 0
}

.hire_dev_tab_sec .hire_dev_table tbody tr td:nth-child(3) {
    background: #f2f2ff;
    box-shadow: 0 4px 10px 0 #ccc
}

#gform_wrapper_3 h3.gform_title {
    color: #1a2b5f
}

.sitemap_page_sec .sitemap_count2 {
    column-count: 2
}

.sitemap_page_sec .sitemap_count3 {
    column-count: 3
}

.sitemap_page_sec ul {
    list-style-type: circle
}

@media screen and (max-width:767px) {
    .sitemap_page_sec .sitemap_count {
        column-count: 2
    }
}

#menu-item-11871 {
    background: #1a2b5f
}

#menu-item-11871 .gm-menu-item__txt {
    color: #FFF
}

.ppc_fea_tab ul li .nav-link {
    color: #000
}

.ppc_fea_tab ul li .nav-link.active {
    font-weight: 700;
    border: 1px solid #000
}

.ppc_cta_design .ppc_before_line::before {
    content: '';
    position: absolute;
    top: -15px;
    left: 15px;
    width: 40px;
    height: 8px;
    background: #fc6500
}

.ppc_cta_design .ppc_cta_btn_a {
    background: #fc6500
}

#gform_wrapper_15 h2.gform_title {
    text-transform: none;
    text-align: center;
    color: #1647ad
}

#gform_wrapper_15 p.gform_required_legend {
    display: none
}

#gform_11 .gform-body {
    width: 97%
}

@media only screen and (max-width:1024px) and (min-width:320px) {
    #gform_11 .gform-body {
        width: 100%
    }
}