.pre-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 999999999
}

.pre-loader-wrap {
    display: flex;
    align-items: center;
    height: 100vh;
    justify-content: center
}

.pre-loader-content-box {
    text-align: center;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 15px
}

.pre-loader-logo {
    margin-bottom: 20px
}

.pre-loader-text {
    font-size: 50px;
    line-height: 1.3;
    color: #202122;
    font-weight: 700
}

.pre-loader-icon {
    margin: 40px 0 0
}

.newtons-cradle {
    width: 100px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto
}

.newtons-cradle div {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ec7323
}

.newtons-cradle div:nth-of-type(1) {
    transform: translateX(-100%);
    animation: left-swing .5s ease-in alternate infinite
}

.newtons-cradle div:nth-of-type(3) {
    transform: translateX(-95%);
    animation: right-swing .5s ease-out alternate infinite
}

@keyframes left-swing {
    100%, 50% {
        transform: translateX(95%)
    }
}

@keyframes right-swing {
    50% {
        transform: translateX(-95%)
    }
    100% {
        transform: translateX(100%)
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@media (max-width: 1199px) {
    .pre-loader-content-box {
        max-width: 750px
    }

    .pre-loader-text {
        font-size: 40px
    }
}

@media (max-width: 767px) {
    .pre-loader-text {
        font-size: 24px
    }
}

body {
    font-family: Montserrat, sans-serif;
    margin: 0;
    padding: 0;
    color: #202122;
    font-size: 14px
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 0;
    margin: 0;
  
}

.container {
    width: 100% !important;
    max-width: 1170px;
    margin: 0 auto
}

.container-2 {
    width: 100% !important;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 15px
}

a {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    color: #fff;
    cursor: pointer
}

a:active, a:focus, a:hover {
    outline: 0;
    text-decoration: none
}

a:hover {
    color: #ddddddd6
}

ol, ul {
    list-style: none;
    padding: 0;
    margin: 0
}

li {
    display: inline
}

p {
    font: normal 14px/22px Montserrat, sans-serif;
    color: #6a6d6f
}

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

h1, h2, h3, h4, h5, h6 {
    font-weight: 700
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.no-padding {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

.clearfix {
    clear: both
}

.mt-0 {
    margin-top: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mt-10 {
    margin-top: 10px !important
}

.ml-10 {
    margin-left: 10px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mt-20 {
    margin-top: 20px !important
}

.ml-20 {
    margin-left: 20px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mt-30 {
    margin-top: 30px !important
}

.ml-30 {
    margin-left: 30px !important
}

.mr-30 {
    margin-right: 30px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mt-40 {
    margin-top: 40px !important
}

.ml-40 {
    margin-left: 40px !important
}

.mr-40 {
    margin-right: 40px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mt-50 {
    margin-top: 50px !important
}

.ml-50 {
    margin-left: 50px !important
}

.mr-50 {
    margin-right: 50px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mt-60 {
    margin-top: 60px !important
}

.ml-60 {
    margin-left: 60px !important
}

.mr-60 {
    margin-right: 60px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.mt-70 {
    margin-top: 70px !important
}

.ml-70 {
    margin-left: 70px !important
}

.mr-70 {
    margin-right: 70px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.mt-80 {
    margin-top: 80px !important
}

.ml-80 {
    margin-left: 80px !important
}

.mr-80 {
    margin-right: 80px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.mt-90 {
    margin-top: 90px !important
}

.ml-90 {
    margin-left: 90px !important
}

.mr-90 {
    margin-right: 90px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.mt-100 {
    margin-top: 100px !important
}

.ml-100 {
    margin-left: 100px !important
}

.mr-100 {
    margin-right: 100px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pt-10 {
    padding-top: 10px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pr-20 {
    padding-right: 20px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pr-30 {
    padding-right: 30px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pr-40 {
    padding-right: 40px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pr-50 {
    padding-right: 50px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pr-60 {
    padding-right: 60px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pl-70 {
    padding-left: 70px !important
}

.pr-70 {
    padding-right: 70px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pl-80 {
    padding-left: 80px !important
}

.pr-80 {
    padding-right: 80px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pl-90 {
    padding-left: 90px !important
}

.pr-90 {
    padding-right: 90px !important
}

.pb-90 {
    padding-bottom: 90px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pl-100 {
    padding-left: 100px !important
}

.pr-100 {
    padding-right: 100px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.padding-60 {
    padding: 60px 0
}

.padding-120-60 {
    padding: 120px 0 60px
}

.padding-6030 {
    padding: 60px 0 30px
}

.padding-60-00 {
    padding: 60px 0 0
}

.padding-00-60 {
    padding: 0 0 60px
}

.padding-00-30 {
    padding: 0 0 30px
}

.o-hidden {
    overflow: hidden
}

.o-visible {
    overflow: visible
}

.z-index1 {
    z-index: 1
}

.z-index2 {
    z-index: 2
}

.z-index3 {
    z-index: 3
}

.z-index4 {
    z-index: 4
}

.z-index5 {
    z-index: 5
}

.z-index6 {
    z-index: 6
}

.z-index7 {
    z-index: 7
}

.z-index8 {
    z-index: 8
}

.z-index9 {
    z-index: 9
}

.z-index10 {
    z-index: 10
}

.opacity-01 {
    opacity: .1 !important
}

.opacity-015 {
    opacity: .15 !important
}

.opacity-02 {
    opacity: .2 !important
}

.opacity-025 {
    opacity: .25 !important
}

.opacity-03 {
    opacity: .3 !important
}

.opacity-035 {
    opacity: .35 !important
}

.opacity-04 {
    opacity: .4 !important
}

.opacity-045 {
    opacity: .45 !important
}

.opacity-05 {
    opacity: .5 !important
}

.opacity-055 {
    opacity: .55 !important
}

.opacity-06 {
    opacity: .6 !important
}

.opacity-065 {
    opacity: .65 !important
}

.opacity-07 {
    opacity: .7 !important
}

.opacity-075 {
    opacity: .75 !important
}

.opacity-08 {
    opacity: .8 !important
}

.opacity-085 {
    opacity: .85 !important
}

.opacity-09 {
    opacity: .9 !important
}

.opacity-095 {
    opacity: .95 !important
}

.opacity-1 {
    opacity: 1 !important
}

.p-absolute {
    position: absolute
}

.p-relative {
    position: relative
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%
}

.btn-custome {
    background: #ec7323 !important;
    box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .2) !important;
    color: #fff !important;
    padding: 15px 25px;
    border-radius: 5px !important;
    line-height: 1;
    font-size: 14px;
    display: inline-flex;
    position: relative;
    border: none
}

.btn-custome:focus, .btn-custome:hover {
    background: #343535 !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) !important
}

.btn-custome.btn-lg {
    padding: 15px 40px;
    font-size: 20px
}

.btn-custome-small {
    padding: 10px 20px
}

::-webkit-input-placeholder {
    opacity: 1
}

::-moz-placeholder {
    opacity: 1
}

:-ms-input-placeholder {
    opacity: 1
}

:-moz-placeholder {
    opacity: 1
}

.rounded10 {
    border-radius: 10px !important
}

.box-shadow {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.m-height-450 .mhbox {
    min-height: 450px
}

.m-height-380 .mhbox {
    min-height: 380px
}

.m-height-340 .mhbox {
    min-height: 340px
}

.m-height-320 .mhbox {
    min-height: 320px
}

.m-height-300 .mhbox {
    min-height: 300px
}

.m-height-280 .mhbox {
    min-height: 280px
}

.m-height-260 .mhbox {
    min-height: 260px
}

.m-height-240 .mhbox {
    min-height: 240px
}

.m-height-220 .mhbox {
    min-height: 220px
}

.m-height-170 .mhbox {
    min-height: 170px
}

.m-height-150 .mhbox {
    min-height: 150px
}

.m-height-130 .mhbox {
    min-height: 130px
}

body.overflow-hidden {
    overflow: hidden
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    -ms-transition: all .7s ease-out;
    transition: all .7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, .45)
}

.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, .7)
}

.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, .7)
}

.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, .7)
}

.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, .7)
}

.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, .7)
}

.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, .7)
}

.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important
}

.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none
}

.waves-block {
    display: block
}

a.waves-effect .waves-ripple {
    z-index: -1
}

.title {
    width: 100%;
    text-align: center;
    margin-bottom: 50px
}

.title span {
    font-size: 16px;
    font-weight: 500;
    color: #ec7323
}

.title p {
    max-width: 900px;
    margin: 15px auto 0
}

.title h2 {
    font-size: 34px;
    line-height: 1.3;
    margin: 0;
    color: #202122
}

.title.white_title span {
    background: #fff
}

.title.white_title {
    position: relative;
    z-index: 9
}

.title.white_title p {
    color: #fff
}

.title.white_title h2 {
    -webkit-text-fill-color: #fff;
    margin-top: 5px
}

.title2 {
    width: 100%;
    float: left
}

.title2 p {
    font: 500 16px/20px Lora;
    margin: 0;
    color: #333
}

.title2 h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 36px;
    margin: 3px 0 20px;
    position: relative;
    padding-bottom: 10px
}

section {
    width: 100%
}

c.white-bg {
    top: -51px;
    transition: all .3s ease
}

c {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transition: all .3s ease;
    z-index: 99999
}

.mobile_menu {
    display: none
}

#share_btn {
    font-size: 22px;
    display: none;
    position: absolute;
    right: 15px;
    top: 13px;
    z-index: 999;
    color: #202122 !important;
    cursor: pointer
}

#estimate-mobile-btn {
    position: absolute;
    right: 15px;
    top: 8px;
    z-index: 999;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 50px;
    display: none
}

#estimate-mobile-btn .fas {
    margin: 0 4px 0 0;
    font-size: 15px
}

#top {
    width: 100%;
    background: #202122;
    padding: 6px 0
}

.c_social {
    display: inline-block
}

.c_contact {
    display: inline-block;
    color: #fff;
    font-size: 14px
}

.c_contact li {
    padding: 0 25px;
    position: relative;
    display: inline-flex;
    align-items: center
}

.c_contact li:last-child {
    border: none
}

.c_social li a {
    width: 33px;
    height: 33px;
    background: #0d0d0e;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin: 1px;
    color: #fff;
    font-size: 14px
}

.c_social li:last-child a {
    margin-right: 0
}

.c_social li a span {
    font-size: 0
}

#top p {
    margin: 0 10px 0 0;
    color: #fff
}

.c_contact li:first-child {
    padding-left: 0
}

.c_contact li:first-child:before {
    content: '';
    width: 1px;
    height: 8px;
    background: #fff;
    opacity: .3;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.c_contact li a {
    font-size: 13px
}

.c_contact li i {
    color: #ec7323;
    font-size: 24px;
    margin-right: 10px
}

.c_social li a:hover {
    background: #fff;
    color: #000
}

.main-c-wrap {
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.c-c {
    padding: 8px 0
}

.main-c {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    border-radius: 0 0 5px 5px;
    background: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .3);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.main-c-wrap.fullwidth {
    max-width: 100%;
    border-radius: 0;
    background-color: #fff
}

.main-c-wrap.fullwidth .main-c {
    box-shadow: none
}

nav.c {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    position: static;
    padding: 0 15px;
    min-height: inherit;
    border: 0
}

.c-c img {
    width: 230px
}

.c-nav {
    flex-direction: row;
    align-items: center
}

.main-c .c-nav > li {
    padding: 0 12px;
    line-height: 88px;
    position: relative;
    display: inline-block
}

.main-c .c-nav > li.megamenumain {
    position: static
}

.main-c .c-nav > li:last-child {
    padding-right: 0;
    line-height: inherit;
    display: inline-flex;
    vertical-align: middle
}

.main-c .c-nav > li:last-child a {
    line-height: 1
}

.main-c .c-nav > li:first-child {
    padding-left: 0
}

.main-c .c-nav > li > a {
    color: #333;
    font-weight: 500
}

.main-c .c-nav > li.active > a, .main-c .c-nav > li > a:hover {
    color: #ec7323
}

.sub-menu-normal {
    display: none;
    position: absolute;
    top: 99%;
    background-color: #fff;
    width: 240px;
    left: 0;
    padding: 10px 0;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .15)
}

.sub-menu-normal > li {
    display: block;
    line-height: 1;
    padding: 12px 20px
}

.sub-menu-normal > li > a {
    color: #202122;
    position: relative;
    padding-left: 15px
}

.sub-menu-normal > li > a:before {
    content: "\f105";
    color: #202122;
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sub-menu-normal > li > a:focus, .sub-menu-normal > li > a:hover {
    color: #ec7323;
    padding-left: 20px
}

.sub-menu-normal > li > a:focus:before, .sub-menu-normal > li > a:hover:before {
    left: 5px;
    color: #ec7323
}

.sub-menu-wrap {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background-color: #fff;
    -webkit-box-shadow: inset 0 5px 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 5px 10px 0 rgba(0, 0, 0, .3);
    box-shadow: inset 0 5px 10px 0 rgba(0, 0, 0, .3)
}

.sub-menu {
    max-width: 1350px;
    width: 100%;
    margin: 0 auto
}

.sub-menu > li {
    width: 25%;
    float: left;
    line-height: 1
}

.mainmenuicon {
    padding-right: 10px
}

.mainmenuicon svg {
    width: 60px;
    height: 60px;
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mainmenuicon svg circle, .mainmenuicon svg ellipse, .mainmenuicon svg line, .mainmenuicon svg path, .mainmenuicon svg polygon, .mainmenuicon svg rect {
    fill: #202122
}

.sub-menu > li > a {
    display: flex;
    align-items: center;
    color: #202122;
    font-size: 18px;
    padding: 20px 10px 20px 15px;
    font-weight: 500;
    border-bottom: 1px solid #202122;
    transition: inherit
}

.solution-menu .sub-menu > li > a {
    pointer-events: none
}

.sub-menu > li.active > a, .sub-menu > li > a:hover {
    color: #fff;
    background-color: #ec7323;
    border-bottom: 1px solid #ec7323
}

.sub-menu > li.active > a .mainmenuicon svg circle, .sub-menu > li.active > a .mainmenuicon svg ellipse, .sub-menu > li.active > a .mainmenuicon svg line, .sub-menu > li.active > a .mainmenuicon svg path, .sub-menu > li.active > a .mainmenuicon svg polygon, .sub-menu > li.active > a .mainmenuicon svg rect, .sub-menu > li > a:hover .mainmenuicon svg circle, .sub-menu > li > a:hover .mainmenuicon svg ellipse, .sub-menu > li > a:hover .mainmenuicon svg line, .sub-menu > li > a:hover .mainmenuicon svg path, .sub-menu > li > a:hover .mainmenuicon svg polygon, .sub-menu > li > a:hover .mainmenuicon svg rect {
    fill: #fff
}

.sub-level2 {
    padding: 10px 20px
}

.sub-level2 > li {
    display: block;
    padding: 10px 0;
    line-height: 1.3
}

.submenuicon {
    padding-right: 15px
}

.submenuicon svg {
    width: 30px;
    height: 30px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sub-level2 > li > a {
    color: #202122;
    font-size: 14px;
    display: flex;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sub-level2 > li > a:hover {
    color: #ec7323
}

.sub-level2 > li > a .submenuicon svg circle, .sub-level2 > li > a .submenuicon svg ellipse, .sub-level2 > li > a .submenuicon svg line, .sub-level2 > li > a .submenuicon svg path, .sub-level2 > li > a .submenuicon svg polygon, .sub-level2 > li > a .submenuicon svg rect {
    fill: #202122
}

.sub-level2 > li > a:hover .submenuicon svg circle, .sub-level2 > li > a:hover .submenuicon svg ellipse, .sub-level2 > li > a:hover .submenuicon svg line, .sub-level2 > li > a:hover .submenuicon svg path, .sub-level2 > li > a:hover .submenuicon svg polygon, .sub-level2 > li > a:hover .submenuicon svg rect {
    fill: #ec7323
}

.megactasection {
    background-color: #202122;
    padding: 25px 25px;
    display: flex
}

.megactapwrap {
    max-width: 1350px;
    width: 100%;
    margin: 0 auto
}

.megatext {
    display: inline-flex;
    align-items: center
}

.megatext .big {
    font-size: 38px;
    font-weight: 600;
    color: #fff;
    padding-right: 10px
}

.megatext span {
    font-size: 28px;
    color: #ec7323;
    font-weight: 400;
    padding: 0 5px
}

.megatext a {
    font-size: 22px;
    font-weight: 500
}

.megactasection .or {
    color: #fff;
    font-size: 22px;
    font-weight: 500
}

.megactasection .btn-custome {
    border: 0;
    padding: 23px 35px;
    font-size: 18px
}

.cd-primary-nav .see-all a {
    color: #e56f22
}

.cd-primary-nav a .icon {
    width: 22px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.cd-primary-nav a .icon svg circle, .cd-primary-nav a .icon svg ellipse, .cd-primary-nav a .icon svg line, .cd-primary-nav a .icon svg path, .cd-primary-nav a .icon svg polygon, .cd-primary-nav a .icon svg rect {
    fill: #fff
}

.cd-primary-nav a:hover .icon svg circle, .cd-primary-nav a:hover .icon svg ellipse, .cd-primary-nav a:hover .icon svg line, .cd-primary-nav a:hover .icon svg path, .cd-primary-nav a:hover .icon svg polygon, .cd-primary-nav a:hover .icon svg rect {
    fill: #ec7323
}

.cd-primary-nav a.estimate_btn:hover {
    color: #e97223 !important
}

.accessible-megamenu {
    position: static;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.accessible-megamenu h2, .accessible-megamenu h3, .accessible-megamenu h4 {
    font-size: 1em;
    display: inline;
    margin: 0;
    padding: 0;
    line-height: inherit
}

.accessible-megamenu .accessible-megamenu-top-nav-item {
    position: relative
}

.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded] {
    position: relative;
    text-decoration: none;
    z-index: inherit
}

.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded]:focus, .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded]:hover {
    outline-offset: -1px
}

.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded].open, .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded]:focus, .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded]:hover {
    margin-left: 0;
    z-index: 1002
}

.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded].open {
    padding-bottom: 2px
}

.accessible-megamenu .accessible-megamenu-top-nav-item:first-child a[aria-expanded] {
    border-bottom-left-radius: 3px
}

.accessible-megamenu .accessible-megamenu-top-nav-item:first-child a[aria-expanded].open {
    border-bottom-left-radius: 0;
    border-left: 1px solid #b3b3b3;
    border-left-color: rgba(0, 0, 0, .3);
    left: -1px;
    margin-right: -1px
}

.accessible-megamenu .accessible-megamenu-panel {
    position: absolute;
    display: block;
    left: 0;
    margin: 0;
    line-height: normal;
    cursor: default;
    visibility: hidden;
    top: -9999em;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 250ms ease 250ms, max-height .5s ease, visibility 0s linear .5s, top 0s linear .5s;
    -moz-transition: opacity 250ms ease 250ms, max-height .5s ease, visibility 0s linear .5s, top 0s linear .5s;
    -ms-transition: opacity 250ms ease 250ms, max-height .5s ease, visibility 0s linear .5s, top 0s linear .5s;
    -o-transition: opacity 250ms ease 250ms, max-height .5s ease, visibility 0s linear .5s, top 0s linear .5s;
    transition: opacity 250ms ease 250ms, max-height .5s ease, visibility 0s linear .5s, top 0s linear .5s
}

.accessible-megamenu .accessible-megamenu-panel.open {
    visibility: visible;
    top: 88px;
    max-height: 600px;
    opacity: 1;
    z-index: 1001;
    -webkit-transition: opacity 250ms ease, max-height .5s ease, visibility 0s linear 0s, top 0s linear 0s;
    -moz-transition: opacity 250ms ease, max-height .5s ease, visibility 0s linear 0s, top 0s linear 0s;
    -ms-transition: opacity 250ms ease, max-height .5s ease, visibility 0s linear 0s, top 0s linear 0s;
    -o-transition: opacity 250ms ease, max-height .5s ease, visibility 0s linear 0s, top 0s linear 0s;
    transition: opacity 250ms ease, max-height .5s ease, visibility 0s linear 0s, top 0s linear 0s
}

.accessible-megamenu .accessible-megamenu-panel.cols-4 {
    width: 100%
}

.accessible-megamenu .accessible-megamenu-panel.cols-4 > ol > li {
    width: 22%
}

.accessible-megamenu .accessible-megamenu-panel.cols-4b {
    width: 878px;
    left: -6.462em;
    border-top-left-radius: 3px
}

.accessible-megamenu .accessible-megamenu-panel.cols-4b > ol > li {
    width: 22%
}

.accessible-megamenu .accessible-megamenu-panel.cols-3 {
    width: 724px
}

.accessible-megamenu .accessible-megamenu-panel.cols-3 > ol > li {
    width: 30%
}

.accessible-megamenu .accessible-megamenu-panel.cols-1 {
    width: 615px
}

.accessible-megamenu .accessible-megamenu-panel.cols-1 > ol > li {
    width: auto
}

.accessible-megamenu .accessible-megamenu-panel ol {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.accessible-megamenu .accessible-megamenu-panel ol > li {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.accessible-megamenu .accessible-megamenu-panel > ol > li {
    float: left;
    display: block;
    margin-right: 1em;
    margin-bottom: 1em;
    padding-left: 1em;
    border-left: 1px solid rgba(0, 0, 0, .3);
    box-shadow: inset 1px 0 0 #fff
}

.accessible-megamenu .accessible-megamenu-panel > ol > li:first-of-type {
    padding-left: 0;
    border-left: none;
    box-shadow: none
}

.accessible-megamenu .accessible-megamenu-panel > p {
    color: #454545;
    font-size: 1.2em;
    line-height: 1.1em
}

.accessible-megamenu .accessible-megamenu-panel > ol > li > h3 > a {
    font-weight: 700;
    color: #454545;
    font-size: 1.2em;
    margin-bottom: 6px;
    padding-top: .4em;
    padding-bottom: 0;
    line-height: 1.1em
}

.accessible-megamenu .accessible-megamenu-panel ol ol > li > a {
    width: auto;
    text-indent: -2.333em;
    padding-left: 2.333em
}

.accessible-megamenu .accessible-megamenu-panel hr {
    border-width: 1px 0;
    border-style: solid;
    border-top-color: rgba(0, 0, 0, .3);
    border-bottom-color: #fff
}

.top-left-part a {
    display: flex;
    align-items: center
}

.top-left-part a:hover {
    opacity: .8;
    color: #fff
}

.top-left-part .star {
    line-height: 1;
    padding: 0 10px
}

.top-left-part .star + strong {
    padding-right: 5px;
    font-weight: 600
}

.top-right-part span {
    color: #fff
}

.top-right-part .or {
    padding: 0 10px
}

.top-right-part a {
    margin-left: 10px
}

.top-right-part .head-requet-btn {
    padding: 6px 15px 6px 10px;
    margin-left: 0;
    background-color: #343535;
    border-radius: 30px
}

.top-right-part .head-requet-btn img {
    margin-right: 10px;
    border-radius: 30px
}

.top-right-part .head-requet-btn:hover {
    background-color: #ec7323;
    color: #fff
}

.estimate_btn {
    background: #ec7323;
    box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .2);
    color: #fff !important;
    padding: 15px 25px;
    border-radius: 5px;
    line-height: 1;
    vertical-align: unset;
    font-size: 14px;
    display: inline-flex;
    position: relative
}

.estimate_btn:focus, .estimate_btn:hover {
    background: #343535;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.get_quote {
    position: fixed;
    right: -50px;
    top: 200px;
    background: #ec7323;
    z-index: 1001;
    font-size: 18px;
    color: #fff !important;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 5px 5px 0 0;
    letter-spacing: 1px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    cursor: pointer
}

.get_quote:focus, .get_quote:hover {
    background: #343535;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.banner {
    margin-top: 50px;
    position: relative;
    z-index: 9;
    min-height: 800px;
    overflow: hidden
}

.tenc-intro-main__wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, #ec7323, rgba(236, 115, 35, .95) 40%, rgba(236, 115, 35, .7) 70%, rgba(236, 115, 35, .4));
    z-index: 999
}

.tenc-intro-main__wrapper h1 {
    font-size: 60px;
    color: #fff;
    margin: 0 0 30px
}

.font-semibold {
    font-weight: 600
}

.tenc-intro-main__wrapper h2 {
    font-size: 36px;
    color: #fff;
    margin: 0 0 30px;
    font-weight: 500
}

.tenc-intro-main__wrapper p {
    color: #fff;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 50px
}

.tenc-intro-main__wrapper a {
    background: #343535 !important;
    margin-right: 10px;
    font-size: 18px;
    text-transform: uppercase
}

.tenc-intro-main__wrapper .or {
    color: #ffff;
    font-size: 20px;
    margin: 0 10px 12px 0;
    vertical-align: middle;
    display: inline-block
}

.video {
    max-height: 800px;
    min-height: 800px
}

.video video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.video .mejs__overlay-button {
    display: none
}

.video img {
    width: 100%;
    height: 100%;
    min-height: 800px;
    object-fit: cover
}

#carouselExampleSlidesOnly {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex
}

#carouselExampleSlidesOnly .carousel-inner {
    height: 100%
}

#carouselExampleSlidesOnly .carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%
}

#carouselExampleSlidesOnly .carousel-caption h1 {
    font-size: 48px;
    margin-bottom: 30px;
    width: 100%
}

#carouselExampleSlidesOnly .carousel-caption p {
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 30px;
    width: 100%
}

#carouselExampleSlidesOnly .carousel-caption .btn-custome {
    font-size: 18px;
    padding: 12px 25px
}

#carouselExampleSlidesOnly .carousel-caption .btn-custome:focus, #carouselExampleSlidesOnly .carousel-caption .btn-custome:hover {
    background: #fff !important;
    color: #000 !important
}

#carouselExampleSlidesOnly .carousel-inner .carousel-item {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0
}

#carouselExampleSlidesOnly .carousel-inner .carousel-item.active {
    display: flex
}

.scrollmobilebanner .bannerfixedimagewidth {
    bottom: -200px;
    position: relative
}

.bannerfixedscrollimagewrap {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden
}

.bannerfixedscrollimagewrap > img {
    position: relative;
    z-index: 1
}

.scrollbannerinnerimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    padding: 5% 6% 5%;
    overflow: hidden;
    border-radius: 70px
}

.scrollmobilebanner.active .scrollbannerinnerimg img {
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-name: bannermobilescroll;
    animation-name: bannermobilescroll;
    -webkit-animation-timing-function: cubic-bezier(1, .010, .305, .9);
    animation-timing-function: cubic-bezier(1, .010, .305, .9);
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    animation-delay: 1s;
    -webkit-animation-delay: 1s
}

@keyframes bannermobilescroll {
    10% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-29%);
        -ms-transform: translateY(-32%);
        transform: translateY(-32%)
    }
    90% {
        -webkit-transform: translateY(calc(-100% + 30vw));
        -ms-transform: translateY(calc(-100% + 30vw));
        transform: translateY(calc(-100% + 30vw))
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bannermobilescroll {
    10% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-29%);
        -ms-transform: translateY(-32%);
        transform: translateY(-32%)
    }
    90% {
        -webkit-transform: translateY(calc(-100% + 30vw));
        -ms-transform: translateY(calc(-100% + 30vw));
        transform: translateY(calc(-100% + 30vw))
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.brand-logo {
    position: relative;
    margin-top: -60px;
    z-index: 9
}

.brands_logo {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px 0;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease
}

.brands_logo {
    visibility: visible;
    opacity: 1
}

.brands_logo .owl-item {
    float: left;
    padding: 10px 20px
}

.brands_logo .slick-slide {
    padding: 10px 20px
}

.brands_logo img {
    display: block;
    margin: 0 auto
}

.brands_logo .owl-nav {
    display: none
}

.brands_logo div {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.about {
    padding: 60px 0;
    position: relative
}

.about-bg-section {
    position: absolute;
    left: 0;
    top: -74px;
    bottom: 0;
    height: calc(100% + 74px);
    width: 25.0133%;
    background-repeat: no-repeat;
    background-size: cover
}

.about-bg-section:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(248, 249, 250, .5);
    z-index: 1
}

.about-bg-section .container {
    position: relative;
    z-index: 1
}

.video-area-wrapper {
    position: relative;
    width: 100%;
    border-radius: 30px;
    overflow: hidden
}

.video-area-wrapper img {
    width: 100%;
    object-fit: cover;
    max-width: 100%;
    margin: 0 auto
}

.about .video-area-wrapper img {
    border: 10px solid #fff;
    border-radius: 30px
}

.video-area-wrapper .hover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.video-play-btn {
    width: 80px;
    height: 80px;
    position: relative;
    z-index: 1;
    display: flex;
    line-height: 1;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    background-color: #fff;
    border-radius: 50%;
    color: #ec7323
}

.video-play-btn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: pulse-border 1.5s infinite;
    animation: pulse-border 1.5s infinite;
    z-index: -1
}

.about .title {
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 30px
}

.about .title h2 {
    font-weight: 600
}

.about .title:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 10px;
    background-color: #ec7323
}

.about h3 {
    font-weight: 500;
    font-size: 28px
}

.about p {
    margin-bottom: 25px
}

.about p:last-child {
    margin-bottom: 0
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        opacity: 0
    }
}

@-moz-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        opacity: 0
    }
}

@-o-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        opacity: 0
    }
}

.counter-section {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px
}

.about .counter-section {
    padding-left: 110px
}

.counter-section li {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 20px;
    position: relative
}

.counter-section li:last-child:before {
    background: 0 0
}

.counter-section li img {
    width: 50px;
    margin-right: 20px
}

.counter_text {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.counter_text p {
    width: 100%;
    margin: 0
}

.counter_text i {
    margin-left: 5px
}

.counter_text .counter {
    font-size: 36px;
    color: #202122;
    font-weight: 600
}

.counter-section li:before {
    content: '';
    width: 1px;
    height: 60%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #dddfe1
}

.services-tabs {
    width: 100%
}

#servicesTab {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100px;
    padding: 25px 35px;
    margin-bottom: 60px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    flex-wrap: nowrap
}

#servicesTab li {
    text-align: center;
    padding: 0 10px;
    border-right: 1px solid #dddfe1
}

#servicesTab li svg {
    width: 50px;
    margin-bottom: 10px
}

#servicesTab li a {
    color: #202122;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

#servicesTab li:last-child {
    border-right: none
}

#servicesTab li a.active, #servicesTab li a:hover {
    color: #ec7323
}

#servicesTab li a.active svg circle, #servicesTab li a.active svg ellipse, #servicesTab li a.active svg line, #servicesTab li a.active svg path, #servicesTab li a.active svg polygon, #servicesTab li a.active svg rect, #servicesTab li a:hover svg circle, #servicesTab li a:hover svg ellipse, #servicesTab li a:hover svg line, #servicesTab li a:hover svg path, #servicesTab li a:hover svg polygon, #servicesTab li a:hover svg rect {
    fill: #ec7323
}

#servicesTab li a svg circle, #servicesTab li a svg ellipse, #servicesTab li a svg path, #servicesTab li a svg polygon, #servicesTab li a svg rect {
    transition: all .3s ease
}

.servicesTabContent_text {
    width: 100%
}

.servicesTabContent_text h3 {
    font-size: 30px;
    margin: 0
}

.servicesTabContent_text h3 a {
    color: #ec7323
}

.servicesTabContent_text h3 a:hover {
    color: #202122
}

.servicesTabContent_text span {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    display: block
}

.servicesTabContent_text span.or {
    margin: 0 10px 15px 0
}

.servicesTabContent_text ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.servicesTabContent_text ul li {
    display: inline-flex;
    padding-right: 10px;
    padding-bottom: 15px
}

.servicesTabContent_text ul li a {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    padding: 14px
}

.servicesTabContent_text ul li a:hover {
    background: #ec7323
}

.servicesTabContent_text ul li a svg circle, .servicesTabContent_text ul li a svg ellipse, .servicesTabContent_text ul li a svg path, .servicesTabContent_text ul li a svg polygon, .servicesTabContent_text ul li a svg rect {
    transition: all .3s ease
}

.servicesTabContent_text ul li a:hover svg circle, .servicesTabContent_text ul li a:hover svg ellipse, .servicesTabContent_text ul li a:hover svg path, .servicesTabContent_text ul li a:hover svg polygon, .servicesTabContent_text ul li a:hover svg rect {
    fill: #fff
}

.servicesTabContent_text ul li a.btn-custome {
    width: auto;
    border-radius: 5px;
    height: auto;
    padding: 18px 15px;
    background: #ec7323
}

.solutions-box {
    width: 100%;
    border-radius: 10px;
    padding: 15px 15px;
    margin-bottom: 30px;
    transition: all .3s ease;
    position: relative;
    border: 1px solid #eff0f0;
    min-height: 320px
}

.solutions-box-icon {
    width: 75px;
    height: 75px;
    background: #fff;
    border-radius: 7px;
    padding: 15px;
    transition: all .3s ease;
    background-color: #f7f7f7;
    border-radius: 100%
}

.solutions-box h4 {
    font-size: 18px;
    margin: 20px 0 10px;
    font-weight: 500
}

.solutions-box-icon svg {
    width: 45px;
    height: 45px
}

.solutions-box-icon svg circle, .solutions-box-icon svg ellipse, .solutions-box-icon svg line, .solutions-box-icon svg path, .solutions-box-icon svg polygon, .solutions-box-icon svg rect {
    transition: all .3s ease;
    fill: #ec7323
}

.solutions-box:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    border-radius: 10px 10px 0 0
}

.solutions-box:hover .solutions-box-icon {
    background: #eb7223
}

.solutions-box:hover .solutions-box-icon svg circle, .solutions-box:hover .solutions-box-icon svg ellipse, .solutions-box:hover .solutions-box-icon svg line, .solutions-box:hover .solutions-box-icon svg path, .solutions-box:hover .solutions-box-icon svg polygon, .solutions-box:hover .solutions-box-icon svg rect {
    fill: #fff
}

.solutions-box .btn-custome {
    opacity: 0;
    visibility: hidden
}

.solutions-box:hover .btn-custome {
    opacity: 1;
    visibility: visible
}

.why-choose-box {
    width: 100%;
    background: #fff;
    border: 1px solid #ecedee;
    border-radius: 10px;
    text-align: center;
    padding: 20px 10px;
    transition: all .3s ease;
    margin-bottom: 30px;
    min-height: 250px
}

.why-choose-box svg {
    width: 70px;
    height: 70px;
    background: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 7px;
    padding: 10px;
    transition: all .3s ease
}

.why-choose-box svg circle, .why-choose-box svg ellipse, .why-choose-box svg line, .why-choose-box svg path, .why-choose-box svg polygon, .why-choose-box svg rect {
    transition: all .3s ease
}

.why-choose-box h5 {
    font-size: 18px;
    margin: 15px 0 10px;
    transition: all .3s ease
}

.why-choose-box p {
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #6a6d6f;
    transition: all .3s ease
}

.why-choose-box:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

.why-choose-box:hover svg circle, .why-choose-box:hover svg ellipse, .why-choose-box:hover svg line, .why-choose-box:hover svg path, .why-choose-box:hover svg polygon, .why-choose-box:hover svg rect {
    fill: #fff
}

.why-choose-box:hover svg {
    background: #ec7323
}

.callouts {
    padding: 25px;
    border: 1px solid #ecedee;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    position: relative
}

.callouts span {
    font-size: 24px;
    font-weight: 600
}

#callouts-type .typed {
    color: #ec7323;
    font-size: 28px;
    line-height: 1;
    font-weight: 700
}

.callouts-separate {
    max-width: 1170px;
    margin: -45px auto 0
}

.callouts-separate-2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%
}

.Feature-slider {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 10px
}

.Feature-slider .item {
    padding: 0 15px
}

.process-box {
    width: 100%;
    border: 1px solid #dddfe1;
    border-radius: 10px;
    padding: 0 10px 10px 10px;
    overflow: hidden;
    transition: all .3s ease;
    min-height: 260px;
    margin-bottom: 40px
}

.process-box h4 {
    font-size: 16px;
    margin: 10px 0
}

.process-box li {
    width: 100%;
    display: flex;
    font-size: 12px;
    color: #6a6d6f;
    font-weight: 500;
    margin: 3px 0
}

.process-box li > i {
    font-size: 12px;
    position: static;
    background: 0 0;
    width: auto;
    height: auto;
    color: #6a6d6f;
    border-radius: 0;
    margin-right: 5px;
    align-items: flex-start;
    line-height: 1.5
}

.process-box-icon {
    width: 95px;
    height: 95px;
    position: relative;
    top: 0;
    left: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    margin: 0 0 20px
}

.process-box-icon:before {
    content: '';
    width: 150%;
    height: 150%;
    background: #dddfe1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-30%, -30%);
    opacity: .3;
    transition: all .3s ease
}

.process-box-icon svg {
    width: 50px
}

.process-box-icon svg circle, .process-box-icon svg ellipse, .process-box-icon svg line, .process-box-icon svg path, .process-box-icon svg polygon, .process-box-icon svg rect {
    fill: #202122;
    transition: all .3s ease
}

.process-box:hover .process-box-icon svg circle, .process-box:hover .process-box-icon svg ellipse, .process-box:hover .process-box-icon svg line, .process-box:hover .process-box-icon svg path, .process-box:hover .process-box-icon svg polygon, .process-box:hover .process-box-icon svg rect {
    fill: #fff
}

.process-box:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    border-color: #fff
}

.process-box:hover .process-box-icon:before {
    background: #ec7323;
    opacity: 1
}

.process-items {
    padding-right: 20px;
    padding-left: 20px;
    position: relative
}

.process-items:first-child {
    padding-left: 15px
}

.process-items i {
    background: #dddfe1;
    color: #202122;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: 50px
}

.process-items:before {
    content: '';
    width: 40px;
    height: 1px;
    background: #dddfe1;
    position: absolute;
    right: -20px;
    top: 60px
}

.process-items:nth-child(4):before {
    left: 50px;
    top: auto;
    bottom: 0;
    width: 1px;
    height: 42px
}

.process-items:nth-child(4) i {
    top: auto;
    bottom: 10px;
    left: 40px
}

.process-items:nth-child(7):before {
    background: #fff
}

.process-slider {
    margin-left: -7px;
    margin-right: -7px;
    margin-bottom: 15px
}

.process-slider .item {
    padding: 0 7px
}

.testimonials_left {
    width: 470px;
    height: 470px;
    position: relative;
    margin: 50px auto
}

.testimonials_circle {
    width: 100%;
    height: 470px;
    position: relative;
    border-radius: 50%;
    z-index: 1
}

.testimonials_circle:before {
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid #e2e3e5;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    z-index: -1
}

.testimonials_circle li {
    width: 75px;
    height: 75px;
    position: absolute
}

.testimonials_circle li a {
    width: 73px;
    height: 73px;
    overflow: hidden;
    border-radius: 50%;
    display: block;
    border: 1px solid #e2e3e5
}

.testimonials_circle li a img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.testimonials_circle li i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #6a6d6f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 10px)
}

.testimonials_circle li:nth-child(1) {
    top: 0;
    left: 50%;
    transform: translate(-50%, -40%)
}

.testimonials_circle li:nth-child(2) {
    top: 0;
    right: 0;
    transform: translate(-40%, 50%)
}

.testimonials_circle li:nth-child(3) {
    top: 50%;
    right: 0;
    transform: translate(40%, -50%)
}

.testimonials_circle li:nth-child(4) {
    bottom: 0;
    right: 0;
    transform: translate(-40%, -50%)
}

.testimonials_circle li:nth-child(5) {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 40%)
}

.testimonials_circle li:nth-child(6) {
    bottom: 0;
    left: 0;
    transform: translate(40%, -50%)
}

.testimonials_circle li:nth-child(7) {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%)
}

.testimonials_circle li:nth-child(8) {
    top: 0;
    left: 0;
    transform: translate(40%, 50%)
}

.testimonials_privew {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #ec7323;
    border-radius: 50%;
    padding: 10px
}

.testimonials_privew > div {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ec7323;
    box-shadow: 0 2px 17px rgba(0, 0, 0, .15)
}

.testimonials_privew > div img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.testimonials_privew i {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    height: 40px;
    background: #ec7323;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transform: translate(-50%, 20px)
}

.testimonials_text_box {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    position: relative;
    border: 1px solid #e2e3e5;
    z-index: 1
}

.testimonials_text_slider {
    overflow: hidden;
    padding-left: 30px
}

.testimonials_text_slider .owl-item {
    float: left
}

.testimonials_text_box i {
    font-size: 54px;
    margin-bottom: 20px;
    opacity: .2
}

.testimonials_text_box strong {
    color: #ec7323;
    font-size: 18px;
    font-weight: 600
}

.owl-theme .owl-nav {
    display: none
}

.testimonials_text_box span {
    font-size: 16px
}

.testimonials-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    width: 50px;
    display: none
}

.testimonials-arrow:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: -8px;
    left: -46px;
    background: #dddfe1;
    transform: rotate(-32deg)
}

.testimonials-arrow:after {
    content: '';
    width: 90%;
    height: 1px;
    position: absolute;
    bottom: -13px;
    left: -44px;
    background: #dddfe1;
    transform: rotate(20deg)
}

.testimonials_text .owl-dots {
    bottom: -30px
}

.testimonials_text_slider .owl-dot span {
    display: none !important
}

.testimonials_video_box .video-area-wrapper {
    height: 270px
}

.testimonials_video_box .video-area-wrapper img {
    width: 100%;
    height: 100%
}

.portfolio-slider-section {
    display: block
}

.innerbanner.portfoliobanner {
    min-height: 600px
}

.innerbanner.portfoliobanner .video {
    min-height: 600px;
    max-height: 600px
}

.innerbanner.portfoliobanner .video img {
    min-height: 600px
}

.portfolio-slider {
    width: 100%;
    position: relative;
    padding: 0 15px 20px !important;
    overflow: hidden
}

.portfolio-slider .item {
    padding: 0 15px
}

.slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.slick-dots li {
    display: inline-block;
    vertical-align: top
}

.slick-dots button {
    width: 12px;
    height: 12px;
    background: #c8c8c8;
    opacity: 1;
    font-size: 0;
    border: none;
    border-radius: 50%;
    margin: 0 5px;
    outline: 0;
    cursor: pointer
}

.slick-dots li.slick-active button {
    background-color: #ec7323
}

.portfolio-figure {
    width: 100%;
    overflow: hidden;
    transition: all .3s ease;
    background: #f9fafa;
    border-radius: 10px;
    text-align: center;
    position: relative;
    min-height: 510px
}

.portfolio-title {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px
}

.portfolio-figure .img-fluid {
    height: 510px;
    object-fit: cover;
    margin: 0 auto
}

.portfolio-slider .owl-item {
    display: inline-block
}

.portfolio-figure-caption {
    width: 100%;
    background: #ec7323;
    padding: 20px;
    transition: all .3s ease;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%)
}

.portfolio-figure-caption h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 600
}

.portfolio-figure-caption p {
    color: #fff
}

.portfolio-figure-caption a {
    display: inline-block;
    border: 1px solid #fff;
    padding: 8px 20px;
    border-radius: 5px
}

.portfolio-figure-caption a:hover {
    background: #fff;
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .2)
}

.portfolio-figure:before {
    content: '';
    width: 100%;
    height: 0;
    background: #202122;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    transition: all .3s ease
}

.portfolio-figure:hover:before {
    height: 100%
}

.portfolio-figure:hover .portfolio-figure-caption {
    transform: translateY(0)
}

.portfolio-slider .owl-nav {
    display: none
}

.portfolio-slider .owl-dots {
    text-align: center;
    bottom: -20px
}

.owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #6a6d6f;
    opacity: .2;
    border: none;
    border-radius: 50%;
    margin: 5px;
    outline: 0;
    cursor: pointer
}

.owl-dots .owl-dot.active {
    background: #ec7323;
    opacity: 1
}

.owl-item {
    float: left
}

.owl-nav {
    display: none
}

.owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.portfolio-figure.whitetext h3, .portfolio-figure.whitetext p {
    color: #fff
}

.greenshadebg {
    background-color: #84a34b
}

.pinkshadebg {
    background-color: #5a354a
}

.blueshadebg {
    background-color: #161a34
}

.fantasybg {
    background-color: #0a2241
}

.cluedbg {
    background-color: #e60b8d
}

.blobbg {
    background-color: #41a943
}

.adanibg {
    background-color: #006d9f
}

.client-logo li {
    width: 100%;
    text-align: center;
    border-right: 1px solid #dddfe1;
    padding: 5px
}

.client-logo li:last-child {
    border-right: none
}

.call_shedule_text {
    width: 100%
}

.call_shedule_text ul {
    display: flex;
    align-items: center;
    margin-top: 25px;
    width: 100%
}

.call_shedule_text ul li {
    margin-right: 18px;
    font-weight: 600;
    font-size: 16px;
    display: inline-flex;
    align-items: center
}

.call_shedule_text ul li span {
    margin-right: 15px
}

.orange-text {
    color: #ec7323
}

.call-icon-bg a {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: inline-flex;
    background: #ec7323;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 50%;
    padding: 13px
}

.call-icon-bg a:hover {
    background-color: #343535
}

.call-icon-bg svg {
    width: 100%
}

.call_shedule_text ul li a {
    color: #202122
}

.call_shedule_text ul li a:hover {
    color: #ec7323
}

.call_shedule_text h4 {
    margin-bottom: 20px;
    font-size: 28px
}

.call_shedule_img {
    width: 100%;
    max-width: 300px;
    border-radius: 50%;
    float: right;
    border: 1px solid #dddfe1;
    position: relative;
    margin: 20px 25px 20px 0
}

.call_shedule_img img {
    height: 300px;
    object-fit: cover;
    border-radius: 50%;
    width: 300px
}

.call_shedule_img:before {
    content: "";
    width: 115%;
    height: 115%;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid #ec7323;
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

#technologies_tabs {
    border: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px
}

#technologies_tabs li {
    padding: 0 30px;
    border-right: 1px solid #e0e2e3
}

#technologies_tabs li a {
    color: #6a6d6f;
    font-weight: 500
}

#technologies_tabs li a.active, #technologies_tabs li a:hover {
    color: #ec7323
}

#technologies_tabs li:last-child {
    border-right: 0
}

.technologies_icons li {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(221, 223, 225, .5);
    border-radius: 10px;
    margin: 5px;
    transition: all .5s ease
}

.technologies_icons li:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

.technologies_icons li img {
    margin: 0 auto
}

.blog_box {
    width: 100%;
    transition: all .3s ease;
    background: #fff;
    border: 1px solid #e2e3e5;
    overflow: hidden;
    border-radius: 10px
}

.blog_box_img {
    width: 100%;
    height: 200px;
    object-fit: cover
}

.blog_box-caption {
    padding: 0 12px 20px;
    position: relative;
    min-height: 310px
}

.blog_box-caption ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -25px;
    margin-bottom: 25px
}

.blog_author_img {
    width: 72px;
    height: 72px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);
    margin-top: -20px
}

.blog_box-caption ul li {
    padding-top: 20px;
    color: #6a6d6f;
    margin-right: 7px;
    display: flex;
    align-items: center;
    line-height: 1
}

.blog_box-caption ul li a {
    color: #6a6d6f
}

.blog_box-caption ul li a:hover {
    color: #ec7323
}

.blog_box-caption ul li i {
    margin-right: 5px;
    font-size: 16px;
    line-height: 1
}

.blog_box-caption h4 {
    font-size: 18px;
    line-height: 1.3;
    margin: 10px 0
}

.blog_box-caption h4 a {
    color: #202122
}

.blog_box-caption h4 a:hover {
    color: #ec7323
}

.blog_box:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

.blog_box-caption .btn-custome {
    position: absolute;
    bottom: 15px;
    left: 12px
}

.blog-slider .owl-dots {
    text-align: center
}

.blog-slider {
    padding: 0 0 20px
}

.blog-slider {
    margin-left: -8px;
    margin-right: -8px
}

.blog-slider .item {
    padding: 0 8px
}

.blog-slider .item .blog-post_content {
    min-height: 220px
}

.blog-slider .item .blog-post {
    margin-bottom: 10px
}

.blog-post {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.blog-post_wrapper {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.blog-post_media {
    position: relative;
    margin-bottom: 28px
}

.blog-post_media_part {
    position: relative
}

.blog-post_meta-categories {
    position: absolute;
    bottom: -11px;
    left: 30px;
    z-index: 3;
    margin-bottom: 0
}

.blog-post_meta-categories span {
    display: inline-block
}

.blog-post_meta-categories a {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .5px;
    line-height: 22px;
    padding: 0 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid
}

.blog-post_content {
    padding: 0 20px 18px 20px
}

.blog-post_title {
    font-size: 24px;
    line-height: 36px;
    height: 54px;
    overflow: hidden
}

.blog-post_text {
    height: 100px;
    overflow: hidden
}

.blog-post_title a {
    font-size: 20px;
    line-height: 28px;
    color: #202122;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.blog-post_text p {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 21px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.blog-post_meta-wrap {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.meta-wrapper {
    display: flex;
    align-items: center
}

.meta-wrapper > span {
    margin-right: 5px
}

.author_post img {
    margin-right: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block
}

.author_post a {
    color: #ec7323;
    position: relative
}

.author_post a:after {
    position: absolute;
    z-index: 1;
    display: block;
    bottom: 0;
    content: '';
    border-bottom: 1px solid;
    width: 100%;
    right: auto;
    left: 0;
    -webkit-transition: width .3s linear 0s, right 0s linear .3s, left 0s linear .3s;
    -o-transition: width .3s linear 0s, right 0s linear .3s, left 0s linear .3s;
    -moz-transition: width .3s linear 0s, right 0s linear .3s, left 0s linear .3s;
    transition: width .3s linear 0s, right 0s linear .3s, left 0s linear .3s
}

.meta-wrapper span:after {
    content: '';
    margin: -2px 0 0 13px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #343535
}

.date_post {
    color: #9a9a9a;
    margin-right: 0
}

.meta-wrapper .date_post:after {
    display: none
}

.blog-post_info-wrap a {
    color: #b6b6b6
}

.blog-post_info-wrap a:hover {
    color: #ec7323;
    transform: translateX(5px)
}

.author_post a:hover:after {
    width: 0;
    right: 0;
    left: auto
}

.blog-post_feature-link {
    display: block
}

.blog-post_title a:hover {
    color: #ec7323
}

.blog-post_feature-link:before {
    opacity: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 2;
    background-color: rgba(40, 40, 40, .5);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    width: 100%;
    height: 100%
}

.blog-post_media_part:hover .blog-post_feature-link:before {
    opacity: 1
}

.hire_small_box_link {
    width: 100%;
    float: left;
    background: #ec7323;
    text-align: center;
    padding: 10px;
    margin-bottom: 35px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    border-radius: 10px
}

.hire_small_box_link span {
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-align: left;
    padding: 7px 0
}

.hire_small_box_link a {
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    padding: 5px 0;
    color: #fff;
    font-weight: 700
}

.hire_small_box_link .hire_small_box_btn {
    float: right;
    background: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px
}

.hire_small_box_link .hire_small_box_btn:hover {
    background-color: #202122;
    color: #fff
}

.hire_small_box_link3 {
    width: 100%;
    float: left;
    background: #ec7323;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 80px;
    margin-bottom: 35px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    border-radius: 10px
}

.hire_small_box_link3 p {
    background: #fff;
    color: #202122;
    width: 100%;
    max-width: 150px;
    min-height: 80px;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0 50px 50px 0;
    line-height: 29px;
    margin-bottom: 0 !important
}

.hire_small_box_link3 a {
    color: #fff !important;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px
}

.hire_small_box_link3 a:focus, .hire_small_box_link3 a:hover {
    text-decoration: underline !important
}

.contact_top_rating {
    width: 100%;
    text-align: center;
    border: 1px solid #dddfe1;
    border-radius: 10px;
    margin-bottom: 30px;
    transition: all .3s ease
}

.contact_top_rating a {
    color: #ff3d2e;
    display: block;
    padding: 20px 20px 10px
}

.contact_top_rating span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0;
    line-height: 1
}

.contact_top_rating img {
    margin-bottom: 5px
}

.contact_top_rating strong {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 0 0;
    color: #202122;
    font-size: 24px;
    line-height: 1
}

.contact_top_rating:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

.contact_rating {
    width: 100%
}

.contact_rating li {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #dddfe1;
    border-radius: 10px;
    overflow: hidden;
    height: 95px;
    margin-bottom: 30px;
    transition: all .3s ease
}

.work_logo {
    padding: 10px 20px;
    position: relative;
    max-width: 280px;
    min-width: 280px
}

.top_rating_img {
    position: absolute;
    top: 0;
    right: 5px;
    margin: 0 !important
}

.work_rating {
    background: #fbfcfc;
    padding: 22.5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-left: 1px solid #dddfe1;
    transition: all .3s ease
}

.work_rating img {
    width: 50px;
    margin-right: 10px
}

.rating_text {
    text-align: center
}

.rating_text p {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 3px
}

.rating_text strong {
    margin: 0;
    color: #222;
    font-weight: 800
}

.user_rating {
    width: 100%;
    float: left;
    color: #fff;
    overflow: auto;
    padding-top: 13px
}

.user_rating img {
    float: left;
    margin-right: 20px;
    width: 60px;
    margin-top: -12px
}

.contact_rating li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ff3d2e
}

.contact_rating li:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

.form-control {
    height: 44px;
    border: 1px solid #ced4da !important;
    color: #6a6d6f;
    font-size: 14px;
    padding: 6px 15px
}

.bootstrap-select .dropdown-toggle .filter-option {
    font-size: 14px;
    padding: 12px 15px;
    height: 44px
}

textarea.form-control {
    resize: none
}

.form-control:focus {
    border-color: #ec7323;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(236, 115, 35, .2)
}

.form-group {
    margin-bottom: 20px
}

.contact-custome-btn {
    font-size: 16px;
    margin-top: 10px;
    padding: 17px 30px
}

.contact-custome-btn i {
    margin-right: 10px;
    display: none
}

#schedule_a_call .form-group label {
    display: block;
    margin: 0;
    font-size: 0
}

#request_the_quote .form-group label {
    display: block;
    margin: 0;
    font-size: 0;
    height: 0;
    width: 0
}

.phone-field .con-num .iti.iti--allow-dropdown {
    display: block
}

.hire_box {
    width: 100%;
    background: #fff;
    border: 1px solid #e0e2e4;
    border-radius: 10px;
    padding: 15px 15px;
    text-align: center;
    font-size: 16px;
    min-height: 250px
}

.hire_box span {
    margin-top: 15px;
    display: block;
    color: #6a6d6f
}

.footer_box {
    width: 100%
}

.footer_box ul {
    width: 100%
}

.footer_box ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    width: 100%
}

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

.footer_box ul li:after {
    content: '';
    min-height: inherit;
    font-size: 0
}

.footer_box ul li i {
    min-width: 24px;
    width: 24px;
    margin-right: 10px;
    position: relative;
    top: 2px
}

.footer_box ul li i svg {
    width: 100%
}

.footer_box ul li p {
    color: #6a6d6f;
    font-size: 15px;
    line-height: 1.5;
    margin: 0
}

.footer_box ul li a {
    color: #6a6d6f;
    font-size: 15px;
    line-height: 2
}

.footer_box h5 {
    font-size: 28px;
    margin-bottom: 25px;
    font-weight: 500
}

.footer_box ul li a:hover {
    color: #ec7323
}

main {
    margin-bottom: 800px;
    background-color: #fff
}

.footer-main {
    position: fixed;
    background-color: #202122;
    height: 800px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.foot-center-col {
    padding: 70px 15px 35px;
    border-right: 1px solid rgba(245, 133, 31, .3)
}

.foot-center-col:nth-child(1) {
    border-right: 0
}

.foot-center-col:nth-child(3) .foot-menu {
    padding-left: 15px
}

.foot-center-col h4 {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 22px
}

.foot-menu ul li {
    margin-bottom: 12px;
    display: block
}

.foot-menu ul li:last-child {
    margin-bottom: 0
}

.foot-menu ul li a {
    color: #cecece
}

.foot-menu ul li a:hover {
    color: #ec7323
}

.foot-exp-wrap {
    padding-left: 15px
}

.foot-exp-char {
    width: 140px
}

.foot-exp-text-wrap {
    width: calc(100% - 160px);
    margin-left: 20px
}

.foot-exp-text-button {
    background-color: #2b2c2d;
    text-transform: uppercase;
    text-align: center;
    padding: 13px 10px
}

.foot-exp-text-button .exp {
    display: block;
    font-size: 48px;
    font-weight: 700;
    color: #ec7323;
    line-height: 1.1
}

.foot-exp-text-button .indus {
    display: block;
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    line-height: 1.1
}

.foot-exp-text-wrap .btn-custome {
    font-size: 16px
}

.foot-social {
    margin-top: 20px
}

.foot-social .c_social li {
    margin-left: 11px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto
}

.foot-social .c_social li:first-child {
    margin-left: 0
}

.foot-social .c_social li.social-share a, .foot-social .c_social li.social-share a:hover {
    background-color: #ec7323;
    color: #fff;
    position: relative
}

.foot-social .c_social li.social-share:before {
    content: " ";
    top: -20px;
    left: -20px;
    background-color: #ec7323;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    position: absolute;
    opacity: .6;
    -webkit-animation: pulse2 1.8s ease-out;
    animation: pulse2 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes pulse2 {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }
    25% {
        -webkit-transform: scale(.3);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.6);
        opacity: .6
    }
    75% {
        -webkit-transform: scale(.9);
        opacity: .3
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes pulse2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    25% {
        -webkit-transform: scale(.3);
        transform: scale(.3);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .6
    }
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .3
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.foot-social .c_social li.social-share .icon {
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #ec7323;
    color: #fff;
    border: 1px solid #ec7323
}

.foot-social .c_social li.social-share .icon:last-child {
    margin-right: 0
}

.foot-social .c_social li.social-share .icon span {
    position: absolute;
    top: -20px;
    font-size: 14px
}

.foot-social .c_social li.social-share .icon:hover {
    background: 0 0;
    color: #ec7323;
    border: 1px solid #ec7323
}

.foot-social .c_social .social-share-fixed {
    position: absolute;
    white-space: nowrap;
    top: -17px;
    transform: translateX(-100%);
    padding-right: 10px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: rgba(43, 44, 45, .8);
    padding: 28px 10px 10px;
    border-radius: 10px;
    left: -20px
}

.foot-social .c_social.active .social-share-fixed {
    opacity: 1;
    visibility: visible
}

.foot-social .c_social li a {
    margin: 0;
    border: 1px solid #ec7323;
    color: #ec7323;
    background-color: transparent;
    width: 40px;
    height: 40px;
    font-size: 20px
}

.foot-social .c_social li a:hover {
    background-color: #ec7323;
    color: #202122
}

.footer-main hr {
    border-top: 1px solid rgba(245, 133, 31, .3);
    margin: 0
}

.footer-center {
    padding: 30px 0 0
}

.footer-center-top-content p {
    color: #fff;
    font-size: 18px
}

.footer-center-top-content p img {
    margin-right: 10px;
    vertical-align: top
}

.footer-center-top-content span {
    display: block;
    color: rgba(255, 255, 255, .5)
}

.footer-center-top-market {
    padding: 30px 0
}

.footer-center-market-list .item {
    margin-right: 10px
}

.footer-center-market-list .item:last-child {
    margin-right: 0
}

.footer-center-market-list .item img {
    width: auto;
    height: 135px;
    object-fit: cover
}

.footer-center-top-market .btn-custome {
    font-size: 16px;
    color: #ec7323 !important;
    background-color: transparent !important;
    border: 1px solid #ec7323 !important;
    font-weight: 500;
    box-shadow: none !important
}

.footer-center-top-market .btn-custome:hover {
    color: #fff !important;
    background-color: #ec7323 !important;
    border: 1px solid #ec7323 !important
}

.footer-bottom {
    padding: 30px 0
}

.foot-link {
    margin-bottom: 10px
}

.foot-link li {
    position: relative;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px
}

.foot-link li:before {
    content: "|";
    display: block;
    position: absolute;
    left: -5px;
    top: 0;
    margin: 0;
    color: #fff;
    line-height: 18px
}

.foot-link li:first-child {
    margin: 0;
    padding: 0
}

.foot-link li:first-child:before {
    display: none
}

.foot-link li a {
    color: #fff
}

.foot-link li a:hover {
    color: #ec7323
}

.footer-bottom p {
    color: #fff;
    margin: 0
}

.scroll-top {
    bottom: 35px;
    color: #fff !important;
    display: none;
    font-size: 26px;
    padding: 12px 9px;
    position: fixed;
    left: 20px;
    height: 52px;
    text-align: center;
    width: 52px;
    background: #ec7323;
    border-radius: 6px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4);
    z-index: 990;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    cursor: pointer
}

.scroll-top:after {
    content: '';
    width: 2px;
    height: 25px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: -50px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-left: -2px
}

.scroll-top:hover:after {
    bottom: 8px
}

.scroll-top:hover:before {
    top: -8px;
    position: relative;
    color: #fff;
    font-size: 30px
}

.scroll-top:before {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    top: 0;
    left: -1px
}

.scroll-top:hover {
    -webkit-box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21), 0 16px 28px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 25px 55px 0 rgba(0, 0, 0, .21), 0 16px 28px 0 rgba(0, 0, 0, .22)
}

#contact_popup {
    width: 100%;
    float: left;
    position: fixed;
    top: 0;
    height: 100%;
    overflow: auto;
    z-index: 99999999;
    background: #f3f3f3;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    visibility: hidden;
    opacity: 0
}

.popup_form {
    width: 100%;
    max-width: 680px;
    margin: 0 auto
}

.popup_form h4 {
    color: #ec7323;
    font-size: 5vw;
    line-height: 1.04444em;
    margin-bottom: 35px;
    margin-left: 10px
}

.popup_form .text-color {
    color: #343535
}

#popup_close, .solution_app_popup_close {
    color: #ec7323;
    font-size: 36px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
}

#popup_close:hover, .solution_app_popup_close:hover {
    color: #343535
}

.popup_form .form-control {
    border: none !important;
    background: #fff
}

.popup_show {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important
}

#request_the_quote .form-group {
    margin-bottom: 30px;
    position: relative
}

#request_the_quote .form-group .help-block {
    position: absolute;
    bottom: -30px;
    left: 20px
}

.banner-main__wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 999;
    background: rgba(0, 0, 0, .8)
}

.banner-main__wrapper h1 {
    font-size: 45px;
    color: #fff;
    margin: 0 0 30px
}

.banner-main__wrapper p {
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 50px
}

.banner-btn li {
    display: inline-block
}

.banner-btn .btn {
    border: 1px solid #fff;
    padding: 13px 20px;
    font-size: 16px;
    line-height: 1;
    box-shadow: none !important
}

.banner-btn .btn:hover {
    background: #ec7323;
    color: #fff;
    border-color: #ec7323
}

.banner-btn .btn-custome {
    border-color: #ec7323
}

.banner-btn .btn-custome:hover {
    background: #fff !important;
    color: #ec7323 !important;
    border-color: #fff
}

.breadcrumb {
    background: 0 0;
    position: absolute;
    bottom: 85px;
    left: 50%;
    width: 100%;
    max-width: 1170px;
    transform: translateX(-50%);
    margin: 0;
    padding: 0 15px;
    z-index: 9999
}

.breadcrumb .breadcrumb-item.active {
    color: #ec7323;
    font-weight: 500
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #fff
}

.app_service_box svg {
    width: 100px
}

.app_service_box {
    text-align: center;
    margin: 15px 0
}

.app_service_box span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    font-size: 18px;
    font-weight: 500;
    transition: all .3s ease
}

.app_service_box svg circle, .app_service_box svg ellipse, .app_service_box svg line, .app_service_box svg path, .app_service_box svg polygon, .app_service_box svg rect {
    transition: all .3s ease;
    fill: #6a6d6f
}

.app_service_box:hover span, .app_service_box:hover svg circle, .app_service_box:hover svg ellipse, .app_service_box:hover svg line, .app_service_box:hover svg path, .app_service_box:hover svg polygon, .app_service_box:hover svg rect {
    fill: #ec7323;
    color: #ec7323
}

.app-why-box {
    width: 100%;
    background: #fff;
    border: 1px solid #ecedee;
    border-radius: 10px;
    text-align: center;
    padding: 20px 13px;
    transition: all .3s ease;
    margin-bottom: 30px;
    min-height: 320px
}

.app-why-box-icon {
    margin: 0 auto;
    width: 70px;
    height: 70px;
    background: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 7px;
    padding: 10px;
    transition: all .3s ease
}

.app-why-box h4 {
    font-size: 18px;
    margin: 15px 0 10px;
    transition: all .3s ease;
    min-height: 50px;
    display: flex;
    align-items: center;
    line-height: 1.3;
    justify-content: center;
    width: 100%
}

.app-why-box:hover .app-why-box-icon {
    background: #ec7323
}

.app-service-tab-text svg {
    width: 74px;
    height: 74px
}

.app-service-tab-text svg circle, .app-service-tab-text svg ellipse, .app-service-tab-text svg line, .app-service-tab-text svg path, .app-service-tab-text svg polygon, .app-service-tab-text svg rect {
    fill: #ec7323
}

.app-why-box-icon svg circle, .app-why-box-icon svg ellipse, .app-why-box-icon svg path, .app-why-box-icon svg polygon, .app-why-box-icon svg rect {
    transition: all .3s ease;
    fill: #6a6d6f
}

.app-why-box:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

.app-why-box:hover .app-why-box-icon svg circle, .app-why-box:hover .app-why-box-icon svg ellipse, .app-why-box:hover .app-why-box-icon svg path, .app-why-box:hover .app-why-box-icon svg polygon, .app-why-box:hover .app-why-box-icon svg rect {
    fill: #fff
}

.app-service-tab {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px !important
}

.app-service-tab-text h3 {
    font-size: 24px;
    margin: 30px 0 20px;
    font-weight: 600
}

.app-service-tab-box {
    width: 165px;
    height: 165px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #fff;
    border: 1px solid #ecedee;
    border-radius: 10px;
    padding: 15px 15px;
    transition: all .3s ease;
    cursor: pointer
}

.app-service-tab-box span {
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-weight: 500
}

.app-service-tab .slick-current.slick-active .app-service-tab-box {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

.app-service-tab .slick-list {
    padding-top: 15px !important;
    padding-bottom: 20px !important
}

.app-service-tab .slick-current.slick-active .app-service-tab-box svg circle, .app-service-tab .slick-current.slick-active .app-service-tab-box svg ellipse, .app-service-tab .slick-current.slick-active .app-service-tab-box svg line, .app-service-tab .slick-current.slick-active .app-service-tab-box svg path, .app-service-tab .slick-current.slick-active .app-service-tab-box svg polygon, .app-service-tab .slick-current.slick-active .app-service-tab-box svg rect {
    fill: #ec7323
}

.app-service-tab-box svg {
    width: 50px;
    height: 50px
}

.app-service-tab-box svg circle, .app-service-tab-box svg ellipse, .app-service-tab-box svg line, .app-service-tab-box svg path, .app-service-tab-box svg polygon, .app-service-tab-box svg rect {
    transition: all .3s ease
}

.app-service-tab-content .slick-slide img {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    border-radius: 10px;
    margin-bottom: 30px
}

.banner_contactForm {
    width: 100%;
    background: rgba(32, 33, 34, .8);
    padding: 30px 25px;
    border-radius: 5px;
    border: 1px solid rgba(236, 115, 35, .8)
}

.banner_contactForm .form-control {
    background: 0 0;
    border-color: rgba(255, 255, 255, .3) !important;
    color: #fff
}

.banner_contactForm p {
    font-size: 12px;
    margin: 0
}

.banner_contactForm .btn-custome {
    white-space: normal;
    padding: 12px 15px
}

.banner_contactForm .btn-custome:hover {
    background: #fff !important;
    color: #ec7323 !important
}

.mobile_app_service_box {
    width: 100%;
    background: #fff;
    border: 1px solid #ecedee;
    border-radius: 10px;
    padding: 20px 20px;
    transition: all .3s ease;
    margin-bottom: 30px;
    min-height: 440px;
    margin: 50px 0 30px;
    position: relative
}

.mobile_app_service_box_icon {
    width: 100px;
    height: 100px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    border-radius: 10px;
    background: #ec7323;
    padding: 15px;
    margin: -70px 0 20px
}

.mobile_app_service_box h3 {
    font-size: 20px;
    margin-bottom: 20px
}

.mobile_app_service_box:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

.mobile_app_service_box h3 a {
    color: #202122
}

.mobile_app_service_box h3 a:hover {
    color: #ec7323
}

.mobile_app_service_box .btn-custome {
    position: absolute;
    bottom: 20px;
    left: auto
}

.about-slider {
    width: 100%;
    position: relative;
    background: #fbfcfc;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.about-img-slider {
    padding: 20px;
    text-align: center
}

.about-img-slider img {
    display: inline-block
}

.about-icon-slider {
    background: #fff;
    padding: 15px 20px;
    margin-top: -90px
}

.about-icon-slider a {
    background: #ec7323;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.about-icon-slider a svg {
    width: 40px
}

.about-icon-slider .slick-current a {
    background: #343535
}

.business-solution-slide ul {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.business-solution-slide ul li {
    width: 18%;
    float: left;
    padding: 0 10px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.business-solution-slide ul li.active {
    width: 46%
}

.business-solution-slide ul li .content {
    height: 450px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 20px;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.business-solution-slide ul li .content .icon {
    width: 90px;
    height: 90px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 25px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.business-solution-slide ul li .content .icon svg {
    width: 50px;
    height: 50px
}

.business-solution-slide ul li .content .icon svg circle, .business-solution-slide ul li .content .icon svg ellipse, .business-solution-slide ul li .content .icon svg line, .business-solution-slide ul li .content .icon svg path, .business-solution-slide ul li .content .icon svg polygon, .business-solution-slide ul li .content .icon svg rect {
    fill: #ec7323
}

.business-solution-slide ul li .content h3 {
    font-size: 18px;
    margin-bottom: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.business-solution-slide ul li .content p {
    margin-bottom: 20px;
    overflow: hidden;
    transform: scale(0);
    height: 0
}

.business-solution-slide ul li.active .content p {
    animation: businesssolutionautoheight 1s forwards
}

@-webkit-keyframes businesssolutionautoheight {
    0% {
        height: 0;
        -webkit-transform: scale(0)
    }
    100% {
        height: auto;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes businesssolutionautoheight {
    0% {
        height: 0;
        transform: scale(0)
    }
    100% {
        height: auto;
        transform: scale(1)
    }
}

@-ms-keyframes businesssolutionautoheight {
    0% {
        height: 0;
        -ms-transform: scale(0)
    }
    100% {
        height: auto;
        -ms-transform: scale(1)
    }
}

@keyframes businesssolutionautoheight {
    0% {
        height: 0;
        transform: scale(0)
    }
    100% {
        height: auto;
        transform: scale(1)
    }
}

.business-solution-slide ul li .content .btn-custome {
    display: none
}

.business-solution-slide ul li.active .content .btn-custome {
    display: inline-block;
    vertical-align: top
}

.business-solution-slide ul li .content:hover {
    -webkit-box-shadow: 0 5px 15px 0 rgba(236, 115, 35, .15);
    -moz-box-shadow: 0 5px 15px 0 rgba(236, 115, 35, .15);
    box-shadow: 0 5px 15px 0 rgba(236, 115, 35, .15)
}

.business-solution-slide ul li .content:hover .icon {
    -webkit-box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .5);
    -moz-box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .5);
    box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .5)
}

.business-solution-slide ul li .content:hover h3 {
    color: #ec7323
}

.cta.fullwidth {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 15px 0 rgba(236, 115, 35, .15);
    -moz-box-shadow: 0 5px 15px 0 rgba(236, 115, 35, .15);
    box-shadow: 0 5px 15px 0 rgba(236, 115, 35, .15)
}

.cta.fullwidth:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: calc(50% - 250px);
    background-color: #202122
}

.cta.fullwidth .cd-headline {
    padding: 40px 0;
    margin: 0
}

.cta.fullwidth .cd-headline span {
    color: #202122;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.6
}

.cta.fullwidth .cd-headline .cd-words-wrapper b {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 2px 0;
    color: #ec7323
}

.cta.fullwidth .btn-col {
    position: relative;
    padding: 40px 15px
}

.cta.fullwidth .btn-col:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 210px;
    width: 80px;
    height: 100%;
    background-color: #ec7323;
    transform: skew(20deg, 0deg)
}

.cta.fullwidth .cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left
}

.cta.fullwidth .cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0
}

.cta.fullwidth .cd-words-wrapper b.is-visible {
    position: relative
}

.no-js .cta.fullwidth .cd-words-wrapper b {
    opacity: 0
}

.no-js .cta.fullwidth .cd-words-wrapper b.is-visible {
    opacity: 1
}

.cd-headline.rotate-2 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.cd-headline.rotate-2 em, .cd-headline.rotate-2 i {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal
}

.cd-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0
}

.is-visible .cd-headline.rotate-2 i {
    opacity: 1
}

.cd-headline.rotate-2 i.in {
    -webkit-animation: cd-rotate-2-in .4s forwards;
    -moz-animation: cd-rotate-2-in .4s forwards;
    animation: cd-rotate-2-in .4s forwards
}

.cd-headline.rotate-2 i.out {
    -webkit-animation: cd-rotate-2-out .4s forwards;
    -moz-animation: cd-rotate-2-out .4s forwards;
    animation: cd-rotate-2-out .4s forwards
}

.cd-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px);
    transform: translateZ(20px)
}

.no-csstransitions .cd-headline.rotate-2 i {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0
}

.no-csstransitions .cd-headline.rotate-2 i em {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
    opacity: 1
}

@-webkit-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }
}

@-moz-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(90deg)
    }
    60% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(-10deg)
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0)
    }
}

@keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        -moz-transform: translateZ(-20px) rotateX(90deg);
        -ms-transform: translateZ(-20px) rotateX(90deg);
        -o-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        -moz-transform: translateZ(-20px) rotateX(-10deg);
        -ms-transform: translateZ(-20px) rotateX(-10deg);
        -o-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }
}

@-webkit-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@-moz-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0)
    }
    60% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-100deg)
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        -moz-transform: translateZ(-20px) rotateX(-100deg);
        -ms-transform: translateZ(-20px) rotateX(-100deg);
        -o-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        -moz-transform: translateZ(-20px) rotateX(-90deg);
        -ms-transform: translateZ(-20px) rotateX(-90deg);
        -o-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg)
    }
}

.innerbanner .tenc-intro-main__wrapper {
    background: rgba(32, 33, 34, .9)
}

.innerbanner h1 {
    font-size: 45px
}

.innerbanner h1.f-40 {
    font-size: 38px
}

.innerbanner p {
    font-size: 18px
}

.innerbanner .tenc-intro-main__wrapper a {
    font-size: 14px;
    box-shadow: none !important;
    text-transform: none;
    font-weight: 500;
    background: #ec7323 !important;
    border: 1px solid #ec7323
}

.innerbanner .tenc-intro-main__wrapper a:focus, .innerbanner .tenc-intro-main__wrapper a:hover {
    background-color: transparent !important;
    color: #fff;
    border: 1px solid #fff
}

.innerbanner .submitbar {
    padding: 0 15px;
    justify-content: space-between
}

.innerbannerform {
    background-color: rgba(32, 33, 34, .8);
    padding: 35px 25px;
    border: 1px solid #ec7323;
    border-radius: 5px
}

.innerbannerform .form-control {
    background-color: transparent;
    border: 1px solid #636465 !important;
    color: #fff;
    font-size: 14px;
    font-weight: 300
}

.innerbannerform .form-control::-webkit-input-placeholder {
    color: #fff
}

.innerbannerform .form-control::-moz-placeholder {
    color: #fff
}

.innerbannerform .form-control:-ms-input-placeholder {
    color: #fff
}

.innerbannerform .form-control:-moz-placeholder {
    color: #fff
}

.innerbanner .submitbar span {
    font-size: 12px
}

.innerbanner .submitbar .btn-custome {
    padding: 15px 18px
}

.innerbannerform .has-error .form-control {
    border: 1px solid red !important
}

.innerbannerform .has-error .help-block {
    display: none !important
}

.innerbannerform .form-group label {
    display: block;
    font-size: 0;
    margin: 0
}

.service-main-content h2 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px !important;
    font-size: 26px;
    font-weight: 600;
    display: inline-block
}

.service-main-content h2:before {
    content: "";
    display: block;
    height: 5px;
    background-color: #f58020;
    width: 30%;
    position: absolute;
    bottom: 0;
    border-radius: 10px
}

.service-main-content small {
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
    font-weight: 500
}

.what-we-offer-main-slider-section.scroll-to-fixed-fixed {
    padding: 20px 0
}

.what-we-offer-main-slider {
    position: relative;
    padding: 0 20px
}

.what-we-offer-main-slider-section .container {
    position: relative
}

.what-we-offer-main-slider-section .border-dashed {
    border-top: 2px dashed #cfd1d1;
    position: absolute;
    top: 35px;
    left: 15px;
    right: 15px;
    height: 2px
}

.what-we-offer-main-slider:after, .what-we-offer-main-slider:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #d2d3d4;
    border-radius: 100%
}

.what-we-offer-main-slider:before {
    left: 0;
    top: 25px
}

.what-we-offer-main-slider:after {
    right: 0;
    top: 25px
}

.what-we-offer-main-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.what-we-offer-main-item-box {
    padding: 0 5px;
    width: 12.5%;
    text-align: center
}

.what-we-offer-main-item-icon {
    width: 70px;
    height: 70px;
    background-color: #e6e7e8;
    border-radius: 100%;
    display: flex;
    align-items: center;
    margin: 0 auto 20px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.what-we-offer-main-item-icon svg {
    margin: 0 auto;
    width: 33px
}

.what-we-offer-main-item-box .what-we-offer-main-item-icon path {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    fill: #202122
}

.what-we-offer-main-item-icon img {
    margin: 0 auto
}

.what-we-offer-main-item-box.active .what-we-offer-main-item-icon, .what-we-offer-main-item-box:hover .what-we-offer-main-item-icon {
    -webkit-box-shadow: 0 5px 10px 0 #ec7323;
    -moz-box-shadow: 0 5px 10px 0 #ec7323;
    box-shadow: 0 5px 10px 0 #ec7323;
    background-color: #ec7323
}

.what-we-offer-main-item-box.active .what-we-offer-main-item-icon path, .what-we-offer-main-item-box:hover .what-we-offer-main-item-icon path {
    fill: #fff
}

.what-we-offer-main-item-title {
    color: #202122
}

.what-we-offer-main-listing {
    padding-top: 0
}

.what-we-offer-main-listing .row {
    padding-top: 80px
}

.what-we-offer-main-listing-img {
    display: inline-block;
    position: relative;
    margin-right: 30px
}

.what-we-offer-main-listing-img img {
    position: relative
}

.what-we-offer-main-listing-img:before {
    content: "";
    display: block;
    background-color: #eff0f0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 30px;
    top: 30px;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 10px 0 #eff0f0;
    -moz-box-shadow: 0 5px 10px 0 #eff0f0;
    box-shadow: 0 5px 10px 0 #eff0f0
}

.what-we-offer-main-listing-title {
    padding-bottom: 25px;
    position: relative;
    margin-bottom: 30px
}

.what-we-offer-main-listing-title:before {
    content: "";
    display: block;
    height: 5px;
    background-color: #f58020;
    width: 75%;
    position: absolute;
    bottom: 0;
    border-radius: 10px
}

.what-we-offer-main-listing-title .number {
    width: auto;
    font-size: 75px;
    font-weight: 900;
    color: rgba(32, 33, 34, .2);
    line-height: 55px;
    position: relative;
    margin-right: 15px
}

.what-we-offer-main-listing-title .number span {
    font-size: 35px;
    line-height: 28px;
    font-weight: 600;
    color: #f58020;
    position: absolute;
    right: 0;
    bottom: 0
}

.what-we-offer-main-listing-title h2, .what-we-offer-main-listing-title h3 {
    font-size: 30px;
    font-weight: 600
}

.what-we-offer-main-listing-content .top-text-block {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px
}

.what-we-offer-main-listing-content .top-text-block a {
    color: #f58020;
    text-decoration: none
}

.what-we-offer-main-listing-content .top-text-block a:hover {
    text-decoration: underline
}

.what-we-offer-main-listing-content p a {
    color: #f58020;
    text-decoration: none
}

.what-we-offer-main-listing-content p a:hover {
    text-decoration: underline
}

.what-we-offer-main-listing-content ul {
    margin-bottom: 1rem
}

.what-we-offer-main-listing-content li {
    display: block;
    color: #6a6d6f;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px
}

.what-we-offer-main-listing-content li:before {
    display: inline-block;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiase;
    background: #b9baba;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #202122;
    position: absolute;
    left: 0;
    top: 0
}

.web-app-sev-lang-collapse .left-col {
    border: 1px solid #ecedee;
    border-left: 0;
    border-right: 0;
    overflow: hidden;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    max-width: 44.5%;
    flex: 0 0 44.5%;
    -ms-flex: 0 0 44.5%
}

.web-app-sev-lang-collapse .right-col {
    max-width: 55.5%;
    flex: 0 0 55.5%;
    -ms-flex: 0 0 55.5%
}

.web-app-sev-lang-collapse .accordian_c {
    display: none
}

.web-app-sev-lang-collapse .tab_content {
    display: none
}

.web-app-sev-lang-collapse .accordion .accordian_c {
    display: block
}

.web-app-sev-lang-collapse .accordion > ul {
    display: none
}

.web-app-sev-lang-collapse .tab_list {
    border-bottom: 0
}

.web-app-sev-lang-collapse .tab_list li {
    color: #202122;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 35px;
    border: 0;
    min-height: 70px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    cursor: pointer
}

.web-app-sev-lang-collapse .tab_list li.active {
    color: #ec7323;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    background-color: #fff
}

.web-app-sev-lang-collapse .tab_list li:before {
    content: "";
    display: block;
    width: 5px;
    height: 100%;
    background-color: #ec7323;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden
}

.web-app-sev-lang-collapse .tab_list li.active:before {
    opacity: 1;
    visibility: visible
}

.web-app-sev-lang-collapse .accordian_c .arrow {
    float: right;
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 2px;
    transform: rotate(-135deg);
    border-top: 3px solid #202122;
    border-left: 3px solid #202122;
    right: 20px;
    top: 50%;
    margin-top: -6px
}

.web-app-sev-lang-collapse .accordian_c.active .arrow {
    transform: rotate(45deg);
    border-top: 3px solid #fff;
    border-left: 3px solid #fff
}

.web-app-sev-lang-collapse .content_wrapper {
    max-width: 600px;
    width: 100%
}

.web-app-sev-lang-collapse .tab_content {
    padding: 15px 15px
}

.web-app-sev-lang-collapse .tab_content img {
    margin-bottom: 25px;
    width: 150px
}

.web-app-sev-lang-collapse .tab_content h3 {
    font-size: 30px;
    color: #ec7323;
    font-weight: 600;
    margin-bottom: 20px
}

.web-app-sev-lang-collapse .tab_content p {
    margin-bottom: 25px
}

.web-why-choose-us-main {
    padding: 105px 0 30px
}

.callouts-separate.graybgoption {
    position: relative;
    bottom: -45px
}

.web-why-choose-main-box {
    border: 1px solid #ecedee;
    padding: 35px 20px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    min-height: 340px
}

.web-why-choose-main-icon {
    width: 75px;
    height: 75px;
    margin: 0 auto 15px
}

.web-why-choose-main-icon svg {
    width: 75px
}

.web-why-choose-main-icon circle, .web-why-choose-main-icon ellipse, .web-why-choose-main-icon line, .web-why-choose-main-icon path, .web-why-choose-main-icon polygon, .web-why-choose-main-icon rect {
    fill: #6a6d6f;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.web-why-choose-main-box h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.web-why-choose-main-box p {
    margin: 0
}

.web-why-choose-main-box:hover {
    border: 1px solid #ec7323;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.web-why-choose-main-box:hover .web-why-choose-main-icon circle, .web-why-choose-main-box:hover .web-why-choose-main-icon ellipse, .web-why-choose-main-box:hover .web-why-choose-main-icon line, .web-why-choose-main-box:hover .web-why-choose-main-icon path, .web-why-choose-main-box:hover .web-why-choose-main-icon polygon, .web-why-choose-main-box:hover .web-why-choose-main-icon rect {
    fill: #ec7323
}

.service-web-inner {
    position: relative
}

.service-we-offer-web-inner .web-why-choose-main-box {
    padding: 10px 15px;
    position: relative;
    border-bottom: 5px solid #ecedee;
    -webkit-box-shadow: 0 5px 10px 0 rgba(72, 73, 121, .15);
    -moz-box-shadow: 0 5px 10px 0 rgba(72, 73, 121, .15);
    box-shadow: 0 5px 10px 0 rgba(72, 73, 121, .15);
    border: 0;
    border-bottom: 5px solid transparent
}

.service-we-offer-web-inner .web-why-choose-main-icon {
    width: 100px;
    height: 100px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 100%;
    line-height: 100px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.service-we-offer-web-inner .web-why-choose-main-icon svg {
    width: 48px;
    height: 48px
}

.service-we-offer-web-inner .web-why-choose-main-box h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.service-we-offer-web-inner .web-why-choose-main-box:hover h3 {
    color: #ec7323
}

.service-we-offer-web-inner .web-why-choose-main-box:hover {
    -webkit-box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15);
    box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15);
    border: 0;
    border-bottom: 5px solid #ec7323
}

.service-we-offer-web-inner .web-why-choose-main-box:hover .web-why-choose-main-icon {
    -webkit-box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15);
    box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15)
}

.web-advtanges-box {
    border: 1px solid #e7e7e8;
    padding: 15px 15px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.web-advantages-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.web-advantages-icon svg {
    width: 50px;
    height: 50px
}

.web-advantages-icon svg circle, .web-advantages-icon svg ellipse, .web-advantages-icon svg line, .web-advantages-icon svg path, .web-advantages-icon svg polygon, .web-advantages-icon svg rect {
    fill: #6a6d6f;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.web-advantages-content-box {
    padding-top: 15px
}

.web-advantages-title {
    width: calc(100% - 70px);
    padding-left: 15px
}

.web-advantages-title h4 {
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 0;
    word-wrap: break-word
}

.web-advantages-content-box p {
    line-height: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.web-advantages-content-box p:last-child {
    margin-bottom: 0
}

.web-advtanges-box:hover {
    border: 1px solid #ec7323
}

.web-advtanges-box:hover .web-advantages-icon {
    background-color: #ec7323
}

.web-advtanges-box:hover .web-advantages-icon {
    box-shadow: none
}

.web-advtanges-box:hover .web-advantages-icon svg circle, .web-advtanges-box:hover .web-advantages-icon svg ellipse, .web-advtanges-box:hover .web-advantages-icon svg line, .web-advtanges-box:hover .web-advantages-icon svg path, .web-advtanges-box:hover .web-advantages-icon svg polygon, .web-advtanges-box:hover .web-advantages-icon svg rect {
    fill: #fff
}

.web-advtanges-box:hover .web-advantages-title h4 {
    color: #ec7323
}

.web-why-choose-us-inner-box {
    border: 1px solid #ecedee;
    -webkit-box-shadow: 0 1px 5px 0 rgba(72, 73, 121, .15);
    -moz-box-shadow: 0 1px 5px 0 rgba(72, 73, 121, .15);
    box-shadow: 0 1px 5px 0 rgba(72, 73, 121, .15);
    margin-top: 50px;
    border-radius: 10px;
    padding: 20px 20px 20px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.web-why-choose-inner-icon {
    width: 75px;
    height: 75px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 100%;
    line-height: 75px;
    text-align: center;
    margin-top: -57px;
    background-color: #fff;
    float: left;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.web-why-choose-inner-icon svg {
    width: 44px;
    height: 44px
}

.web-why-choose-inner-icon svg circle, .web-why-choose-inner-icon svg ellipse, .web-why-choose-inner-icon svg line, .web-why-choose-inner-icon svg path, .web-why-choose-inner-icon svg polygon, .web-why-choose-inner-icon svg rect {
    fill: #6a6d6f;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.web-why-choose-us-inner-box h5 {
    font-size: 18px;
    font-weight: 500;
    width: calc(100% - 75px);
    float: left;
    padding-left: 10px;
    margin-bottom: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.web-why-choose-us-inner-box p {
    clear: both
}

.web-why-choose-us-inner-box p:last-child {
    margin-bottom: 0
}

.web-why-choose-us-inner-box:hover {
    border: 1px solid #ec7323
}

.web-why-choose-us-inner-box:hover .web-why-choose-inner-icon {
    background-color: #ec7323
}

.web-why-choose-us-inner-box:hover svg circle, .web-why-choose-us-inner-box:hover svg ellipse, .web-why-choose-us-inner-box:hover svg line, .web-why-choose-us-inner-box:hover svg path, .web-why-choose-us-inner-box:hover svg polygon, .web-why-choose-us-inner-box:hover svg rect {
    fill: #fff
}

.web-why-choose-us-inner-box:hover h3 {
    color: #ec7323
}

.callouts-separate.webdevinner {
    position: relative;
    margin: 60px auto 0
}

.web-why-go-content h3 {
    font-size: 30px;
    font-weight: 600;
    color: #ec7323;
    margin-bottom: 15px
}

.web-why-go-content p {
    font-size: 16px;
    color: #202122;
    width: calc(100% - 60px);
    margin: 0 0 0 13px
}

.web-why-go-content ul {
    margin-bottom: 30px
}

.web-why-go-content ul li {
    margin-bottom: 20px;
    min-height: 63px;
    display: block;
    align-items: center;
    padding-left: 0;
    position: relative;
    font-size: 14px;
    color: #6a6d6f;
    display: flex;
    align-items: center
}

.web-why-go-content ul li p {
    color: #6a6d6f
}

.web-why-go-content ul li .web-why-go-icon {
    width: 47px;
    height: 47px;
    border-radius: 100%;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    display: flex;
    align-items: center;
    justify-content: center
}

.web-why-go-content ul li .web-why-go-icon svg {
    width: 24px;
    height: 24px
}

.web-why-go-content ul li .web-why-go-icon svg circle, .web-why-go-content ul li .web-why-go-icon svg ellipse, .web-why-go-content ul li .web-why-go-icon svg line, .web-why-go-content ul li .web-why-go-icon svg path, .web-why-go-content ul li .web-why-go-icon svg polygon, .web-why-go-content ul li .web-why-go-icon svg rect {
    fill: #6a6d6f
}

.option1 .web-why-choose-main-icon {
    margin: -60px auto 15px;
    background-color: #fff
}

.service-we-offer-web-inner.option1 .title {
    margin-bottom: 10px
}

.service-we-offer-web-inner.option1 .web-why-choose-main-box:hover .web-why-choose-main-icon {
    background-color: #ec7323
}

.service-we-offer-web-inner.option1 .web-why-choose-main-box:hover .web-why-choose-main-icon circle, .service-we-offer-web-inner.option1 .web-why-choose-main-box:hover .web-why-choose-main-icon ellipse, .service-we-offer-web-inner.option1 .web-why-choose-main-box:hover .web-why-choose-main-icon line, .service-we-offer-web-inner.option1 .web-why-choose-main-box:hover .web-why-choose-main-icon path, .service-we-offer-web-inner.option1 .web-why-choose-main-box:hover .web-why-choose-main-icon polygon, .service-we-offer-web-inner.option1 .web-why-choose-main-box:hover .web-why-choose-main-icon rect {
    fill: #fff
}

.types-of-ar-development-section .slick-list {
    width: 100%
}

.type-of-ar-list-section {
    z-index: 1
}

.type-of-ar-list-box {
    padding: 10px 10px 0;
    cursor: pointer;
    position: relative;
    margin-bottom: 50px
}

.type-of-ar-list-box:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -51px;
    width: 40px;
    height: 25px;
    background-image: url(../images/mobile-app-development/ar-app/types-of-ar-arrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden
}

.type-of-ar-list-icon {
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    border-radius: 100%;
    margin: 0 auto 10px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.type-of-ar-list-icon svg {
    width: 40px;
    height: 40px
}

.type-of-ar-list-icon svg circle, .type-of-ar-list-icon svg ellipse, .type-of-ar-list-icon svg line, .type-of-ar-list-icon svg path, .type-of-ar-list-icon svg polygon, .type-of-ar-list-icon svg rect {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.type-of-ar-list-box h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 0;
    text-align: center;
    min-height: 42px
}

.type-of-ar-list-item.slick-current .type-of-ar-list-box:before {
    opacity: 1;
    visibility: visible
}

.type-of-ar-list-item.slick-current .type-of-ar-list-icon, .type-of-ar-list-item:hover .type-of-ar-list-icon {
    background-color: #ec7323;
    box-shadow: none
}

.type-of-ar-list-item.slick-current .type-of-ar-list-icon svg circle, .type-of-ar-list-item.slick-current .type-of-ar-list-icon svg ellipse, .type-of-ar-list-item.slick-current .type-of-ar-list-icon svg line, .type-of-ar-list-item.slick-current .type-of-ar-list-icon svg path, .type-of-ar-list-item.slick-current .type-of-ar-list-icon svg polygon, .type-of-ar-list-item.slick-current .type-of-ar-list-icon svg rect, .type-of-ar-list-item:hover .type-of-ar-list-icon svg circle, .type-of-ar-list-item:hover .type-of-ar-list-icon svg ellipse, .type-of-ar-list-item:hover .type-of-ar-list-icon svg line, .type-of-ar-list-item:hover .type-of-ar-list-icon svg path, .type-of-ar-list-item:hover .type-of-ar-list-icon svg polygon, .type-of-ar-list-item:hover .type-of-ar-list-icon svg rect {
    fill: #fff
}

.type-of-ar-list-item.slick-current .type-of-ar-list-box h4, .type-of-ar-list-item:hover .type-of-ar-list-box h4 {
    color: #ec7323
}

.type-of-ar-content-section {
    margin-top: -1px
}

.type-of-ar-content-box {
    padding: 30px 15px;
    text-align: center;
    border: 1px solid #ec7323;
    border-radius: 10px
}

.type-of-ar-title {
    font-size: 25px;
    margin-bottom: 15px;
    color: #ec7323;
    font-weight: 400
}

.type-of-ar-content-box p:last-child {
    margin-bottom: 0
}

.types-of-ar-platform-section {
    padding-top: 100px
}

.types-of-ar-platform-box {
    position: relative;
    min-height: 190px;
    padding: 10px 20px
}

.types-of-ar-platform-box img {
    margin: 0 auto;
    -ms-flex: 1
}

.types-of-ar-platform-overlay {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #ec7323;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.types-of-ar-platform-name {
    color: #fff;
    font-size: 24px;
    font-weight: 400
}

.types-of-ar-platform-content p {
    color: #fff
}

.types-of-ar-platform-content p:last-child {
    margin-bottom: 0
}

.types-of-ar-platform-box:hover .types-of-ar-platform-overlay {
    opacity: 1;
    visibility: visible;
    top: 0
}

.ar-services-detail-icon {
    margin-bottom: 30px
}

.ar-services-detail-icon svg {
    width: 60px;
    height: 60px;
    fill: #ec7323
}

.ar-services-detail-content h5 {
    font-size: 24px;
    margin-bottom: 25px;
    font-weight: 500
}

.ar-services-detail-content p:last-child {
    margin-bottom: 0
}

.ar-services-list-section {
    padding-top: 60px
}

.ar-services-list-section .container {
    max-width: 1600px;
    padding: 0
}

.ar-services-list-slider .slick-slide {
    padding: 0 15px
}

.ar-services-list-box {
    min-height: 170px;
    min-width: 170px;
    border: 1px solid #dddfe1;
    padding: 20px 10px 15px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ar-services-list-icon {
    margin-bottom: 12px
}

.ar-services-list-icon svg {
    width: 50px;
    height: 50px;
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ar-services-list-title {
    font-size: 16px;
    font-weight: 500;
    min-height: 72px
}

.slick-current .ar-services-list-box {
    border: 1px solid #ec7323
}

.slick-current .ar-services-list-icon svg {
    fill: #ec7323
}

.ar-services-list-box:hover {
    border: 1px solid #ec7323
}

.ar-services-list-box:hover .ar-services-list-icon svg {
    fill: #ec7323
}

.ar-services-detail-image img {
    margin: 0 auto
}

.ar-why-choose-content-box {
    padding: 20px 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #fff;
    min-height: 290px
}

.ar-why-choose-us-icon {
    margin-bottom: 15px
}

.ar-why-choose-us-icon svg {
    width: 50px;
    height: 50px
}

.ar-why-choose-us-icon svg circle, .ar-why-choose-us-icon svg ellipse, .ar-why-choose-us-icon svg line, .ar-why-choose-us-icon svg path, .ar-why-choose-us-icon svg polygon, .ar-why-choose-us-icon svg rect {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ar-why-choose-us-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 1.2;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ar-why-choose-content-box p {
    line-height: 20px
}

.ar-why-choose-content-box p:last-child {
    margin-bottom: 0
}

.ar-why-choose-content-box:hover {
    -webkit-box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15);
    box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15)
}

.ar-why-choose-content-box:hover .ar-why-choose-us-icon svg circle, .ar-why-choose-content-box:hover .ar-why-choose-us-icon svg ellipse, .ar-why-choose-content-box:hover .ar-why-choose-us-icon svg line, .ar-why-choose-content-box:hover .ar-why-choose-us-icon svg polygon, .ar-why-choose-content-box:hover .ar-why-choose-us-icon svg rect, .ar-why-choose-content-box:hover svg path {
    fill: #ec7323
}

.ar-why-choose-content-box:hover .ar-why-choose-us-title {
    color: #ec7323
}

.portfolio-figure-caption .portfolio-store-button a {
    border: 0;
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    margin: 0 5px 10px
}

.callouts-separate + .ar-why-choose-us-section {
    padding-top: 110px
}

.banner.height668 {
    min-height: 668px
}

.banner.height668 .video {
    min-height: 668px;
    max-height: 668px
}

.banner.height450 {
    min-height: 450px
}

.banner.height450 .video {
    min-height: 450px;
    max-height: 450px
}

.banner.height450 .breadcrumb {
    bottom: 60px
}

.portfolio-listing-box {
    width: 20%;
    text-align: center;
    display: flex;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-right: 1px solid #dddfe1
}

.portfolio-listing-box:first-child {
    border-left: 1px solid #dddfe1
}

.portfolio-listing-icon {
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    min-height: 120px;
    padding: 18px 10px
}

.portfolio-listing-icon svg {
    width: 44px;
    height: 44px
}

.portfolio-listing-icon svg circle, .portfolio-listing-icon svg ellipse, .portfolio-listing-icon svg line, .portfolio-listing-icon svg path, .portfolio-listing-icon svg polygon, .portfolio-listing-icon svg rect {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.portfolio-listing-icon span {
    display: block;
    font-size: 16px;
    margin-top: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.portfolio-listing-box.current, .portfolio-listing-box:hover {
    background-color: #ec7323
}

.portfolio-listing-box.current .portfolio-listing-icon svg circle, .portfolio-listing-box.current .portfolio-listing-icon svg ellipse, .portfolio-listing-box.current .portfolio-listing-icon svg line, .portfolio-listing-box.current .portfolio-listing-icon svg path, .portfolio-listing-box.current .portfolio-listing-icon svg polygon, .portfolio-listing-box.current .portfolio-listing-icon svg rect, .portfolio-listing-box:hover .portfolio-listing-icon svg circle, .portfolio-listing-box:hover .portfolio-listing-icon svg ellipse, .portfolio-listing-box:hover .portfolio-listing-icon svg line, .portfolio-listing-box:hover .portfolio-listing-icon svg path, .portfolio-listing-box:hover .portfolio-listing-icon svg polygon, .portfolio-listing-box:hover .portfolio-listing-icon svg rect {
    fill: #fff
}

.portfolio-listing-box.current .portfolio-listing-icon span, .portfolio-listing-box:hover .portfolio-listing-icon span {
    color: #fff
}

.portfolio-title-section .title {
    margin-bottom: 0
}

.portfolio-title h3 {
    font-size: 28px
}

.portfolio-preview-wrap {
    padding-bottom: 45px
}

.portfolio-preview-box {
    padding: 130px 0 40px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.portfolio-preview-box:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8)
}

.portfolio-preview-box.bluebg:before {
    background: rgba(41, 127, 221, .85)
}

.portfolio-preview-box.pinkbg:before {
    background: rgba(238, 20, 133, .85)
}

.portfolio-preview-box.orangebg:before {
    background: rgba(239, 108, 61, .85)
}

.portfolio-preview-box.purpalbg:before {
    background: rgba(77, 27, 74, .95)
}

.portfolio-preview-box.skybluebg:before {
    background: rgba(0, 168, 177, .85)
}

.portfolio-preview-box.lightgreenbg:before {
    background: rgba(38, 162, 127, .85)
}

.portfolio-preview-box.darkbluebg:before {
    background: rgba(9, 56, 74, .9)
}

.portfolio-preview-box.fantasybg:before {
    background: rgba(18, 46, 79, .9)
}

.portfolio-preview-box.doreltaxibg:before {
    background: rgba(170, 121, 68, .8)
}

.portfolio-preview-box.cluedbg:before {
    background: rgba(88, 88, 90, .9)
}

.portfolio-preview-box.blogasfriendbg:before {
    background: rgba(97, 168, 143, .9)
}

.portfolio-preview-box.metalrecyclingbg:before {
    background: rgba(40, 149, 70, .9)
}

.portfolio-preview-box.mowmowbg:before {
    background: rgba(48, 99, 213, .5)
}

.portfolio-preview-box.appaibg:before {
    background: rgba(122, 78, 35, .9)
}

.portfolio-preview-box.adanibg:before {
    background: rgba(0, 109, 159, .9)
}

.portfolio-preview-box.formassistbg:before {
    background: rgba(0, 210, 165, .9)
}

.portfolio-preview-box.squshybg:before {
    background: rgba(0, 84, 144, .97)
}

.portfolio-preview-box .container {
    max-width: 1300px
}

.portfolio-preview-box.section {
    display: table;
    width: 100%
}

.portfolio-preview-box.section > div {
    display: table-cell;
    vertical-align: middle
}

.portfolio-preview-main-logo {
    margin-bottom: 15px;
    display: flex;
    align-items: center
}

.portfolio-preview-main-logo img {
    display: block
}

.portfolio-preview-main-logo-text {
    padding-left: 15px;
    text-align: left
}

.portfolio-preview-main-logo-text .appname {
    color: #fff;
    display: block;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.3
}

.portfolio-preview-main-logo-text .moreaboutapp {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 1.3
}

.portfolio-preview-thumb {
    text-align: center
}

.portfolio-preview-thumb img {
    margin: 0 auto
}

.portfolio-preview-content-box h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 25px
}

.portfolio-preview-content-box .contentboxlist {
    margin-bottom: 20px
}

.portfolio-preview-content-box .contentboxlist li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #fff;
    padding: 0 15px 0 0;
    margin: 0 15px 0 0
}

.portfolio-preview-content-box .contentboxlist li:before {
    content: "";
    display: block;
    width: 1px;
    height: 18px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px
}

.portfolio-preview-content-box .contentboxlist li:last-child {
    margin: 0;
    padding: 0
}

.portfolio-preview-content-box .contentboxlist li:last-child:before {
    display: none
}

.portfolio-preview-content-box .contentboxlist li a {
    color: #fff
}

.portfolio-preview-content-box p {
    color: #fff;
    margin-bottom: 25px
}

.portfolio-preview-content-box .button-wrap {
    margin-top: 40px;
    display: flex;
    align-items: center
}

.portfolio-preview-content-box .button-wrap a {
    margin-right: 15px
}

.portfolio-preview-content-box .btn-custome {
    background-color: #fff !important;
    color: #202122 !important;
    font-weight: 500
}

.portfolio-preview-content-box a + .btn-custome {
    margin-left: 20px;
    margin-right: 0
}

.portfolio-preview-content-box .btn-custome:focus, .portfolio-preview-content-box .btn-custome:hover {
    background-color: #343535 !important;
    color: #fff !important
}

.portfolio-preview-thumb-main {
    display: inline-block;
    position: relative
}

.portfolio-preview-thumb-main > img {
    opacity: 0
}

.portfolio-preview-thumb-sep, .portfolio-preview-thumb-sep-opt2 {
    position: absolute;
    bottom: 0
}

.portfolio-preview-thumb-sep.one {
    right: 0;
    width: 56.5%;
    z-index: 1;
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.portfolio-preview-thumb-sep.two {
    left: 0;
    width: 66%;
    z-index: 2;
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.portfolio-preview-thumb-sep.three {
    left: 0;
    width: 66%;
    z-index: 0;
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.portfolio-preview-thumb-sep.one:hover {
    -webkit-transform: scale(1.15) translateX(40px);
    -moz-transform: scale(1.15) translateX(40px);
    -o-transform: scale(1.15) translateX(40px);
    -ms-transform: scale(1.15) translateX(40px);
    transform: scale(1.15) translateX(40px);
    z-index: 3
}

.portfolio-preview-thumb-sep.one:hover + .two, .portfolio-preview-thumb-sep.one:hover + .two + .three {
    -webkit-transform: scale(.87) translateX(-30px);
    -moz-transform: scale(.87) translateX(-30px);
    -o-transform: scale(.87) translateX(-30px);
    -ms-transform: scale(.87) translateX(-30px);
    transform: scale(.87) translateX(-30px);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.landscapescreen .portfolio-preview-thumb-sep.one {
    right: 0;
    width: 75%;
    z-index: 1;
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.landscapescreen .portfolio-preview-thumb-sep.two {
    left: 0;
    width: 81%;
    top: 0;
    bottom: inherit;
    z-index: 2;
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.landscapescreen .portfolio-preview-thumb-sep.three {
    left: 0;
    width: 81%;
    top: 0;
    bottom: inherit;
    z-index: 0;
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.landscapescreen .portfolio-preview-thumb-sep.one:hover {
    -webkit-transform: scale(1.15) translateX(-40px);
    -moz-transform: scale(1.15) translateX(-40px);
    -o-transform: scale(1.15) translateX(-40px);
    -ms-transform: scale(1.15) translateX(-40px);
    transform: scale(1.15) translateX(-40px);
    z-index: 3
}

.landscapescreen .portfolio-preview-thumb-sep.one:hover + .two, .landscapescreen .portfolio-preview-thumb-sep.one:hover + .two + .three {
    -webkit-transform: scale(.9) translateX(0);
    -moz-transform: scale(.9) translateX(0);
    -o-transform: scale(.9) translateX(0);
    -ms-transform: scale(.9) translateX(0);
    transform: scale(.9) translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.portfolio-preview-thumb-sep-opt2.one {
    right: inherit;
    left: 0;
    width: 56.5%;
    z-index: 1;
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.portfolio-preview-thumb-sep-opt2.two {
    right: 0;
    left: inherit;
    width: 68%;
    z-index: 2;
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.portfolio-preview-thumb-sep-opt2.three {
    right: 0;
    left: inherit;
    width: 68%;
    z-index: 0;
    -webkit-transform: scale(1) translateX(0);
    -moz-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    width: 66.5%
}

.portfolio-preview-thumb-sep-opt2.one:hover {
    -webkit-transform: scale(1) translateX(-30px);
    -moz-transform: scale(1) translateX(-30px);
    -o-transform: scale(1) translateX(-30px);
    -ms-transform: scale(1) translateX(-30px);
    transform: scale(1) translateX(-30px);
    z-index: 3
}

.portfolio-preview-thumb-sep-opt2.one:hover + .two, .portfolio-preview-thumb-sep-opt2.one:hover + .two + .three {
    -webkit-transform: scale(1) translateX(30px);
    -moz-transform: scale(1) translateX(30px);
    -o-transform: scale(1) translateX(30px);
    -ms-transform: scale(1) translateX(30px);
    transform: scale(1) translateX(30px)
}

.option1.portfolio-listing-section {
    top: -60px;
    position: absolute;
    z-index: 10;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}

.option1.portfolio-listing-section.active {
    display: block;
    opacity: 1;
    visibility: visible
}

.option1.portfolio-listing-section .d-flex {
    border-radius: 10px;
    overflow: hidden
}

.option1 .portfolio-listing-box {
    background-color: #fff
}

.option1 .portfolio-listing-box:first-child, .option1 .portfolio-listing-box:last-child {
    border-left: 0
}

.option1 .portfolio-listing-box:last-child {
    border-right: 0
}

.option1 .portfolio-listing-box.current, .option1 .portfolio-listing-box:hover {
    background-color: #ec7323
}

.option1 .portfolio-listing-box.current .portfolio-listing-icon span, .option1 .portfolio-listing-box.current .portfolio-listing-icon svg circle, .option1 .portfolio-listing-box.current .portfolio-listing-icon svg ellipse, .option1 .portfolio-listing-box.current .portfolio-listing-icon svg line, .option1 .portfolio-listing-box.current .portfolio-listing-icon svg path, .option1 .portfolio-listing-box.current .portfolio-listing-icon svg polygon, .option1 .portfolio-listing-box.current .portfolio-listing-icon svg rect, .option1 .portfolio-listing-box:hover .portfolio-listing-icon svg circle, .option1 .portfolio-listing-box:hover .portfolio-listing-icon svg ellipse, .option1 .portfolio-listing-box:hover .portfolio-listing-icon svg line, .option1 .portfolio-listing-box:hover .portfolio-listing-icon svg path, .option1 .portfolio-listing-box:hover .portfolio-listing-icon svg polygon, .option1 .portfolio-listing-box:hover .portfolio-listing-icon svg rect {
    fill: #fff
}

.option1 .portfolio-listing-box:hover .portfolio-listing-icon span {
    color: #fff
}

.portfolio-preview-thumb .progressive-media {
    margin: 0 auto
}

.meet-the-team-section {
    position: relative
}

.meet-the-team-section:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 105px;
    background-color: #f8f9fa
}

.meet-the-team-image {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.meet-the-team-image:before {
    content: "";
    display: block;
    top: 20px;
    right: 20px;
    border: 5px solid #fde7d2;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.meet-the-team-image img {
    border: 5px solid #ec7323;
    position: relative
}

.meet-the-team-content h2 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px !important;
    font-size: 30px;
    font-weight: 600;
    display: inline-block
}

.meet-the-team-content h2:before {
    content: "";
    display: block;
    height: 5px;
    background-color: #f58020;
    width: 30%;
    position: absolute;
    bottom: 0;
    border-radius: 10px
}

.about-us-review-section {
    padding: 0 0 30px
}

.about-us-review-section .counter-section {
    margin-top: 0
}

.about-us-review-section .counter-image {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #fff;
    line-height: 100px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    text-align: center
}

.about-us-review-section .counter-section li {
    padding: 0 10px;
    margin-bottom: 30px;
    align-items: center
}

.about-us-review-section .counter-section li:before {
    display: none
}

.about-us-review-section .counter-section li img {
    width: 55px;
    margin: 0 auto
}

.about-us-review-section .counter_text {
    width: calc(100% - 100px);
    padding-left: 15px
}

.about-leadership-content-wrap {
    position: relative
}

.about-leadership-content-wrap:before {
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    right: -15px;
    top: 0;
    bottom: 0;
    background-color: #f7f7f7;
    border-radius: 15px
}

.about-leadership-content-wrap:after {
    content: "";
    display: block;
    position: absolute;
    width: 38px;
    height: 64px;
    right: -37px;
    top: 50%;
    background: url(../images/about-us/leadership-content-right-corner.png) no-repeat center center;
    margin-top: -32px
}

.about-leadership-content {
    background-color: #fff;
    position: relative;
    padding: 30px 30px;
    border: 1px solid #dddfe1;
    border-radius: 15px
}

.about-leadership-title {
    font-size: 30px;
    font-weight: 600;
    color: #ec7323;
    margin-bottom: 20px;
    line-height: 1.3
}

.about-leadership-content p:last-child {
    margin-bottom: 0
}

.about-leadership-image {
    background-color: #fbfcfc;
    border-radius: 15px;
    margin-left: 20px;
    min-height: 500px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    padding: 20px 10px 0;
    overflow: hidden
}

.mission-n-vision-section {
    position: relative
}

.mission-n-vision-section .container {
    position: relative
}

.mission-n-vision-box {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    padding: 45px 45px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    min-height: 405px
}

.mission-n-vision-box:hover {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.mission-n-vision-icon {
    width: 90px;
    height: 90px;
    line-height: 90px;
    background-color: #ec7323;
    text-align: center;
    border-radius: 100%;
    margin-bottom: 20px;
    position: relative
}

.mission-n-vision-icon:before {
    content: "";
    display: block;
    background-color: rgba(245, 133, 31, .2);
    position: absolute;
    left: 10px;
    top: -5px;
    right: -10px;
    bottom: -50px;
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.mission-n-vision-icon svg {
    width: 50px;
    height: 50px
}

.mission-n-vision-icon svg * {
    fill: #fff
}

.mission-n-vision-box h3 {
    font-size: 24px;
    font-weight: 500;
    color: #ec7323;
    margin-bottom: 18px
}

.mission-n-vision-box p:last-child {
    margin-bottom: 0
}

.title p {
    font: normal 14px/22px Montserrat, sans-serif;
    font-style: normal
}

.our-core-value-box {
    background-color: #fff;
    border: 1px solid #dddfe1;
    padding: 20px 20px;
    min-height: 310px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.our-core-value-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border: 1px solid #dddfe1;
    margin-bottom: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.our-core-value-icon svg {
    width: 48px;
    height: 48px
}

.our-core-value-icon circle, .our-core-value-icon ellipse, .our-core-value-icon path, .our-core-value-icon polygon, .our-core-value-icon rect {
    fill: #ec7323;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.our-core-value-box h3, .our-core-value-box h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px
}

.our-core-value-box p:last-child {
    margin-bottom: 0
}

.our-core-value-box:hover {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.our-core-value-box:hover .our-core-value-icon {
    background-color: #ec7323
}

.our-core-value-box:hover .our-core-value-icon circle, .our-core-value-box:hover .our-core-value-icon ellipse, .our-core-value-box:hover .our-core-value-icon path, .our-core-value-box:hover .our-core-value-icon polygon, .our-core-value-box:hover .our-core-value-icon rect {
    fill: #fff
}

.our-history-detail-image {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.our-history-detail-image img {
    border-radius: 100%;
    position: relative;
    z-index: 1
}

.our-history-detail-image:before {
    content: "";
    display: block;
    background-color: rgba(245, 133, 31, .1);
    position: absolute;
    left: -12px;
    top: -15px;
    right: -12px;
    bottom: 0;
    width: calc(100% + 24px);
    height: 100%;
    border-radius: 100%;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.our-history-detail-image:after {
    content: "";
    display: block;
    background-color: rgba(245, 133, 31, .1);
    position: absolute;
    left: -60px;
    top: -30px;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -o-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.our-history-content-wrap {
    margin-left: 15px;
    background: #fff
}

.our-history-detail-box {
    padding: 50px 30px 40px;
    position: relative
}

.our-history-detail-box-title-wrap {
    padding-right: 120px
}

.our-history-detail-num {
    color: #ec7323;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px
}

.our-history-detail-title {
    font-size: 24px;
    margin-bottom: 25px
}

.our-history-detail-box p:last-child {
    margin-bottom: 0
}

.our-history-detail-icon {
    position: absolute;
    right: 20px;
    top: 15px
}

.our-history-detail-icon svg {
    width: 110px;
    height: 110px
}

.our-history-detail-icon svg * {
    fill: #f0f0f0
}

.our-history-progress-bottom {
    margin-top: 50px;
    position: relative
}

.our-history-progress-bottom:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: #e6e8e9;
    position: absolute;
    bottom: 69px
}

.our-history-year-slider {
    max-width: 800px;
    width: 100%;
    margin: 0 auto
}

.our-history-year-box {
    text-align: center;
    cursor: pointer;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: 20px auto;
    border: 1px solid #cacaca;
    border-radius: 100%;
    transform: scale(.5);
    font-size: 30px;
    font-weight: 500;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.our-history-year-slider .slick-current .our-history-year-box {
    background-color: #ec7323;
    transform: scale(1);
    border: 1px solid #ec7323;
    color: #fff;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.featured-in-section {
    position: relative
}

.featured-in-section .container {
    position: relative
}

.featured-in-image-box {
    height: 110px;
    background-color: #fdfefe;
    position: relative;
    padding: 5px 10px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.featured-in-image-box img {
    align-self: center;
    -ms-flex: 1
}

.featured-in-image-box:hover {
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .15)
}

.featured-in-image-box:before {
    content: "";
    display: block;
    position: absolute;
    width: 37px;
    height: 12px;
    right: -37px;
    top: 50%;
    margin-top: -6px;
    background: url(../images/about-us/featured-in-bg-pattern.png) no-repeat center center
}

.featured-in-section .row > div:last-child .featured-in-image-box:before, .featured-in-section .row > div:nth-child(4n+0) .featured-in-image-box:before {
    display: none
}

.our-award-section .item {
    padding: 0 15px
}

.our-award-section .item img {
    height: 170px
}

.aboutusbanner .tenc-intro-main__wrapper h1 span {
    display: block;
    padding-bottom: 10px;
    color: #ec7323;
    text-transform: uppercase
}

.our-work-process-section .title {
    margin-bottom: 0
}

.our-work-process-slider-section .progressbar {
    padding: 20px 0
}

.our-work-process-slider-section .progressbar .shim {
    display: none;
    width: 100%
}

.our-work-process-slider-section .progressbar .holder {
    position: relative
}

.our-work-process-slider-section .progressbar .holder .bar {
    position: absolute;
    bottom: 85px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    max-width: 1000px;
    width: 100%;
    right: 0;
    margin: 0 auto;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.our-work-process-slider-section .progressbar .holder .bar .indicator {
    position: absolute;
    top: 0;
    left: 0 !important;
    height: 100%;
    background-color: #ec7323
}

.our-work-process-slider-section .progressbar .holder .labels {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.our-work-process-slider-section .progressbar .holder .labels .label-item {
    width: 14.2857%;
    position: relative
}

.our-work-process-slider-section .progressbar .holder .labels .label-item a {
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #202122
}

.our-work-process-slider-section .progressbar .holder .labels .label-item-svg {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 25px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    border-radius: 100%;
    overflow: hidden
}

.our-work-process-slider-section .progressbar .holder .labels .label-item-svg:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-color: #ec7323;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.our-work-process-slider-section .progressbar .holder .labels .label-item-svg svg {
    width: 40px;
    height: 40px;
    position: relative
}

.our-work-process-slider-section .progressbar .holder .labels .label-item-svg svg * {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    fill: #202122
}

.our-work-process-slider-section .progressbar .holder .labels .label-item.read {
    color: #ec7323
}

.our-work-process-slider-section .progressbar .holder .labels .label-item.active a, .our-work-process-slider-section .progressbar .holder .labels .label-item.read a, .our-work-process-slider-section .progressbar .holder .labels .label-item.read.reading.active a {
    color: #ec7323
}

.our-work-process-slider-section .progressbar .holder .labels .label-item.active .label-item-svg:before, .our-work-process-slider-section .progressbar .holder .labels .label-item.read .label-item-svg:before, .our-work-process-slider-section .progressbar .holder .labels .label-item.read.reading.active .label-item-svg:before {
    background-color: #ec7323;
    width: 100%
}

.our-work-process-slider-section .progressbar .holder .labels .label-item.active .label-item-svg svg *, .our-work-process-slider-section .progressbar .holder .labels .label-item.read .label-item-svg svg *, .our-work-process-slider-section .progressbar .holder .labels .label-item.read.reading.active .label-item-svg svg * {
    fill: #fff
}

.our-process-step-row {
    position: relative;
    padding: 60px 0 100px 0;
    background: #fff
}

.our-process-step-row .position-static {
    margin-left: -9% !important;
    z-index: 1
}

.our-process-svg svg {
    display: none
}

.our-process-step-row .container {
    position: relative
}

.our-process-content-box .number {
    position: absolute;
    right: 20px;
    top: 0;
    color: #dfdfdf;
    font-size: 80px;
    line-height: 1
}

.our-process-content {
    position: relative;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #ec7323;
    padding: 40px 35px
}

.our-process-content h3 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    font-weight: 500
}

.our-process-content p:last-child {
    margin-bottom: 0
}

.our-process-image-box {
    position: relative
}

.our-process-image-box img {
    position: relative
}

.our-process-image-box:before {
    content: "";
    display: block;
    top: 40px;
    right: 28px;
    border: 5px solid #fde7d2;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.our-process-step-row:nth-child(even) {
    background: #f8f9fa
}

.our-process-step-row:nth-child(even) .our-process-content-box .number {
    left: 20px;
    right: inherit
}

.our-process-step-row:nth-child(even) .position-static {
    margin-left: 0 !important;
    margin-right: -9% !important
}

.our-process-step-row:nth-child(even) .our-process-image-box:before {
    right: inherit;
    left: 28px
}

.mvp-services-offer-image {
    margin-bottom: -70px;
    padding: 0 25px;
    top: 0;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mvp-services-offer-content-box {
    padding: 100px 15px 30px
}

.mvp-services-offer-content-box h3 {
    color: #202122;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mvp-services-offer-content-box p:last-child {
    margin-bottom: 0
}

.mvp-services-offer-box:hover .mvp-services-offer-image {
    top: -10px
}

.mvp-services-offer-box:hover .mvp-services-offer-content-box h3 {
    color: #ec7323
}

.mvp-what-we-offer-box {
    padding: 10px;
    border: 1px solid #e4e6e8;
    min-height: 550px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: hidden
}

.mvp-what-we-offer-image {
    margin-bottom: 15px
}

.mvp-what-we-offer-image img {
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mvp-what-we-offer-box h4 {
    color: #202122;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mvp-what-we-offer-box p:last-child {
    margin-bottom: 0
}

.mvp-what-we-offer-box:hover {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.mvp-what-we-offer-box:hover h4 {
    color: #ec7323
}

.mvp-what-we-offer-box:hover .mvp-what-we-offer-image img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.mvp-after-before-section {
    margin-bottom: 60px
}

.mvp-after-before-section .twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 0
}

.mvp-after-before-section .twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 0
}

.mvp-benefits-section .our-core-value-box {
    background-color: #f8f9fa
}

.mvp-process-dev-section .title {
    margin-bottom: 0
}

.mvp-process-dev-box-wrap {
    position: relative
}

.mvp-process-dev-box-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    width: 100%;
    background-color: #e8e8e8
}

.mvp-process-dev-box {
    padding: 30px 15px 10px;
    -webkit-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .15);
    margin: 57px 0;
    position: relative;
    border: 1px solid #e0e2e4;
    min-height: 380px
}

.mvp-process-dev-box:before {
    content: "";
    display: block;
    width: 40px;
    height: 27px;
    position: absolute;
    bottom: -27px;
    z-index: 1;
    background: url(../images/mvp/process-arrow.png) no-repeat center center;
    right: 40px
}

.mvp-process-dev-box:after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -72px;
    z-index: 1;
    background-color: #f5f5f5;
    border-radius: 100%;
    right: 45px
}

.mvp-process-dev-icon {
    margin-bottom: 30px
}

.mvp-process-dev-icon svg {
    width: 80px;
    height: 80px
}

.mvp-process-dev-box h6 {
    color: #202122;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mvp-process-dev-box p:last-child {
    margin-bottom: 0
}

.mvp-process-dev-box .num {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #dfdfdf;
    font-size: 30px;
    line-height: 1
}

.mvp-process-dev-box-wrap .row > div:nth-child(4) .mvp-process-dev-box:before, .mvp-process-dev-box-wrap .row > div:nth-child(5) .mvp-process-dev-box:before, .mvp-process-dev-box-wrap .row > div:nth-child(6) .mvp-process-dev-box:before {
    right: inherit;
    left: 40px;
    top: -27px;
    bottom: inherit;
    transform: rotate(180deg)
}

.mvp-process-dev-box-wrap .row > div:nth-child(4) .mvp-process-dev-box:after, .mvp-process-dev-box-wrap .row > div:nth-child(5) .mvp-process-dev-box:after, .mvp-process-dev-box-wrap .row > div:nth-child(6) .mvp-process-dev-box:after {
    right: inherit;
    left: 45px;
    top: -72px;
    bottom: inherit
}

.mvp-why-choose-dev-section .col-right {
    margin-right: 0 !important;
    margin-left: -9% !important
}

.mvp-why-choose-dev-box-wrap {
    padding: 40px 20px 40px 95px
}

.mvp-why-choose-dev-box {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 25px 20px 15px;
    border-radius: 80px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mvp-why-choose-dev-content {
    width: calc(100% - 135px);
    margin-left: 15px
}

.mvp-why-choose-dev-icon {
    width: 120px;
    height: 120px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa
}

.mvp-why-choose-dev-icon svg {
    width: 68px;
    height: 68px
}

.mvp-why-choose-dev-icon svg * {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mvp-why-choose-dev-box h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mvp-why-choose-dev-box:last-child {
    margin-bottom: 0
}

.mvp-why-choose-dev-box p {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.mvp-why-choose-dev-box p:last-child {
    margin-bottom: 0
}

.mvp-why-choose-dev-box:hover {
    background-color: #ec7323
}

.mvp-why-choose-dev-box:hover .mvp-why-choose-dev-icon svg * {
    fill: #ec7323
}

.mvp-why-choose-dev-box:hover h6 {
    color: #fff
}

.mvp-why-choose-dev-box:hover p {
    color: #fff
}

.game-service-offer-box {
    border: 1px solid #ecedee;
    padding: 30px 20px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    min-height: 360px;
    margin: 70px 0 30px
}

.game-service-offer-icon {
    width: 100px;
    height: 100px;
    margin: -86px 0 30px;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #ecedee;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.game-service-offer-icon svg {
    width: 55px
}

.game-service-offer-icon svg circle, .game-service-offer-icon svg ellipse, .game-service-offer-icon svg path, .game-service-offer-icon svg polygon, .game-service-offer-icon svg rect {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.game-service-offer-box h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.game-service-offer-box h3 a {
    color: #202122
}

.game-service-offer-box h3 a:focus, .game-service-offer-box h3 a:hover {
    color: #ec7323
}

.game-service-offer-box:hover {
    border: 1px solid #ec7323;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.game-service-offer-box:hover .game-service-offer-icon {
    background-color: #ec7323
}

.game-service-offer-box:hover svg circle, .game-service-offer-box:hover svg ellipse, .game-service-offer-box:hover svg path, .game-service-offer-box:hover svg polygon, .game-service-offer-box:hover svg rect {
    fill: #fff
}

.game-what-we-offer-box {
    border: 1px solid #ecedee;
    padding: 30px 20px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    min-height: 260px
}

.game-what-we-offer-box h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

.game-what-we-offer-box p:last-child {
    margin-bottom: 0
}

.game-what-we-offer-box:hover {
    border: 1px solid #ec7323;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.game-main .game-service-offer-icon {
    width: 80px;
    height: 80px;
    margin: -70px auto 15px
}

.game-main .game-service-offer-icon svg {
    width: 42px;
    height: 42px
}

.game-main .game-service-offer-icon svg circle, .game-main .game-service-offer-icon svg ellipse, .game-main .game-service-offer-icon svg path, .game-main .game-service-offer-icon svg polygon, .game-main .game-service-offer-icon svg rect {
    fill: #202122
}

.game-main .game-what-we-offer-box:hover .game-service-offer-icon {
    background-color: #ec7323
}

.game-main .game-what-we-offer-box:hover .game-service-offer-icon svg circle, .game-main .game-what-we-offer-box:hover .game-service-offer-icon svg ellipse, .game-main .game-what-we-offer-box:hover .game-service-offer-icon svg path, .game-main .game-what-we-offer-box:hover .game-service-offer-icon svg polygon, .game-main .game-what-we-offer-box:hover .game-service-offer-icon svg rect {
    fill: #fff
}

.game-experties-box {
    border: 2px solid #ecedee;
    padding: 20px 3px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #f8f9fa
}

.game-experties-icon {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    border-radius: 100%;
    margin: 0 auto 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.game-experties-icon svg {
    width: 50px;
    height: 50px
}

.game-experties-icon svg * {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.game-experties-box span {
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.game-experties-box:hover {
    background-color: #ec7323;
    border: 2px solid #ec7323
}

.game-experties-box:hover .game-experties-icon {
    background-color: #fff
}

.game-experties-box:hover .game-experties-icon svg * {
    fill: #ec7323
}

.game-experties-box:hover span {
    color: #fff
}

.best-game-dev-company-box {
    position: relative;
    border: 1px solid #ecedee;
    padding: 30px 20px;
    background-color: #fff;
    min-height: 220px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.best-game-dev-company-icon {
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 0 10px 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 0;
    top: 0
}

.best-game-dev-company-icon svg {
    width: 60px
}

.best-game-dev-company-icon svg circle, .best-game-dev-company-icon svg ellipse, .best-game-dev-company-icon svg path, .best-game-dev-company-icon svg polygon, .best-game-dev-company-icon svg rect {
    fill: #ec7323;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.best-game-dev-company-box h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-right: 80px
}

.best-game-dev-company-box p:last-child {
    margin-bottom: 0
}

.best-game-dev-company-box:hover {
    border: 1px solid #ec7323;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.best-game-dev-company-box:hover .best-game-dev-company-icon {
    background-color: #ec7323
}

.best-game-dev-company-box:hover svg circle, .best-game-dev-company-box:hover svg ellipse, .best-game-dev-company-box:hover svg path, .best-game-dev-company-box:hover svg polygon, .best-game-dev-company-box:hover svg rect {
    fill: #fff
}

.blog-detail-wrap .container {
    max-width: 930px
}

.innerbanner.blog-detail .tenc-intro-main__wrapper .container {
    max-width: 930px
}

.innerbanner.blog-detail .breadcrumb {
    max-width: 930px
}

#blog {
    margin-top: -75px;
    z-index: 10;
    position: relative
}

.innerbanner.blog {
    min-height: 600px
}

.innerbanner.blog .video {
    min-height: 600px;
    max-height: 600px
}

.innerbanner.blog .video img {
    min-height: 600px
}

.innerbanner.blog p:last-child {
    margin-bottom: 0
}

.blog-list-box {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 35px;
    margin-bottom: 35px
}

.blog-list-box:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.blog-list-image {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px;
    height: auto
}

.blog-list-image img {
    width: 100%
}

.blog-list-info-box {
    margin-bottom: 15px
}

.blog-list-author-image {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    border-radius: 100%;
    border: 3px solid #fff;
    overflow: hidden
}

.blog-list-author-image img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.blog-list-author-image-wrap a {
    color: #ec7323;
    font-weight: 600;
    font-size: 16px
}

.blog-list-date {
    color: #6a6d6f
}

.blog-list-category a {
    color: #6a6d6f
}

.blog-list-info-box .divider {
    margin: 0 14px;
    color: #6a6d6f
}

.blog-list-desc h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 20px
}

.blog-list-desc h2 a {
    color: #202122
}

.blog-list-desc h2 a:focus, .blog-list-desc h2 a:hover {
    color: #ec7323
}

.blog-list-desc p {
    margin-bottom: 25px;
    font-weight: 500
}

.blog-list-box:hover .blog-list-desc h2 a {
    color: #ec7323
}

#blog .pagination {
    margin-top: 70px;
    justify-content: center
}

.pagination li {
    margin: 0 5px 10px
}

.pagination li a {
    color: #333;
    background-color: transparent;
    padding: 18px 22px;
    border-radius: 5px;
    line-height: 1;
    font-size: 14px;
    display: block;
    font-weight: 600
}

.pagination li a:hover, .pagination li.active a, .pagination li.active:hover a {
    color: #fff;
    background-color: #ec7323
}

.pagination li a[rel=next] {
    color: #333;
    background-color: #f8f8f8;
    padding: 18px 15px;
    border-radius: 5px;
    line-height: 1;
    font-size: 14px;
    text-transform: uppercase
}

.pagination li a[rel=prev] {
    color: #333;
    background-color: #f8f8f8;
    padding: 18px 15px;
    border-radius: 5px;
    line-height: 1;
    font-size: 14px;
    text-transform: uppercase
}

.pagination li a[rel=next]:hover, .pagination li a[rel=prev]:hover {
    background-color: #343535;
    color: #fff
}

.pagination li a[rel=next] .fa {
    font-size: 12px;
    padding-left: 10px
}

.pagination li a[rel=prev] .fa {
    font-size: 12px;
    padding-right: 10px
}

.blog-sidebar-box {
    border: 1px solid #e2e3e5;
    padding: 30px 25px
}

.blog-sidebar-box h3 {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 20px;
    margin-bottom: 30px
}

.blog-sidebar-box h3:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 3px;
    width: 50px;
    background-color: #ec7323
}

.blog-sidebar-box .c_social {
    text-align: left
}

.blog-sidebar-box .c_social li {
    margin-right: 8px;
    display: inline;
    border: 0
}

.blog-sidebar-box .c_social li:last-child {
    margin-right: 0
}

.blog-sidebar-box .c_social li a {
    width: 50px;
    height: 50px;
    border: 0;
    margin: 0;
    font-size: 25px
}

.blog-sidebar-box .c_social li .fa-google-plus-g {
    background-color: #dc4e41
}

.blog-sidebar-box .c_social li .fa-twitter {
    background-color: #54aced
}

.blog-sidebar-box .c_social li .fa-facebook-f {
    background-color: #3a5897
}

.blog-sidebar-box .c_social li .fa-linkedin-in {
    background-color: #0079b8
}

.blog-sidebar-box .c_social li .fa-behance {
    background-color: #4176f9
}

.blog-sidebar-box .c_social li a:hover {
    color: #fff;
    opacity: .7
}

.blog-cat-list li {
    display: block;
    padding: 12px 0;
    position: relative;
    padding-left: 35px
}

.blog-cat-list li a {
    color: #202122;
    font-weight: 500
}

.blog-cat-list li a:before {
    content: "";
    display: block;
    width: 18px;
    height: 7px;
    left: 0;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    background: url(../images/blog/arrow.png) no-repeat center center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-cat-list li a:hover {
    color: #ec7323;
    padding-left: 8px
}

.blog-cat-list li a:hover:before {
    left: 8px
}

.blog-sidebar-cta {
    display: block;
    background: url(../images/blog/create-app-image.jpg) no-repeat center center;
    background-size: cover;
    height: 350px;
    padding: 5px
}

.blog-sidebar-cta a {
    display: table;
    width: 100%;
    height: 100%
}

.blog-sidebar-cta .overlaytext {
    display: table-cell;
    vertical-align: middle
}

.blog-sidebar-cta .overlaytext span {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    display: block;
    margin-bottom: 40px
}

.blog-sidebar-cta .overlaytext .btn-custome {
    background-color: #fff !important;
    color: #ec7323 !important
}

.blog-banner-profile {
    width: 90px;
    height: 90px;
    margin-right: 20px;
    border-radius: 100%;
    border: 3px solid #fff;
    overflow: hidden;
    margin: 60px auto 20px
}

.blog-banner-profile img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.blog-detail-banner-box .author-name a {
    background-color: transparent !important;
    border: 0;
    font-size: 18px;
    font-weight: 600;
    color: #ec7323;
    margin: 0
}

.blog-detail-banner-box .author-name a:hover {
    border: 0
}

.blog-detail-banner-box .divider {
    margin: 0 14px;
    color: #fff
}

.blog-detail-banner-box .blog-date {
    font-size: 18px;
    font-weight: 400;
    color: #fff
}

.blog-detail-banner-box .blog-category a {
    background-color: transparent !important;
    border: 0;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0
}

.blog-detail-banner-box .blog-category a:hover {
    border: 0;
    color: #ec7323
}

.blog-detail-image {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px;
    height: auto;
    margin-bottom: 60px
}

.blog-detail-image img {
    width: 100%
}

.blog-detail-content h2 {
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: 700;
    line-height: 1.4
}

.blog-detail-content h3 {
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: 700;
    line-height: 1.4
}

.blog-detail-content h4 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.4
}

.blog-detail-content p {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.6
}

.blog-detail-content img {
    margin-bottom: 30px;
    display: block;
    margin: 0 auto
}

.blog-detail-content p img {
    margin-bottom: 0;
    display: block;
    margin: 0 auto
}

.blog-detail-content img.align-right, .blog-detail-content p img.align-right {
    margin: 0 0 0 auto
}

.blog-detail-content img.align-left, .blog-detail-content p img.align-left {
    margin: 0 auto 0 0
}

.blockquote, blockquote {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 40px;
    color: #202122;
    border-left: 4px solid #ec7323;
    padding-left: 40px
}

.blockquote p, blockquote p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    color: #202122
}

.blog-detail-content ul {
    margin-bottom: 20px
}

.blog-detail-content ol {
    margin-bottom: 20px;
    padding-left: 25px;
    list-style-type: decimal
}

.blog-detail-content ul li {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.6;
    color: #6a6d6f;
    display: block;
    position: relative;
    padding-left: 25px
}

.blog-detail-content ol li {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.6;
    color: #6a6d6f;
    display: list-item;
    position: relative;
    padding-left: 0
}

.blog-detail-content ul li:before {
    content: "\f061";
    display: block;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0;
    top: 0
}

.blog-detail-content ul li:last-child {
    margin-bottom: 0
}

.blog-detail-content a {
    color: #ec7323
}

.blog-detail-content details:last-of-type {
    margin-bottom: 25px
}

.blog-detail-content details p {
    margin-bottom: 20px;
    line-height: 1.4;
    padding-left: 21px
}

.blog-detail-content details ul {
    padding-left: 21px
}

.blog-detail-content details summary {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.4
}

.blog-detail-content details summary::marker {
    color: #ec7323
}

.blog-detail-content table {
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #e2e3e5
}

.blog-detail-content table tr td {
    border-top: 1px solid #ddd;
    padding: 10px 15px;
    border-right: 1px solid #e2e3e5
}

.blog-detail-content table tr td:last-child {
    border-right: 0
}

.blog-detail-content table p {
    margin: 0
}

.blog-social-box-wrap {
    border-top: 1px solid #e2e3e5;
    border-bottom: 1px solid #e2e3e5;
    padding: 20px 0
}

.blog-social-share span {
    font-weight: 600;
    margin-right: 20px
}

.blog-social-share li {
    margin-right: 4px;
    display: inline-block;
    border: 0
}

.blog-social-share li:last-child {
    margin-right: 0
}

.blog-social-share li a {
    width: 40px;
    height: 40px;
    border: 0;
    margin: 0;
    font-size: 16px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

.blog-social-share li .fa-google-plus-g {
    background-color: #dc4e41
}

.blog-social-share li .fa-twitter {
    background-color: #54aced
}

.blog-social-share li .fa-facebook-f {
    background-color: #3a5897
}

.blog-social-share li .fa-linkedin-in {
    background-color: #0079b8
}

.blog-social-share li a:hover {
    color: #fff;
    opacity: .7
}

.blog-postedin span {
    font-weight: 600;
    margin-right: 10px
}

.blog-postedin li a {
    color: #ec7323;
    font-style: italic;
    font-weight: 500
}

.blog-postedin li a:hover {
    color: #343535
}

.blog-next-prev-section {
    border-bottom: 1px solid #e2e3e5
}

.blog-next-prev-btn small {
    font-size: 14px;
    color: #6a6d6f;
    font-weight: 500;
    margin-bottom: 12px;
    display: block;
    padding: 0 50px
}

.blog-next-prev-btn.prev-btn {
    max-width: 400px;
    width: 100%
}

.blog-next-prev-btn.next-btn {
    max-width: 400px;
    width: 100%
}

.blog-next-prev-btn .icon {
    width: 50px
}

.blog-next-prev-btn .icon svg {
    width: 30px;
    height: 30px
}

.blog-next-prev-btn .icon svg * {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-next-prev-btn span {
    color: #202122;
    width: calc(100% - 50px);
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-next-prev-btn a:hover .icon svg * {
    fill: #ec7323
}

.blog-next-prev-btn a:hover span {
    color: #ec7323
}

.subscribe-section {
    background-color: #ec7323;
    padding: 30px 25px
}

.subscribe-content-box {
    margin-bottom: 40px
}

.subscribe-icon {
    margin-right: 20px
}

.subscribe-icon svg {
    width: 70px;
    height: 70px
}

.subscribe-icon svg * {
    fill: #fff
}

.subscribe-text span {
    display: block;
    font-weight: 600;
    font-size: 30px;
    color: #fff
}

.subscribe-text em {
    color: #fff
}

.subscribe-form .form-control {
    background-color: transparent;
    border: 1px solid #fff !important;
    color: #fff;
    height: 60px;
    font-size: 14px;
    padding: 10px 20px
}

.subscribe-form ::-webkit-input-placeholder {
    color: #fff
}

.subscribe-form ::-moz-placeholder {
    color: #fff
}

.subscribe-form :-ms-input-placeholder {
    color: #fff
}

.subscribe-form :-moz-placeholder {
    color: #fff
}

.subscribe-form .btn-custome {
    background-color: #fff !important;
    color: #ec7323 !important;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    padding: 21px 15px
}

.subscribe-form .btn-custome:focus, .subscribe-form .btn-custome:hover {
    background-color: #343535 !important;
    color: #fff !important
}

.about-blog-author-section {
    border: 1px solid #e2e3e5;
    padding: 30px 20px;
    margin: 60px 0
}

.about-blog-author-image {
    width: 120px;
    height: 120px;
    margin-right: 25px;
    border-radius: 100%;
    border: 2px solid #fff;
    overflow: hidden;
    margin-bottom: 30px
}

.about-blog-author-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.about-blog-author-info {
    width: calc(100% - 145px)
}

.about-blog-author-info .author-name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.about-blog-author-info .author-des {
    color: #6a6d6f;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 10px
}

.about-blog-author-info p {
    font-weight: 500
}

.about-blog-author-info a {
    color: #ec7323
}

.author-social-link li {
    margin-right: 15px
}

.author-social-link li a {
    color: #393939;
    font-size: 18px
}

.author-social-link li a:hover {
    color: #ec7323
}

.rel-post-box {
    background-color: #fff;
    border: 1px solid #e2e3e5;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    min-height: 470px
}

.rel-post-image img {
    width: 100%
}

.rel-post-info-box {
    padding: 0 15px 20px
}

.rel-post-info-box > div {
    display: inline-block;
    vertical-align: bottom
}

.rel-post-authore-image {
    width: 60px;
    height: 60px;
    margin-right: 5px;
    border-radius: 100%;
    border: 2px solid #fff;
    overflow: hidden;
    margin-top: -25px
}

.rel-post-authore-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.rel-post-author-name {
    padding-bottom: 5px;
    padding-right: 10px
}

.rel-post-author-name a {
    color: #6a6d6f
}

.rel-post-date {
    color: #6a6d6f;
    padding-bottom: 5px
}

.rel-post-content {
    padding: 0 15px 30px
}

.rel-post-title {
    height: 50px;
    overflow: hidden;
    margin-bottom: 10px
}

.rel-post-desc {
    height: 66px;
    overflow: hidden;
    margin-bottom: 15px
}

.rel-post-content h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4
}

.rel-post-content h2 a {
    color: #202122;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.rel-post-content p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.rel-post-box:hover {
    border: 1px solid #ec7323;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.rel-post-box:hover .rel-post-content h2 a {
    color: #ec7323
}

.banner_deveploment_main .center-item {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 50px
}

.banner_deveploment_main .author_img_box {
    width: 100%;
    height: 250px;
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    border-radius: 50%;
    background: rgba(255, 255, 255, .5);
    max-width: 250px;
    min-width: 250px;
    position: relative;
    padding-top: 0;
    margin-right: 10%
}

.banner_deveploment_main .author_img {
    overflow: hidden;
    width: 100%;
    height: 100%;
    float: left;
    border-radius: 50%;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banner_deveploment_main .author_img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.banner_deveploment_main .auther_name {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding: 10px 0 10px 20px;
    position: relative
}

.banner_deveploment_main .auther_name:before {
    content: '';
    width: 2px;
    height: 100%;
    background: #ec7323;
    position: absolute;
    top: 0;
    left: 0
}

.banner_deveploment_main .author_text h1 {
    font-size: 48px;
    text-transform: uppercase;
    color: #ec7323;
    margin: 0
}

.banner_deveploment_main .author_text small {
    color: #fff;
    font-size: 20px
}

.banner_deveploment_main .author_text p {
    padding: 0;
    margin: 20px 0
}

.tenc-intro-main__wrapper .banner_deveploment_main a {
    background-color: transparent !important;
    border: 0;
    font-size: 18px;
    padding: 0
}

.tenc-intro-main__wrapper .banner_deveploment_main a:focus, .tenc-intro-main__wrapper .banner_deveploment_main a:hover {
    border: 0;
    color: #ec7323
}

.blog-detail-cta-section {
    padding: 15px 20px 20px;
    margin-bottom: 30px;
    border-radius: 5px;
    border: 1px solid #ec7323
}

.blog-detail-cta-section:hover {
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .15)
}

.blog-detail-cta-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

.blog-detail-cta-content {
    width: calc(100% - 150px);
    margin-right: 10px
}

.blog-detail-cta-title {
    font-size: 20px;
    margin-bottom: 7px;
    font-weight: 700;
    line-height: 1.4
}

.blog-detail-cta-content p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5
}

.blog-detail-cta-content .btn-custome {
    font-size: 13px;
    padding: 14px 20px
}

.blog-detail-cta-img {
    width: 140px;
    height: 140px;
    border-radius: 100%;
    border: 3px solid #ec7323;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.blog-detail-cta-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 3px solid #fff;
    border-radius: 100%
}

.blog-detail-content .orangebox {
    margin-bottom: 30px;
    background-color: #ec7323;
    padding: 30px 30px;
    text-align: center;
    border-radius: 5px
}

.blog-detail-content .orangebox p {
    color: #fff;
    font-size: 22px
}

.blog-detail-content .estimate_btn {
    border: 1px solid #fff;
    font-size: 18px;
    background-color: #fff;
    color: #ec7323 !important
}

.blog-detail-content .estimate_btn:focus, .blog-detail-content .estimate_btn:hover {
    background-color: transparent;
    color: #fff !important
}

.app_service_option1 .app_service_box_icon {
    width: 120px;
    height: 120px;
    margin: 30px auto 50px;
    border: 1px solid #f2f3f4;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.app_service_option1 .app_service_box_icon svg {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 75px;
    height: 75px
}

.app_service_option1 .app_service_box {
    margin: 0
}

.app_service_option1 .app_service_box:hover .app_service_box_icon {
    background-color: #ec7323;
    border: 1px solid #ec7323
}

.app_service_option1 .app_service_box:hover svg * {
    fill: #fff
}

.app_service_option1 .app_service_box:hover span {
    color: #202122
}

.game-experties-inner-box {
    border: 1px solid #ecedee;
    padding: 30px 20px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    min-height: 310px;
    margin: 70px 0 30px;
    position: relative
}

.game-experties-inner-box:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 20px;
    width: 70%;
    background-color: #fff;
    margin: 0 auto
}

.game-experties-inner-icon {
    width: 100px;
    height: 100px;
    margin: -86px auto 20px;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #ecedee;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 1
}

.game-experties-inner-icon svg {
    width: 55px
}

.game-experties-inner-icon svg * {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.game-experties-inner-box h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.game-experties-inner-box p:last-child {
    margin-bottom: 0
}

.game-experties-inner-box:hover {
    border: 1px solid #ec7323;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.game-experties-inner-box:hover .game-experties-inner-icon {
    background-color: #ec7323
}

.game-experties-inner-box:hover svg * {
    fill: #fff
}

.our-expert-build-box {
    padding: 30px 25px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.our-expert-build-box:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 10px solid #ec7323;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.our-expert-build-image img {
    width: 100%
}

.our-expert-build-icon {
    margin-right: 20px
}

.our-expert-build-icon svg {
    width: 50px;
    height: 50px
}

.our-expert-build-icon svg * {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.our-expert-build-content {
    width: calc(100% - 70px)
}

.our-expert-build-content h4 {
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.our-expert-build-content p {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.our-expert-build-content p:last-child {
    margin-bottom: 0
}

.our-expert-build-box:hover {
    background-color: #ec7323;
    -webkit-box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15);
    box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15)
}

.our-expert-build-box:hover:before {
    opacity: 1;
    visibility: visible
}

.our-expert-build-box:hover svg * {
    fill: #fff
}

.our-expert-build-box:hover h4 {
    color: #fff
}

.our-expert-build-box:hover p {
    color: #fff
}

.user_social_bar li a {
    width: 30px;
    height: 30px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px !important;
    font-weight: 400;
    margin: 2px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff !important;
    border-radius: 5px
}

.user_social_bar li a.fa-facebook-f, .user_social_bar li a.fa-facebook-f:focus, .user_social_bar li a.fa-facebook-f:hover {
    background-color: #3b5998 !important
}

.user_social_bar li a.fa-twitter, .user_social_bar li a.fa-twitter:focus, .user_social_bar li a.fa-twitter:hover {
    background-color: #00aced !important
}

.user_social_bar li a.fa-google-plus-g, .user_social_bar li a.fa-google-plus-g:focus, .user_social_bar li a.fa-google-plus-g:hover {
    background-color: #dd4b39 !important
}

.user_social_bar li a.fa-linkedin-in, .user_social_bar li a.fa-linkedin-in:focus, .user_social_bar li a.fa-linkedin-in:hover {
    background-color: #007bb6 !important
}

.blogauthore .breadcrumb {
    bottom: 30px
}

.game-why-us-inner-box {
    margin-bottom: 20px;
    position: relative;
    padding: 20px 15px;
    border-radius: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.game-why-us-inner-box:last-child {
    margin-bottom: 0
}

.game-why-us-inner-box:last-child:before {
    display: none
}

.game-why-us-inner-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #e0e2e4;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.game-why-us-inner-icon svg {
    width: 50px;
    height: 50px
}

.game-why-us-inner-icon svg circle, .game-why-us-inner-icon svg ellipse, .game-why-us-inner-icon svg path, .game-why-us-inner-icon svg polygon, .game-why-us-inner-icon svg rect {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.game-why-us-inner-content {
    width: calc(100% - 110px);
    margin-left: 20px
}

.game-why-us-inner-content h3 {
    font-size: 20px;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.game-why-us-inner-content p {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.game-why-us-inner-content p:last-child {
    margin-bottom: 0
}

.game-why-us-inner-box:hover {
    background-color: #ec7323
}

.game-why-us-inner-box:hover h3 {
    color: #fff
}

.game-why-us-inner-box:hover p {
    color: #fff
}

.game-why-us-inner-box:hover .game-why-us-inner-icon svg circle, .game-why-us-inner-box:hover .game-why-us-inner-icon svg ellipse, .game-why-us-inner-box:hover .game-why-us-inner-icon svg path, .game-why-us-inner-box:hover .game-why-us-inner-icon svg polygon, .game-why-us-inner-box:hover .game-why-us-inner-icon svg rect {
    fill: #ec7323
}

.game-why-us-inner-box.active:before {
    background-color: #ec7323
}

.game-why-us-inner-box.active .game-why-us-inner-icon {
    background-color: #ec7323
}

.game-why-us-inner-box.active .game-why-us-inner-icon svg * {
    fill: #fff
}

.bannerfixedimage {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    text-align: right
}

.bannerfixedimagewidth {
    width: 50%;
    float: right
}

.ins-msg-content-wrap .accordian_c {
    display: none
}

.ins-msg-content-wrap .accordian_c.active {
    display: block
}

.ins-msg-content-wrap {
    padding: 25px 25px 25px 0
}

.ins-msg-content-wrap .contentrow img {
    display: none;
    margin-left: -100px;
    width: 212px
}

.ins-msg-content-wrap .contentrow.active img {
    display: block
}

.ins-msg-content-wrap .contentrow.active .tab_content img {
    display: none
}

.ins-msg-content-wrap .tab_content_wrap {
    width: calc(100% - 112px)
}

.ins-msg-content-wrap .accordian_c {
    margin-left: 25px;
    padding-bottom: 10px;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 15px;
    position: relative
}

.ins-msg-content-wrap .accordian_c:before {
    content: "";
    display: block;
    height: 2px;
    background-color: #f58020;
    width: 30%;
    position: absolute;
    bottom: 0;
    border-radius: 10px
}

.ins-msg-content-wrap .tab_content {
    margin-left: 25px
}

.ins-msg-content-wrap .tab_content img {
    display: none
}

.ins-msg-content-wrap .tab_content p:last-child {
    margin-bottom: 0
}

.ins-msg-tab-wrap .tab_list {
    margin: 0 -15px
}

.ins-msg-tab-wrap .tab_list li {
    width: calc(50% - 30px);
    float: left;
    display: flex;
    align-items: center;
    padding: 20px 15px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    border-radius: 10px;
    margin: 8px 15px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ins-msg-tab-wrap .tab_list li:nth-child(2n+1) {
    clear: both
}

.ins-msg-tab-wrap .tab_list_title {
    font-size: 16px;
    font-weight: 500;
    margin-left: 20px;
    width: calc(100% - 60px);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ins-msg-tab-wrap .tab_list_title_icon {
    width: 40px;
    height: 40px
}

.ins-msg-tab-wrap .tab_list_title_icon svg circle, .ins-msg-tab-wrap .tab_list_title_icon svg ellipse, .ins-msg-tab-wrap .tab_list_title_icon svg path, .ins-msg-tab-wrap .tab_list_title_icon svg polygon, .ins-msg-tab-wrap .tab_list_title_icon svg rect {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ins-msg-tab-wrap .tab_list li.active, .ins-msg-tab-wrap .tab_list li:hover {
    background-color: #ec7323
}

.ins-msg-tab-wrap .tab_list li.active .tab_list_title, .ins-msg-tab-wrap .tab_list li:hover .tab_list_title {
    color: #fff
}

.ins-msg-tab-wrap .tab_list li.active .tab_list_title_icon svg circle, .ins-msg-tab-wrap .tab_list li.active .tab_list_title_icon svg ellipse, .ins-msg-tab-wrap .tab_list li.active .tab_list_title_icon svg path, .ins-msg-tab-wrap .tab_list li.active .tab_list_title_icon svg polygon, .ins-msg-tab-wrap .tab_list li.active .tab_list_title_icon svg rect, .ins-msg-tab-wrap .tab_list li:hover .tab_list_title_icon svg circle, .ins-msg-tab-wrap .tab_list li:hover .tab_list_title_icon svg ellipse, .ins-msg-tab-wrap .tab_list li:hover .tab_list_title_icon svg path, .ins-msg-tab-wrap .tab_list li:hover .tab_list_title_icon svg polygon, .ins-msg-tab-wrap .tab_list li:hover .tab_list_title_icon svg rect {
    fill: #fff
}

.ins-msg-app-panels-content h3 {
    font-size: 26px;
    font-weight: 500
}

.ins-msg-app-panels-content p:last-child {
    margin-bottom: 0
}

.similar-app-main {
    position: relative
}

.similar-app-content-wrap {
    position: relative;
    padding: 30px 60px;
    min-height: 560px
}

.similar-app-content-wrap:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5)
}

.similar-app-content {
    position: relative
}

.similar-app-content h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px
}

.similar-app-content p {
    color: #fff;
    margin-bottom: 25px
}

.similar-app-content .btn-custome {
    font-size: 14px
}

.similar-app-image {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 30px;
    position: absolute
}

.similar-app-image-wid {
    position: relative;
    max-width: 580px;
    width: 100%
}

.similar-app-image-wid img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 60%
}

.similar-app-image-wid .img1 {
    position: absolute;
    left: 0;
    top: 65px;
    z-index: 2
}

.similar-app-image-wid .img2 {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 0
}

.similar-app-image-wid:hover .img1 {
    top: 55px
}

.similar-app-image-wid:hover .img2 {
    top: 10px
}

.why-you-invest-box {
    position: relative;
    border: 1px solid #ecedee;
    padding: 25px 20px;
    background-color: #fff;
    min-height: 250px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.why-you-invest-icon {
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    left: 20px;
    top: -10px
}

.why-you-invest-icon svg {
    width: 40px
}

.why-you-invest-icon svg circle, .why-you-invest-icon svg ellipse, .why-you-invest-icon svg path, .why-you-invest-icon svg polygon, .why-you-invest-icon svg rect {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.why-you-invest-box h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-left: 80px
}

.why-you-invest-box p:last-child {
    margin-bottom: 0
}

.why-you-invest-box:hover {
    border: 1px solid #ec7323;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.why-you-invest-box:hover .why-you-invest-icon {
    background-color: #ec7323
}

.why-you-invest-box:hover svg circle, .why-you-invest-box:hover svg ellipse, .why-you-invest-box:hover svg path, .why-you-invest-box:hover svg polygon, .why-you-invest-box:hover svg rect {
    fill: #fff
}

.real-time-app-main {
    padding: 30px 0 0
}

.real-time-app-icon {
    width: 208px;
    margin: 0 auto -20px
}

.real-time-app-icon svg circle, .real-time-app-icon svg ellipse, .real-time-app-icon svg path, .real-time-app-icon svg polygon, .real-time-app-icon svg rect {
    fill: #ec7323;
    opacity: .2
}

.real-time-app-content {
    margin-right: 50px
}

.real-time-app-content span {
    display: block;
    padding: 0 15px
}

.real-time-app-content .top {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 5px
}

.real-time-app-content h4 {
    font-size: 35px;
    margin: 0;
    color: #ec7323;
    background-color: #faf0e5;
    font-weight: 600;
    padding: 6px 15px;
    border-radius: 10px;
    margin-bottom: 10px
}

.real-time-app-content .bottom {
    font-size: 20px;
    font-weight: 500
}

.faq-list-title {
    position: relative
}

.faq-list-title a {
    color: #202122;
    font-size: 18px;
    display: block
}

.faq-list-title span {
    width: 26px;
    height: 26px;
    position: absolute;
    line-height: 1;
    pointer-events: none
}

.faq-list-title span svg * {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.faq-list-title .plus {
    display: block
}

.faq-list-title .minus {
    display: none
}

.faq-list-title.active .plus {
    display: none
}

.faq-list-title.active .minus {
    display: block
}

.faq-list-content {
    display: none
}

.faq-list-content p:last-child {
    margin-bottom: 0
}

.faq-list-wrap.option1 .faq-list-item {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-bottom: 25px
}

.faq-list-wrap.option1 .faq-list-item.active {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.faq-list-wrap.option1 .faq-list-title a {
    position: relative;
    padding: 25px 60px 25px 20px
}

.faq-list-wrap.option1 .faq-list-title span {
    right: 20px;
    top: 50%;
    margin-top: -13px
}

.faq-list-wrap.option1 .faq-list-title a:hover, .faq-list-wrap.option1 .faq-list-title.active a {
    color: #ec7323
}

.faq-list-wrap.option1 .faq-list-title a:hover span svg *, .faq-list-wrap.option1 .faq-list-title.active span svg * {
    fill: #ec7323
}

.faq-list-wrap.option1 .faq-list-content {
    padding: 0 60px 0 40px;
    position: relative;
    margin-bottom: 25px
}

.faq-list-wrap.option1 .faq-list-content:before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 20px;
    background-color: #ec7323;
    position: absolute
}

.faq-list-wrap.option2 .faq-list-item {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-bottom: 25px;
    overflow: hidden
}

.faq-list-wrap.option2 .faq-list-item:last-child {
    margin-bottom: 0
}

.faq-list-wrap.option2 .faq-list-item.active {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    border: 1px solid #ec7323
}

.faq-list-wrap.option2 .faq-list-title a {
    position: relative;
    padding: 20px 60px 20px 20px;
    background-color: transparent
}

.faq-list-wrap.option2 .faq-list-title span {
    right: 20px;
    top: 50%;
    margin-top: -13px
}

.faq-list-wrap.option2 .faq-list-title a:hover, .faq-list-wrap.option2 .faq-list-title.active a {
    color: #fff;
    background-color: #ec7323
}

.faq-list-wrap.option2 .faq-list-title a:hover span svg *, .faq-list-wrap.option2 .faq-list-title.active span svg * {
    fill: #fff
}

.faq-list-wrap.option2 .faq-list-content {
    padding: 0 50px;
    position: relative;
    margin: 30px 0
}

.faq-list-wrap.option2 .faq-list-content:before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 20px;
    background-color: #ec7323;
    position: absolute
}

.faq-list-wrap.option3 .faq-list-item {
    border-bottom: 1px solid #e6e6e6
}

.faq-list-wrap.option3 .faq-list-title a {
    position: relative;
    padding: 25px 20px 25px 50px
}

.faq-list-wrap.option3 .faq-list-title span {
    left: 1px;
    top: 50%;
    margin-top: -13px
}

.faq-list-wrap.option3 .faq-list-title a:hover, .faq-list-wrap.option3 .faq-list-title.active a {
    color: #ec7323
}

.faq-list-wrap.option3 .faq-list-title a:hover span svg *, .faq-list-wrap.option3 .faq-list-title.active span svg * {
    fill: #ec7323
}

.faq-list-wrap.option3 .faq-list-content {
    padding: 0 20px 0 70px;
    position: relative;
    margin-bottom: 25px
}

.faq-list-wrap.option3 .faq-list-content:before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 50px;
    background-color: #ec7323;
    position: absolute
}

.fade.in {
    opacity: 1
}

.car-wash-feature-tab {
    border-bottom: 0
}

.car-wash-feature-tab li {
    min-width: 180px
}

.car-wash-feature-tab li a {
    display: block;
    padding-bottom: 20px;
    position: relative;
    border-bottom: 2px solid #e8e8e8
}

.car-wash-feature-tab li a:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-top: 23px solid #ec7323;
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.car-wash-feature-tab-icon {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: 0 auto 15px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.car-wash-feature-tab-icon svg {
    width: 50px;
    height: 50px
}

.car-wash-feature-tab-icon svg circle, .car-wash-feature-tab-icon svg ellipse, .car-wash-feature-tab-icon svg path, .car-wash-feature-tab-icon svg polygon, .car-wash-feature-tab-icon svg rect {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.car-wash-feature-tab li a span {
    font-size: 16px;
    color: #202122;
    display: block;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.car-wash-feature-tab li a.active, .car-wash-feature-tab li a:hover {
    border-bottom: 2px solid #ec7323
}

.car-wash-feature-tab li a.active:before, .car-wash-feature-tab li a:hover:before {
    opacity: 1;
    visibility: visible
}

.car-wash-feature-tab li a.active .car-wash-feature-tab-icon, .car-wash-feature-tab li a:hover .car-wash-feature-tab-icon {
    background-color: #ec7323
}

.car-wash-feature-tab li a.active .car-wash-feature-tab-icon svg circle, .car-wash-feature-tab li a.active .car-wash-feature-tab-icon svg ellipse, .car-wash-feature-tab li a.active .car-wash-feature-tab-icon svg path, .car-wash-feature-tab li a.active .car-wash-feature-tab-icon svg polygon, .car-wash-feature-tab li a.active .car-wash-feature-tab-icon svg rect, .car-wash-feature-tab li a:hover .car-wash-feature-tab-icon svg circle, .car-wash-feature-tab li a:hover .car-wash-feature-tab-icon svg ellipse, .car-wash-feature-tab li a:hover .car-wash-feature-tab-icon svg path, .car-wash-feature-tab li a:hover .car-wash-feature-tab-icon svg polygon, .car-wash-feature-tab li a:hover .car-wash-feature-tab-icon svg rect {
    fill: #fff
}

.car-wash-feature-tab li a.active span, .car-wash-feature-tab li a:hover span {
    color: #ec7323
}

.car-wash-feature-tab-content {
    margin-top: 60px
}

.service-we-offer-web-inner .hide {
    display: none
}

.service-we-offer-web-inner .hide.show {
    display: block
}

.car-wash-feature-tab-content-box {
    margin-bottom: 30px;
    padding: 10px 15px;
    background: #ec7323;
    border-radius: 10px;
    display: none
}

.car-wash-feature-tab-content-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.car-wash-feature-tab-content-icon svg {
    width: 40px;
    height: 40px
}

.car-wash-feature-tab-content-icon svg * {
    fill: #fff
}

.car-wash-feature-tab-content-box span {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px
}

.car-wash-feature-tab-content .show-all-button a {
    font-size: 16px
}

.car-wash-process-box {
    position: relative;
    border: 1px solid #dddfe1;
    min-height: 210px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 0 0 60px 0
}

.car-wash-process-box-desc {
    padding: 30px 20px 10px
}

.car-wash-process-box-desc p:last-child {
    margin-bottom: 0
}

.car-wash-process-icon-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f0f1f1;
    padding-bottom: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 0 0 10px 10px
}

.car-wash-process-icon-box {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 4px solid #ecedee;
    margin: -40px auto 0;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.car-wash-process-icon-box svg {
    width: 40px;
    height: 40px
}

.car-wash-process-icon-box svg circle, .car-wash-process-icon-box svg ellipse, .car-wash-process-icon-box svg path, .car-wash-process-icon-box svg polygon, .car-wash-process-icon-box svg rect {
    fill: #6a6d6f;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.car-wash-process-box:hover {
    border: 1px solid transparent;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.car-wash-process-box:hover .car-wash-process-icon-bar {
    background-color: #ec7323
}

.car-wash-process-box:hover .car-wash-process-icon-box {
    background-color: #ec7323;
    border: 4px solid #fff
}

.car-wash-process-box:hover .car-wash-process-icon-box svg circle, .car-wash-process-box:hover .car-wash-process-icon-box svg ellipse, .car-wash-process-box:hover .car-wash-process-icon-box svg path, .car-wash-process-box:hover .car-wash-process-icon-box svg polygon, .car-wash-process-box:hover .car-wash-process-icon-box svg rect {
    fill: #fff
}

.car-wash-process-box .arrow {
    position: absolute
}

.car-wash-process-box .arrow:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #dddfe1;
    top: 10px
}

.car-wash-process-box .arrow img {
    position: relative
}

.car-wash-process-box .bt.arrow {
    top: 35px;
    right: 0;
    line-height: 1;
    left: 100%;
    width: 31px;
    text-align: center
}

.car-wash-process-box .bb.arrow {
    bottom: 20px;
    right: 0;
    line-height: 1;
    left: 100%;
    width: 31px;
    text-align: center
}

.car-wash-process-box .down.arrow {
    top: calc(100% + 20px);
    right: 0;
    line-height: 1;
    left: 0;
    width: 60px;
    text-align: center;
    margin: 0 auto;
    transform: rotate(90deg)
}

.car-wash-process-box .rotate.arrow {
    transform: rotate(180deg)
}

.car-wash-process-box-wrap .wow:last-child .car-wash-process-box .bb.arrow {
    display: none
}

.key-features-box {
    min-height: 210px;
    padding: 30px 15px 20px;
    text-align: center;
    border: 2px solid #ecedee;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: hidden
}

.key-features-box:before {
    content: "";
    display: block;
    width: 55px;
    height: 55px;
    display: block;
    position: absolute;
    bottom: -27px;
    left: -27px;
    background-color: rgba(236, 115, 35, .05);
    border-radius: 100%
}

.key-features-icon {
    width: 90px;
    height: 90px;
    background-color: #eef2f3;
    border-radius: 100%;
    margin: 0 auto 25px;
    position: relative
}

.key-features-icon svg {
    width: 60px;
    height: 60px;
    position: absolute;
    right: -10px;
    bottom: 5px
}

.key-features-icon svg circle, .key-features-icon svg ellipse, .key-features-icon svg path, .key-features-icon svg polygon, .key-features-icon svg rect {
    fill: #ec7323
}

.key-features-box h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    min-height: 38px;
    display: flex;
    justify-content: center;
    align-items: center
}

.key-features-box:hover {
    border: 2px solid #ec7323
}

.key-features-main .hide {
    display: none
}

.key-features-main .hide.show {
    display: block
}

.key-feeature-show-all-button .btn-custome.btn-lg {
    font-size: 16px
}

.fitness-tab-panel {
    position: relative
}

.fitness-tab-panel:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 61px;
    height: 2px;
    width: 100%;
    background-color: #e8f1f1
}

.fitness-tab-panel .car-wash-feature-tab li {
    min-width: 170px
}

.fitness-tab-panel .car-wash-feature-tab li a {
    background-color: #fff;
    padding: 20px 10px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    border-bottom: 0
}

.fitness-tab-panel .car-wash-feature-tab-icon {
    background-color: transparent;
    width: 80px;
    height: 80px
}

.fitness-tab-panel .car-wash-feature-tab li a.active .car-wash-feature-tab-icon, .fitness-tab-panel .car-wash-feature-tab li a:hover .car-wash-feature-tab-icon {
    background-color: transparent
}

.fitness-tab-panel .car-wash-feature-tab li a .car-wash-feature-tab-icon svg {
    width: 80px;
    height: 80px
}

.fitness-tab-panel .car-wash-feature-tab li a.active, .fitness-tab-panel .car-wash-feature-tab li a:hover {
    background-color: #ec7323
}

.fitness-tab-panel .car-wash-feature-tab li a.active span, .fitness-tab-panel .car-wash-feature-tab li a:hover span {
    color: #fff
}

.fitness-tab-panel .car-wash-feature-tab li a:before {
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    border-top: 12px solid #ec7323;
    bottom: -12px
}

.fitness-tab-content .service-we-offer-web-inner .web-why-choose-main-box {
    box-shadow: none;
    border: 1px solid #ecedee;
    border-radius: 40px 0 40px 0;
    padding: 0 15px 10px
}

.fitness-tab-content .service-we-offer-web-inner .web-why-choose-main-box:hover {
    border: 1px solid #ec7323;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.fitness-tab-content .service-we-offer-web-inner .web-why-choose-main-icon {
    width: 78px;
    height: 78px;
    border-radius: 10px;
    line-height: 78px
}

.fitness-tab-content .service-we-offer-web-inner .web-why-choose-main-box:hover .web-why-choose-main-icon {
    background-color: #ec7323
}

.fitness-tab-content .web-why-choose-main-box:hover .web-why-choose-main-icon circle, .fitness-tab-content .web-why-choose-main-box:hover .web-why-choose-main-icon ellipse, .fitness-tab-content .web-why-choose-main-box:hover .web-why-choose-main-icon path, .fitness-tab-content .web-why-choose-main-box:hover .web-why-choose-main-icon polygon, .fitness-tab-content .web-why-choose-main-box:hover .web-why-choose-main-icon rect {
    fill: #fff
}

.fitness .similar-app-image-wid .img1 {
    width: 65%;
    top: 0
}

.fitness .similar-app-image-wid .img2 {
    width: 50%;
    top: 70px;
    right: inherit;
    left: 45%
}

.fitness .similar-app-image-wid:hover .img1 {
    left: -10px
}

.fitness .similar-app-image-wid:hover .img2 {
    left: 48%
}

.fitness-app-image {
    position: relative
}

.fitness-app-overlay-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #ecedee;
    border-radius: 10px 10px 0 0
}

.fitness-app-overlay-content-table {
    display: table;
    min-height: 120px;
    width: 100%
}

.fitness-app-overlay-content-box {
    width: 25%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 10px;
    border-right: 1px solid #ecedee
}

.fitness-app-overlay-content-box:last-child {
    border-right: 0
}

.fitness-app-overlay-content-icon {
    margin-bottom: 12px
}

.fitness-app-overlay-content-icon svg {
    width: 50px;
    height: 50px
}

.fitness-app-overlay-content-icon svg * {
    fill: #7e8082;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fitness-app-overlay-content-box span {
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fitness-app-overlay-content-box:hover svg * {
    fill: #ec7323
}

.fitness-app-overlay-content-box:hover span {
    color: #ec7323
}

.why-you-invest-main-2 .why-you-invest-box {
    background-color: transparent;
    padding: 20px 15px;
    position: relative
}

.why-you-invest-main-2 .why-you-invest-box:before {
    content: "";
    display: block;
    position: absolute;
    top: 43px;
    height: 67px;
    width: 8px;
    background-color: #f8f9fa;
    left: -7px;
    z-index: 1
}

.why-you-invest-main-2 .why-you-invest-icon {
    position: relative;
    left: inherit;
    top: inherit;
    border-radius: 5px;
    margin-bottom: 15px
}

.why-you-invest-main-2 .why-you-invest-icon svg {
    width: 45px;
    height: 45px
}

.why-you-invest-main-2 .why-you-invest-box h5 {
    padding: 0;
    margin-bottom: 10px
}

.other-demand-app-box {
    overflow: hidden
}

.other-demand-app-box a {
    padding: 45px 15px 30px;
    display: block;
    background-color: #fdfefe
}

.other-demand-app-icon {
    width: 71px;
    height: 71px;
    margin: 0 auto 40px
}

.other-demand-app-icon svg circle, .other-demand-app-icon svg ellipse, .other-demand-app-icon svg path, .other-demand-app-icon svg polygon, .other-demand-app-icon svg rect {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.other-demand-app-box h5 {
    color: #202122;
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 0
}

.other-demand-app-box a:hover {
    background-color: #ec7323
}

.other-demand-app-box a:hover .other-demand-app-icon svg circle, .other-demand-app-box a:hover .other-demand-app-icon svg ellipse, .other-demand-app-box a:hover .other-demand-app-icon svg path, .other-demand-app-box a:hover .other-demand-app-icon svg polygon, .other-demand-app-box a:hover .other-demand-app-icon svg rect {
    fill: #fff
}

.other-demand-app-box a:hover h5 {
    color: #fff
}

.similar-app-white-main:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 60%;
    height: 70%;
    top: 15%;
    background-color: #f8f9fa
}

.similar-app-white-main .similar-app-image {
    top: 0
}

.similar-app-white-main .similar-app-content-wrap:before {
    display: none
}

.similar-app-white-main .similar-app-content h2 {
    color: #202122
}

.similar-app-white-main .similar-app-content p {
    color: #6a6d6f
}

.fitness.similar-app-white-main .similar-app-image-wid:hover .img1 {
    left: -10px
}

.fitness.similar-app-white-main .similar-app-image-wid:hover .img2 {
    left: 50%
}

.ideal-business-box {
    padding: 25px 15px;
    border-right: 1px solid #ecedee;
    border-bottom: 1px solid #ecedee;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ideal-business-box:nth-child(3n+0) {
    border-right: 0
}

.ideal-business-box:nth-child(4), .ideal-business-box:nth-child(5), .ideal-business-box:nth-child(6) {
    border-bottom: 0
}

.ideal-business-box-icon {
    width: 103px;
    height: 103px;
    margin: 0 auto 15px;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ideal-business-box-icon svg {
    width: 52px;
    height: 52px
}

.ideal-business-box-icon svg circle, .ideal-business-box-icon svg ellipse, .ideal-business-box-icon svg path, .ideal-business-box-icon svg polygon, .ideal-business-box-icon svg rect {
    fill: #6a6d6f;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ideal-business-box h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

.ideal-business-box p:last-child {
    margin-bottom: 0
}

.ideal-business-box:hover {
    -webkit-box-shadow: 0 3px 10px 0 rgba(245, 133, 31, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(245, 133, 31, .15);
    box-shadow: 0 3px 10px 0 rgba(245, 133, 31, .15);
    background-color: #fff
}

.ideal-business-box:hover .ideal-business-box-icon {
    background-color: #ec7323
}

.ideal-business-box:hover .ideal-business-box-icon svg circle, .ideal-business-box:hover .ideal-business-box-icon svg ellipse, .ideal-business-box:hover .ideal-business-box-icon svg path, .ideal-business-box:hover .ideal-business-box-icon svg polygon, .ideal-business-box:hover .ideal-business-box-icon svg rect {
    fill: #fff
}

.why-erp-main .game-service-offer-box {
    background-color: transparent;
    min-height: 285px
}

.why-erp-main .game-service-offer-icon {
    box-shadow: none;
    width: 85px;
    height: 85px;
    margin: -74px 0 20px
}

.why-erp-main .game-service-offer-icon svg {
    width: 40px;
    height: 40px
}

.why-erp-main .game-service-offer-box p:last-child {
    margin-bottom: 0
}

.custom-erp-main .game-what-we-offer-box {
    min-height: 340px
}

.game-what-we-offer-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 20px
}

.custom-erp-main .game-what-we-offer-box h4 {
    margin-bottom: 10px
}

.custom-erp-main .game-what-we-offer-icon svg circle, .custom-erp-main .game-what-we-offer-icon svg ellipse, .custom-erp-main .game-what-we-offer-icon svg path, .custom-erp-main .game-what-we-offer-icon svg polygon, .custom-erp-main .game-what-we-offer-icon svg rect {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.custom-erp-main .game-what-we-offer-box:hover .game-what-we-offer-icon svg circle, .custom-erp-main .game-what-we-offer-box:hover .game-what-we-offer-icon svg ellipse, .custom-erp-main .game-what-we-offer-box:hover .game-what-we-offer-icon svg path, .custom-erp-main .game-what-we-offer-box:hover .game-what-we-offer-icon svg polygon, .custom-erp-main .game-what-we-offer-box:hover .game-what-we-offer-icon svg rect {
    fill: #ec7323
}

.invest-erp-main .why-you-invest-box {
    background-color: #f8f9fa;
    min-height: 290px
}

.invest-erp-main .why-you-invest-box:hover {
    background-color: #fff
}

.why-crm-main .game-service-offer-box {
    background-color: transparent;
    min-height: 325px
}

.why-crm-main .game-service-offer-box p {
    margin: 0
}

.custom-cms-main .game-what-we-offer-box {
    min-height: 380px
}

.breadcrumb.no-company-logo {
    bottom: 20px
}

.max-wid-600.title p {
    max-width: 580px
}

.technology-box li {
    text-align: center;
    min-height: 290px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ecedee;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.technology-box li img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.technology-box li:hover {
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15)
}

.technology-box li:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.what-we-offer-main-listing .row.technology-box {
    padding-top: 60px;
    position: relative;
    justify-content: center
}

.what-we-offer-main-listing .row.technology-box:before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #f58020;
    position: absolute;
    left: 50%;
    top: 35px;
    transform: translateX(-50%);
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

.what-we-offer-main-listing .row.active .technology-box:before {
    opacity: 1;
    visibility: visible
}

.uiux-service-box-image {
    overflow: hidden;
    border-radius: 10px
}

.uiux-service-box-image img {
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.uiux-service-icon {
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 30px;
    top: -40px
}

.uiux-service-icon svg {
    width: 42px
}

.uiux-service-icon svg circle, .uiux-service-icon svg ellipse, .uiux-service-icon svg path, .uiux-service-icon svg polygon, .uiux-service-icon svg rect {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.uiux-service-content {
    position: relative;
    padding: 25px 20px;
    margin: -50px 25px 0;
    min-height: 250px
}

.uiux-service-content h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-right: 110px
}

.uiux-service-content p:last-child {
    margin-bottom: 0
}

.uiux-service-box:hover .uiux-service-icon {
    background-color: #ec7323
}

.uiux-service-box:hover svg circle, .uiux-service-box:hover svg ellipse, .uiux-service-box:hover svg path, .uiux-service-box:hover svg polygon, .uiux-service-box:hover svg rect {
    fill: #fff
}

.uiux-service-box:hover .uiux-service-box-image img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.uiux-app-design-box {
    max-width: 360px;
    width: 100%;
    margin: 0 auto
}

.uiux-app-design-icon {
    width: 90px;
    height: 90px;
    border: 1px solid #f6f8fa;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.uiux-app-design-icon svg {
    width: 52px;
    height: 52px
}

.uiux-app-design-icon svg circle, .uiux-app-design-icon svg ellipse, .uiux-app-design-icon svg path, .uiux-app-design-icon svg polygon, .uiux-app-design-icon svg rect {
    fill: #202122;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.uiux-app-design-content {
    width: calc(100% - 110px);
    margin-left: 20px
}

.uiux-app-design-content h4 {
    font-size: 20px;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.uiux-app-design-content p:last-child {
    margin-bottom: 0
}

.uiux-app-design-box:hover .uiux-app-design-icon {
    background-color: #ec7323
}

.uiux-app-design-box:hover .uiux-app-design-icon svg circle, .uiux-app-design-box:hover .uiux-app-design-icon svg ellipse, .uiux-app-design-box:hover .uiux-app-design-icon svg path, .uiux-app-design-box:hover .uiux-app-design-icon svg polygon, .uiux-app-design-box:hover .uiux-app-design-icon svg rect {
    fill: #fff
}

.uiux-app-design-box:hover .uiux-app-design-content h4 {
    color: #ec7323
}

.uiux-design-process-content .number {
    display: block;
    font-size: 46px;
    color: #d2d3d3;
    line-height: 1;
    margin-bottom: 20px
}

.uiux-design-process-content h5 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 15px
}

.uiux-design-process-content p:last-child {
    margin-bottom: 0
}

.uiux-design-process-content-image {
    position: relative
}

.uiux-design-process-content-image img {
    position: relative
}

.uiux-design-process-content-image:before {
    content: "";
    display: block;
    position: absolute;
    top: 50px;
    background-image: url(../images/uiux/process-image-background-pattern.png);
    background-repeat: repeat;
    background-position: center center;
    height: 99%;
    width: 100%
}

.uiux-design-process-content-image.left-image:before {
    left: 50px
}

.uiux-design-process-content-image.right-image:before {
    right: 50px
}

.uiux-design-process-content-image:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    height: 384px;
    width: 225px
}

.uiux-design-process-list .row {
    margin-bottom: 30px
}

.uiux-design-process-list > .row:nth-child(even) .uiux-design-process-content-image:after {
    top: 60%
}

.uiux-design-process-list > .row:last-child .uiux-design-process-content-image:after {
    display: none
}

.uiux-design-process-list > .row:nth-child(odd) .uiux-design-process-content {
    margin-top: -80px
}

.uiux-design-process-list > .row:nth-child(even) .uiux-design-process-content-image {
    margin-top: -80px
}

.uiux-design-process-list > .row:last-child .uiux-design-process-content {
    margin-top: 0
}

.uiux-design-process-content-image.left-image:after {
    left: 0;
    transform: translateX(-100%);
    background-image: url(../images/uiux/process-arrow.png)
}

.uiux-design-process-content-image.right-image:after {
    right: 0;
    transform: translateX(100%);
    background-image: url(../images/uiux/process-arrow2.png)
}

.uiux-tools-box {
    text-align: center;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ecedee;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 5px 10px
}

.uiux-tools-box:hover {
    border: 1px solid #ec7323;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15);
    -moz-box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15);
    box-shadow: 0 3px 10px 0 rgba(236, 115, 35, .15)
}

.uiux-design-process-content-image:after {
    opacity: 0;
    visibility: hidden
}

.complete .uiux-design-process-content-image:after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@-webkit-keyframes uiux-process-text {
    from {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -o-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes uiux-process-text {
    from {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -o-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.uiux-process-text {
    -webkit-animation-name: uiux-process-text;
    animation-name: uiux-process-text;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@-webkit-keyframes uiux-process-img {
    from {
        opacity: 0;
        -webkit-border-radius: 200px;
        -moz-border-radius: 200px;
        border-radius: 200px;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes uiux-process-img {
    from {
        opacity: 0;
        -webkit-border-radius: 200px;
        -moz-border-radius: 200px;
        border-radius: 200px;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.uiux-process-img {
    -webkit-animation-name: uiux-process-img;
    animation-name: uiux-process-img;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.svgleft-arrow {
    position: absolute;
    top: 50%;
    height: 384px;
    width: 225px;
    left: 0;
    transform: translateX(-100%)
}

@-webkit-keyframes uiux-web-app-desktop {
    from {
        opacity: 0;
        left: 50%;
        -webkit-transform: translate3d(-40%, 0, 0);
        -moz-transform: translate3d(-40%, 0, 0);
        -o-transform: translate3d(-40%, 0, 0);
        -ms-transform: translate3d(-40%, 0, 0);
        transform: translate3d(-40%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(-40%, 0, 0);
        -moz-transform: translate3d(-40%, 0, 0);
        -o-transform: translate3d(-40%, 0, 0);
        -ms-transform: translate3d(-40%, 0, 0);
        transform: translate3d(-40%, 0, 0)
    }
}

@keyframes uiux-web-app-desktop {
    from {
        opacity: 0;
        left: 50%;
        -webkit-transform: translate3d(-40%, 0, 0);
        -moz-transform: translate3d(-40%, 0, 0);
        -o-transform: translate3d(-40%, 0, 0);
        -ms-transform: translate3d(-40%, 0, 0);
        transform: translate3d(-40%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(-40%, 0, 0);
        -moz-transform: translate3d(-40%, 0, 0);
        -o-transform: translate3d(-40%, 0, 0);
        -ms-transform: translate3d(-40%, 0, 0);
        transform: translate3d(-40%, 0, 0)
    }
}

.uiux-web-app-desktop {
    -webkit-animation-name: uiux-web-app-desktop;
    animation-name: uiux-web-app-desktop;
    left: 50%;
    -webkit-transform: translate3d(-40%, 0, 0);
    -moz-transform: translate3d(-40%, 0, 0);
    -o-transform: translate3d(-40%, 0, 0);
    -ms-transform: translate3d(-40%, 0, 0);
    transform: translate3d(-40%, 0, 0)
}

@-webkit-keyframes uiux-web-app-laptop {
    from {
        opacity: 0;
        left: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -o-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    to {
        left: 0;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes uiux-web-app-laptop {
    from {
        opacity: 0;
        left: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -o-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    to {
        left: 0;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.uiux-web-app-laptop {
    -webkit-animation-name: uiux-web-app-laptop;
    animation-name: uiux-web-app-laptop;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@-webkit-keyframes uiux-web-app-ipad {
    from {
        opacity: 0;
        right: 50%;
        -webkit-transform: translate3d(75%, 0, 0);
        -moz-transform: translate3d(75%, 0, 0);
        -o-transform: translate3d(75%, 0, 0);
        -ms-transform: translate3d(75%, 0, 0);
        transform: translate3d(75%, 0, 0)
    }
    to {
        right: 8%;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes uiux-web-app-ipad {
    from {
        opacity: 0;
        right: 50%;
        -webkit-transform: translate3d(75%, 0, 0);
        -moz-transform: translate3d(75%, 0, 0);
        -o-transform: translate3d(75%, 0, 0);
        -ms-transform: translate3d(75%, 0, 0);
        transform: translate3d(75%, 0, 0)
    }
    to {
        right: 8%;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.uiux-web-app-ipad {
    -webkit-animation-name: uiux-web-app-ipad;
    animation-name: uiux-web-app-ipad;
    right: 8%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@-webkit-keyframes uiux-web-app-iphone {
    from {
        opacity: 0;
        right: 50%;
        -webkit-transform: translate3d(75%, 0, 0);
        -moz-transform: translate3d(75%, 0, 0);
        -o-transform: translate3d(75%, 0, 0);
        -ms-transform: translate3d(75%, 0, 0);
        transform: translate3d(75%, 0, 0)
    }
    to {
        right: 0;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes uiux-web-app-iphone {
    from {
        opacity: 0;
        right: 50%;
        -webkit-transform: translate3d(75%, 0, 0);
        -moz-transform: translate3d(75%, 0, 0);
        -o-transform: translate3d(75%, 0, 0);
        -ms-transform: translate3d(75%, 0, 0);
        transform: translate3d(75%, 0, 0)
    }
    to {
        right: 0;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.uiux-web-app-iphone {
    -webkit-animation-name: uiux-web-app-iphone;
    animation-name: uiux-web-app-iphone;
    right: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.uiux-app-design-main .container-2 {
    max-width: 1500px
}

.uiux-app-design-main-image.uiux-mobile-app {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.uiux-app-design-main-image.uiux-mobile-app .mainimg {
    opacity: 0;
    visibility: hidden;
    display: block
}

.uiux-app-design-main-image.uiux-mobile-app > div {
    position: absolute;
    top: 0
}

.uiux-app-design-main-image.uiux-mobile-app .one {
    z-index: 1;
    left: 2%;
    width: 16%
}

.uiux-app-design-main-image.uiux-mobile-app .two {
    z-index: 2;
    left: 20%;
    width: 16.5%
}

.uiux-app-design-main-image.uiux-mobile-app .three {
    z-index: 3;
    width: 18.5%;
    left: 50%;
    transform: translateX(-50%)
}

.uiux-app-design-main-image.uiux-mobile-app .four {
    z-index: 2;
    right: 20%;
    width: 16.5%
}

.uiux-app-design-main-image.uiux-mobile-app .five {
    z-index: 1;
    right: 2%;
    width: 16%
}

.uiux-app-design-main-image.uiux-web-app {
    position: relative
}

.uiux-app-design-main-image.uiux-web-app .mainimg {
    opacity: 0;
    visibility: hidden
}

.uiux-app-design-main-image.uiux-web-app > div {
    position: absolute;
    bottom: 0
}

.uiux-app-design-main-image.uiux-web-app .laptop {
    z-index: 2;
    width: 44.5%
}

.uiux-app-design-main-image.uiux-web-app .desktop {
    z-index: 1;
    width: 53%
}

.uiux-app-design-main-image.uiux-web-app .ipad {
    z-index: 3;
    width: 22%
}

.uiux-app-design-main-image.uiux-web-app .iphone {
    z-index: 4;
    width: 11%
}

#clients_review {
    max-width: 1060px;
    width: 100%;
    margin: 0 auto
}

.tideway-box {
    padding: 20px 20px;
    position: relative;
    border: 1px solid #e2e3e5;
    min-height: 340px;
    background-color: #fff;
    overflow: hidden
}

.tideway-box:before {
    content: "";
    display: block;
    width: 132px;
    height: 90px;
    background: url(../images/client-review/tideway-quote-pattern.png) no-repeat center center;
    position: absolute;
    bottom: -24px;
    right: -3px
}

.tideway-logo {
    position: absolute;
    top: 15px;
    right: 20px
}

.tideway-top {
    margin-bottom: 30px
}

.tideway-image {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    overflow: hidden;
    border: 7px solid #fff
}

.tideway-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.tideway-client-info {
    width: calc(100% - 135px);
    margin-left: 15px;
    padding: 25px 100px 0 0
}

.tideway-client-info .name {
    margin-bottom: 15px
}

.tideway-client-info span {
    font-weight: 700
}

.tideway-client-info .ratedbtclient {
    margin-bottom: 5px
}

.tideway-client-info .fas {
    color: #ec7323
}

.tideway-review-text p {
    margin: 0;
    display: inline;
    line-height: 25px;
    letter-spacing: .025em
}

.tideway-review-text span {
    display: inline
}

.tideway-review-text .openquote {
    margin-right: 3px
}

.tideway-review-text .closequote {
    margin-left: 3px
}

.video-inner-top-content {
    position: relative
}

.video-inner-top-content:Before {
    content: "";
    display: block;
    width: 132px;
    height: 90px;
    background: url(../images/client-review/tideway-quote-pattern.png) no-repeat center center;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.video-inner-top-content .name {
    font-size: 18px;
    margin-bottom: 10px
}

.video-inner-top-content span {
    margin-bottom: 30px
}

.video-inner-top-content p {
    margin: 0;
    line-height: 25px;
    letter-spacing: .025em
}

.video-inner-bottom-slider {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 40px
}

.video-inner-bottom-slider .slick-slide {
    margin: 10px 15px;
    cursor: pointer
}

.video-bottom-slider-main-image {
    position: relative;
    border: 2px solid #e2e3e5;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.video-bottom-slider-main-image .fas {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #fff;
    color: #202122;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    right: 20px;
    bottom: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.video-bottom-slider-bottom-part {
    padding: 20px 15px 0
}

.video-bottom-slider-image {
    width: 62px;
    height: 62px;
    border-radius: 100%;
    border: 2px solid #e2e3e5;
    border-radius: 100%;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.video-bottom-slider-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.video-bottom-slider-client-info {
    width: calc(100% - 85px);
    margin-left: 23px
}

.video-bottom-slider-client-info .name {
    margin-bottom: 10px
}

.video-bottom-slider-client-info .name span {
    font-weight: 700
}

.video-bottom-slider-client-info .ratedbtclient {
    font-size: 12px;
    line-height: 1
}

.video-bottom-slider-client-info .ratingstar .fas {
    color: #ec7323;
    font-size: 10px
}

.video-inner-bottom-slider .slick-current .video-bottom-slider-main-image, .video-inner-bottom-slider .slick-slide:hover .video-bottom-slider-main-image {
    border: 2px solid #ec7323
}

.video-inner-bottom-slider .slick-current .video-bottom-slider-main-image .fas, .video-inner-bottom-slider .slick-slide:hover .video-bottom-slider-main-image .fas {
    color: #ec7323
}

.video-inner-bottom-slider .slick-current .video-bottom-slider-image, .video-inner-bottom-slider .slick-slide:hover .video-bottom-slider-image {
    border: 2px solid #ec7323
}

.video-inner-bottom-slider .slick-dots {
    text-align: center;
    margin-top: 30px
}

.video-inner-bottom-slider .slick-dots li {
    line-height: 1
}

.video-inner-bottom-slider .slick-dots button {
    border: 0;
    font-size: 0;
    width: 11px;
    height: 11px;
    margin: 0 6px;
    background-color: #dedfe0;
    border-radius: 100%;
    cursor: pointer;
    outline: 0 !important
}

.video-inner-bottom-slider .slick-dots .slick-active button {
    background-color: #ec7323
}

.contact-form-box {
    padding: 40px 25px 20px
}

.contact-form-box .input-append {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0 15px
}

.form-control:disabled {
    cursor: not-allowed
}

.contact-form-box .input-append #subfile {
    background-color: #fff;
    padding-right: 65px
}

.contact-form-box .input-append .btn--primary {
    border-radius: 0;
    min-width: auto;
    position: absolute;
    top: 0;
    right: 15px;
    padding: 3px 20px;
    font-size: 22px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: right;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    border: none;
    outline: 0;
    cursor: pointer;
    background-color: transparent
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    white-space: nowrap;
    text-overflow: ellipsis
}

.contact-form-main {
    margin-top: -150px;
    position: relative;
    z-index: 9;
    padding-bottom: 30px
}

.schedule-meeting-main {
    padding-top: 200px
}

.schedule-meeting-box {
    background-color: #ec7323
}

.schedule-meeting-img {
    width: 252px;
    height: 252px;
    border-radius: 100%;
    border: 2px solid #dddfe1;
    margin: 0 auto;
    position: relative;
    top: -170px
}

.schedule-meeting-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
    position: relative
}

.schedule-meeting-img:before {
    content: " ";
    top: -2px;
    left: -2px;
    background-color: #fff;
    width: 252px;
    height: 252px;
    border-radius: 100%;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    position: absolute;
    opacity: .6;
    -webkit-animation: pulse3 1.8s ease-out;
    animation: pulse3 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes pulse3 {
    0% {
        -webkit-transform: scale(1);
        opacity: 0
    }
    25% {
        -webkit-transform: scale(1.05);
        opacity: .3
    }
    50% {
        -webkit-transform: scale(1.1);
        opacity: .6
    }
    75% {
        -webkit-transform: scale(1.15);
        opacity: .3
    }
    100% {
        -webkit-transform: scale(1.2);
        opacity: 0
    }
}

@keyframes pulse3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: .3
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .6
    }
    75% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        opacity: .3
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

.schedule-meeting-content {
    margin-top: -130px;
    padding: 0 30px 30px
}

.schedule-meeting-content h3 {
    font-size: 24px;
    color: #fff;
    margin: 0;
    font-weight: 500
}

.schedule-meeting-content h4 {
    font-size: 28px;
    color: #fff;
    margin: 0;
    font-weight: 600;
    margin-bottom: 40px
}

.schedule-meeting-content p {
    color: #fff;
    margin: 0 0 5px
}

.schedule-meeting-content-description {
    min-height: 307px;
    padding: 0 0 20px
}

.schedule-meeting-content .btn-custome {
    background-color: #fff !important;
    color: #ec7323 !important;
    font-size: 16px
}

.schedule-meeting-content .btn-custome:focus, .schedule-meeting-content .btn-custome:hover {
    background-color: #343535 !important;
    color: #fff !important
}

.contact-info-box {
    padding: 30px 15px;
    background-color: #fff;
    min-height: 170px;
    border: 1px solid #f6f7f8
}

.contact-info-icon {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -60px auto 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.contact-info-icon svg {
    width: 50px;
    height: 50px
}

.contact-info-icon svg circle, .contact-info-icon svg ellipse, .contact-info-icon svg path, .contact-info-icon svg polygon, .contact-info-icon svg rect {
    fill: #ec7323;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.contact-info-icon svg .st0 {
    fill: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.contact-info-box .tool {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px
}

.contact-info-box .name {
    font-size: 16px
}

.contact-info-box .name, .contact-info-box .name a {
    color: #ec7323
}

.contact-info-box .name a:focus, .contact-info-box .name a:hover {
    color: #202122
}

.contact-info-box:hover .contact-info-icon {
    background-color: #ec7323
}

.contact-info-box:hover .contact-info-icon svg circle, .contact-info-box:hover .contact-info-icon svg ellipse, .contact-info-box:hover .contact-info-icon svg path, .contact-info-box:hover .contact-info-icon svg polygon, .contact-info-box:hover .contact-info-icon svg rect {
    fill: #fff
}

.contact-info-box:hover .contact-info-icon svg .st0 {
    fill: #ec7323
}

.contact-follow-us-section {
    padding: 30px 0 0;
    position: relative;
    z-index: 1
}

.contact-follow-us-section h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px
}

.contact-follow-us-section .c_social {
    padding: 20px 15px;
    width: auto
}

.contact-follow-us-section .c_social li {
    margin: 0 13px;
    display: inline-block;
    width: auto;
    border: 0
}

.contact-follow-us-section .c_social li a span {
    display: none
}

.contact-follow-us-section .c_social li a {
    width: 62px;
    height: 62px;
    font-size: 30px;
    background-color: transparent;
    color: #ec7323;
    border: 1px solid #e4e6e8;
    margin: 0
}

.contact-follow-us-section .c_social li a:focus, .contact-follow-us-section .c_social li a:hover {
    color: #fff;
    background-color: #ec7323
}

.contact-info-main {
    position: relative
}

.contact-info-main:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 90px;
    background-color: #fff
}

.contact-info-main:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 107px;
    background-color: #fff
}

.map-tabs-nav {
    width: 28%;
    float: left
}

.map-tabs-nav li {
    position: relative;
    display: block
}

.map-tabs-nav li a {
    display: block
}

.map-tabs-nav li img {
    width: 100%
}

.map-tabs-nav li h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    position: absolute;
    bottom: 30px;
    right: 50px
}

.map-tabs-iframe {
    width: 72%;
    float: left;
    position: relative
}

.mapiframe {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.mapiframe {
    display: none
}

.mapiframe:first-child {
    display: block
}

.solution-we-offer-box {
    position: relative
}

.solution-we-offer-image {
    width: 268px;
    float: none;
    position: relative;
    left: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.solution-we-offer-content {
    max-width: 370px;
    width: 100%;
    padding: 30px 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #ecedee;
    background-color: #fff
}

.solution-we-offer-content h3 {
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.solution-we-offer-content p:last-child {
    margin-bottom: 0
}

.solution-we-offer-box:hover .solution-we-offer-image {
    position: relative;
    left: -5px;
    top: -5px
}

.solution-we-offer-box:hover .solution-we-offer-content h3 {
    color: #ec7323
}

.awaybackbg {
    background-color: #ef6c3d
}

.strongmindedbg {
    background-color: #0e0e0e
}

.guestmebg {
    background-color: #ff0a00
}

.idtrackbg {
    background-color: #349943
}

.clueduppbg {
    background-color: #e50d8e
}

.photoboothbg {
    background-color: #f7b8c5
}

.claireabellabg {
    background-color: #e42ba1
}

.chatagrambg {
    background-color: #ec7575
}

.pmustockbg {
    background-color: #00a8b1
}

.fantasyabg {
    background-color: #092240
}

.dattingbg {
    background: -moz-linear-gradient(45deg, #7d65dd 0, #e483eb 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #7d65dd), color-stop(100%, #e483eb));
    background: -webkit-linear-gradient(45deg, #7d65dd 0, #e483eb 100%);
    background: -o-linear-gradient(45deg, #7d65dd 0, #e483eb 100%);
    background: -ms-linear-gradient(45deg, #7d65dd 0, #e483eb 100%);
    background: linear-gradient(45deg, #7d65dd 0, #e483eb 100%)
}

.similar-app-slider {
    position: relative
}

.similar-app-option3-main {
    position: relative
}

.similar-app-option3-main .bg-light {
    -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .15)
}

.similar-app-option3-main .content-box {
    min-height: 600px;
    padding: 30px 50px 30px 30px;
    max-width: 600px;
    width: 100%
}

.similar-app-option3-main .content-logo-section {
    margin-bottom: 30px
}

.similar-app-option3-main .content-logo {
    width: 120px
}

.similar-app-option3-main .content-logo img {
    border-radius: 30px
}

.similar-app-option3-main .content-logo-name {
    width: calc(100% - 150px);
    margin-left: 30px
}

.similar-app-option3-main .content-logo-name span {
    display: block
}

.similar-app-option3-main .content-logo-name .mainname {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.1
}

.similar-app-option3-main .content-logo-name .subname {
    font-size: 18px;
    color: #6a6d6f
}

.similar-app-option3-main .content-description p {
    margin-bottom: 25px
}

.similar-app-option3-main .content-description ul {
    clear: both;
    display: inline-block;
    width: 100%
}

.similar-app-option3-main .content-description ul li {
    position: relative;
    width: 50%;
    padding-right: 15px;
    float: left;
    font-weight: 500;
    margin-bottom: 20px;
    padding-left: 25px
}

.similar-app-option3-main .content-description ul li img {
    position: absolute;
    left: 0;
    top: 0
}

.similar-app-option3-main .fixed-col {
    position: absolute;
    left: 0;
    top: 0
}

.similar-app-option3-main .fixedimage {
    max-width: 650px;
    position: relative;
    float: right;
    width: 100%
}

.similar-app-option3-main .fixedimage .img1 {
    position: absolute;
    left: 0;
    top: 70px;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.similar-app-option3-main .fixedimage .img2 {
    position: absolute;
    left: 40%;
    top: 100px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.similar-app-option3-main .fixedimage:hover .img1 {
    left: -35px
}

.similar-app-option3-main .fixedimage:hover .img2 {
    left: 43%;
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03)
}

.similar-app-slider .slick-dots {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    margin-top: -60px;
    left: inherit;
    bottom: inherit
}

.similar-app-slider .slick-dots li {
    display: block;
    line-height: 1;
    margin: 7px 0
}

.similar-app-slider .slick-dots button {
    border: 0;
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    outline: 0;
    cursor: pointer
}

.similar-app-slider .slick-dots button:focus, .similar-app-slider .slick-dots button:hover, .similar-app-slider .slick-dots li.slick-active button {
    background-color: #ec7323
}

.types-of-social-media-box {
    min-height: 310px;
    border: 1px solid #f5f6f6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.types-of-social-media-platform {
    padding: 20px 20px 15px;
    border-bottom: 2px solid #ec7323
}

.types-of-social-media-platform ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0
}

.types-of-social-media-content {
    padding: 25px 20px
}

.types-of-social-media-content h3 {
    font-size: 18px;
    font-weight: 600
}

.types-of-social-media-content p:last-child {
    margin-bottom: 0
}

.types-of-social-media-box:hover {
    border: 1px solid #ec7323
}

.detail-feature-tab-section {
    padding: 0 50px 30px
}

.detail-feature-tab {
    text-align: center
}

.detail-feature-tab #servicesTab {
    display: inline-flex;
    padding: 0;
    border: 1px solid #dddfe1;
    border-radius: 0 0 10px 10px;
    overflow: hidden
}

.detail-feature-tab #servicesTab li {
    padding: 0;
    min-width: 150px;
    margin: 0
}

.detail-feature-tab #servicesTab li a {
    padding: 15px 10px
}

.detail-feature-tab #servicesTab li a.active, .detail-feature-tab #servicesTab li a:hover {
    background-color: #ec7323;
    color: #fff
}

.detail-feature-tab #servicesTab li a.active svg *, .detail-feature-tab #servicesTab li a:hover svg * {
    fill: #fff
}

.similar-app-option3-main .content-description ul {
    clear: both;
    display: inline-block;
    width: 100%
}

.detail-feature-tab-content h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px
}

.detail-feature-tab-content p {
    margin: 0 0 30px
}

.detail-feature-tab-content ul li {
    position: relative;
    width: 50%;
    padding-right: 15px;
    float: left;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 0 0 0 25px
}

.detail-feature-tab-content ul li img {
    position: absolute;
    left: 0;
    top: 0
}

.head-contact-info {
    display: none
}

.top-review-bar .container {
    max-width: 1380px;
    width: 100%
}

.head-call-back-sidebar-background {
    z-index: 999999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(27, 32, 34, .8);
    opacity: 0;
    visibility: hidden
}

.head-call-back-sidebar-background.open {
    opacity: 1;
    visibility: visible
}

.head-call-back-sidebar {
    position: fixed;
    left: -430px;
    top: 0;
    bottom: 0;
    width: 430px;
    height: 100%;
    z-index: 99999999;
    background-color: #fff;
    padding: 70px 30px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.head-call-back-sidebar.open {
    left: 0;
    opacity: 1;
    visibility: visible
}

.head-call-back-box img {
    width: 120px;
    border-radius: 100%;
    height: 120px;
    object-fit: cover
}

.head-call-back-content {
    width: calc(100% - 150px);
    margin-left: 20px
}

.head-call-back-content-title {
    font-size: 18px;
    font-weight: 500;
    color: #ec7323
}

.head-call-back-content p {
    margin-bottom: 0
}

.head-call-form-section {
    margin-top: 40px
}

.head-call-form-section .form-group label {
    display: block;
    margin: 0
}

.head-call-back-sidebar .close {
    position: absolute;
    right: 30px;
    top: 30px
}

.head-call-back-sidebar .bootstrap-select > .dropdown-toggle {
    font-size: 14px;
    padding: 11px 15px;
    color: #6a6d6f
}

.advantage-of-real-estate-main .web-why-choose-inner-icon {
    float: right;
    width: 108px;
    height: 108px;
    line-height: 94px;
    background-color: #eef2f3;
    border: 8px solid #fff;
    margin-top: -84px
}

.advantage-of-real-estate-main .web-why-choose-us-inner-box {
    margin-top: 55px;
    padding-top: 30px;
    min-height: 250px
}

.advantage-of-real-estate-main .web-why-choose-us-inner-box h5 {
    width: calc(100% - 118px);
    padding-left: 0;
    margin: 0 10px 15px 0;
    font-weight: 600
}

.advantage-of-real-estate-main .web-why-choose-inner-icon svg {
    width: 50px;
    height: 50px
}

.advantage-of-real-estate-main .web-why-choose-inner-icon svg circle, .advantage-of-real-estate-main .web-why-choose-inner-icon svg ellipse, .advantage-of-real-estate-main .web-why-choose-inner-icon svg path, .advantage-of-real-estate-main .web-why-choose-inner-icon svg polygon, .advantage-of-real-estate-main .web-why-choose-inner-icon svg rect {
    fill: #202122
}

.advantage-of-real-estate-main .web-why-choose-us-inner-box:hover .web-why-choose-inner-icon svg circle, .advantage-of-real-estate-main .web-why-choose-us-inner-box:hover .web-why-choose-inner-icon svg ellipse, .advantage-of-real-estate-main .web-why-choose-us-inner-box:hover .web-why-choose-inner-icon svg path, .advantage-of-real-estate-main .web-why-choose-us-inner-box:hover .web-why-choose-inner-icon svg polygon, .advantage-of-real-estate-main .web-why-choose-us-inner-box:hover .web-why-choose-inner-icon svg rect {
    fill: #fff
}

.real-estate-type-main .game-what-we-offer-box {
    min-height: 310px
}

.real-estate-type-main .game-what-we-offer-icon svg circle, .real-estate-type-main .game-what-we-offer-icon svg ellipse, .real-estate-type-main .game-what-we-offer-icon svg path, .real-estate-type-main .game-what-we-offer-icon svg polygon, .real-estate-type-main .game-what-we-offer-icon svg rect {
    fill: #ec7323
}

body.error404, body.error404 main {
    background-color: #ec7323;
    margin-bottom: 0
}

.error-main {
    height: 100vh;
    position: relative
}

.error-img {
    width: 47%
}

.error-message {
    width: 53%;
    padding: 100px 0
}

.error-message h2 {
    color: #fff;
    font-size: 55px;
    font-weight: 600;
    margin-bottom: 20px
}

.error-message p {
    color: #fff;
    font-size: 18px
}

.error-service-list-wrap {
    margin-top: 100px
}

.error-service-list-wrap h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px
}

.error-service-list-item {
    margin-right: 10px
}

.error-service-list-item:last-child {
    margin-right: 0
}

.error-service-list-item a {
    background-color: rgba(255, 255, 255, .1);
    text-align: center;
    min-height: 105px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 10px;
    border-radius: 10px 10px 0 0
}

.error-service-list-item a:hover {
    background-color: #fff
}

.error-service-list-icon svg {
    width: 45px;
    height: 45px;
    margin-bottom: 10px
}

.error-service-list-icon svg circle, .error-service-list-icon svg ellipse, .error-service-list-icon svg path, .error-service-list-icon svg polygon, .error-service-list-icon svg rect {
    fill: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.error-service-list-item a:hover {
    background-color: #fff
}

.error-service-list-item a:hover svg circle, .error-service-list-item a:hover svg ellipse, .error-service-list-item a:hover svg path, .error-service-list-item a:hover svg polygon, .error-service-list-item a:hover svg rect {
    fill: #ec7323
}

.error-service-list-item span {
    display: block;
    font-size: 12px
}

.thank-you-banner {
    min-height: 390px;
    background-color: #ec7323
}

body.thankyou main {
    margin-bottom: 0
}

.thank-you-founder-img {
    width: 100%;
    max-width: 230px;
    border-radius: 50%;
    border: 0;
    position: relative;
    margin: 0 25px -40px 0
}

.thank-you-founder-img:before {
    content: "";
    width: 115%;
    height: 115%;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 3px solid #ec7323;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, .8)
}

.thank-you-founder-img img {
    height: 230px;
    object-fit: cover;
    border-radius: 50%;
    width: 230px;
    position: relative;
    display: block;
    border: 2px solid #dddfe1
}

.thank-you-founder-text {
    width: calc(100% - 255px);
    padding-top: 20px;
    padding-bottom: 10px
}

.thank-you-founder-text p {
    color: #fff;
    margin-bottom: 10px;
    font-size: 18px
}

.thank-you-founder-text h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 5px
}

.thank-you-founder-text h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 0
}

.thank-you-process-section {
    padding: 90px 0 30px
}

.thank-you-process-section h2 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: 600;
    display: inline-block
}

.thank-you-process-section h2:before {
    content: "";
    display: block;
    height: 5px;
    background-color: #f58020;
    width: 30%;
    position: absolute;
    bottom: 0;
    border-radius: 10px;
    width: 150px
}

.thank-you-process-box {
    position: relative;
    padding-bottom: 30px
}

.thank-you-process-image {
    max-width: 420px;
    width: 100%
}

.thank-you-process-image img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.thank-you-process-content {
    max-width: 380px;
    width: 100%;
    padding: 15px 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff
}

.thank-you-process-content p {
    font-size: 16px;
    font-weight: 500;
    color: #202122
}

.thank-you-process-content .btn-custome {
    float: right
}

.thank-you-process-box:hover .thank-you-process-image img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.thank-you-process-step-section {
    padding: 70px 0 30px
}

.thank-you-process-step-section h2 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 600;
    display: block;
    text-align: center
}

.thank-you-process-steps {
    flex-wrap: wrap
}

.thank-you-process-step-box {
    width: 14.28%;
    text-align: center
}

.thank-you-process-step-box:nth-child(even) {
    padding-top: 31px
}

.thank-you-process-step-box span {
    display: block
}

.thank-you-process-step-icon {
    width: 150px;
    height: 131px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/thank-you/hexagon.png) no-repeat center center
}

.thank-you-process-step-icon span svg {
    width: 51px;
    height: 51px
}

.thank-you-process-step-box .num {
    font-size: 32px;
    font-weight: 500
}

.thank-you-process-step-box .step-name {
    font-size: 18px;
    font-weight: 500;
    min-height: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.thank-you-process-step-box .step-arrow {
    text-align: right
}

.thank-you-process-step-box .step-arrow-odd {
    margin-bottom: 15px
}

.thank-you-process-step-box .step-arrow-even {
    margin-top: 15px
}

.thank-you-process-step-box:nth-child(odd) .step-name {
    align-items: flex-start
}

.thank-you-process-step-box:hover .num {
    color: #ec7323
}

.thank-you-process-step-box:hover .thank-you-process-step-icon {
    background: url(../images/thank-you/hexagon-hover.png) no-repeat center center;
    background-size: cover
}

.thank-you-process-step-box:hover .thank-you-process-step-icon svg * {
    fill: #ec7323
}

.thank-you-process-step-box:hover .step-name {
    color: #ec7323
}

.thank-you-v3 {
    min-height: 100vh;
    background-image: url(../images/thank-you/thank-you-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 158px
}

.thank-you-v3 .container {
    max-width: 1350px
}

.thank-you-v3 .founder-image {
    width: 640px;
    order: 2;
    margin-left: -200px
}

.thank-you-v3 .content {
    width: calc(100% - 550px)
}

.thank-you-v3 .content h2 {
    font-size: 55px;
    font-weight: 600;
    color: #ec7323;
    font-family: Montserrat, sans-serif
}

.thank-you-v3 .content p {
    font-size: 20px;
    color: #333
}

.thank-you-v3 .bglightorange {
    color: #ec7323;
    font-size: 26px;
    font-weight: 800;
    padding: 10px 30px;
    border-radius: 10px;
    margin: 70px 0 0;
    position: relative;
    font-family: Montserrat, sans-serif
}

.thank-you-v3 .bglightorange:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 90%;
    background-color: #fff9f2
}

.thank-you-v3 .bglightorange .text {
    position: relative
}

.thank-you-v3 .bglightorange span {
    display: block;
    font-size: 36px
}

.thank-you-v3 .messagetext {
    font-size: 24px;
    color: #333;
    padding: 10px 30px;
    font-family: Montserrat, sans-serif
}

.privacy-policy h2 {
    font-size: 28px;
    margin-bottom: 20px
}

.privacy-policy h3 {
    font-size: 24px;
    margin-bottom: 20px
}

.privacy-policy ul {
    margin-bottom: 20px
}

.privacy-policy a {
    color: #ec7323;
    word-break: break-all
}

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 900px;
    margin: 0 auto 10px !important;
    z-index: 992;
    opacity: 1;
    border-radius: 10px;
    background: #202122;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    color: #fff;
    padding: 12px 20px
}

.cookiealert.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.cookiealert a {
    color: #ec7323
}

.cookiealert a:hover {
    color: #fff
}

.cookiealert button {
    vertical-align: baseline;
    width: 130px;
    padding: 3px 5px;
    font-size: 16px;
    background-color: #ec7323;
    color: #fff;
    font-weight: 500
}

.cookiealert button:hover {
    background-color: #fff;
    color: #202122
}

.cookiealert-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.cookiealert-img {
    width: 60px
}

.cookiealert-img span {
    font-size: 35px
}

.cookiealert-text {
    width: calc(100% - 200px);
    padding: 0 10px
}

.cookiealert-text p {
    margin: 0;
    color: #fff
}

.cookiealert-text .que {
    font-size: 18px;
    padding-bottom: 2px
}

.cookiealert-text .que span {
    display: none
}

.cookiealert-buttons {
    width: 140px
}

.hire-team-sticky-section {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto 10px !important;
    z-index: 993;
    opacity: 1;
    border-radius: 10px;
    background: #ec7323;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    color: #fff;
    padding: 15px 20px
}

.hire-team-sticky-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.hire-team-sticky-icon {
    width: 80px
}

.hire-team-sticky-content {
    width: calc(100% - 310px);
    padding: 0 20px
}

.hire-team-sticky-content .ttl1 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px
}

.hire-team-sticky-content .ttl2 {
    font-size: 14px
}

.hire-team-sticky-btn {
    width: 230px
}

.hire-team-sticky-btn-wrap .btn {
    background-color: #fff;
    color: #ec7323;
    font-weight: 500;
    padding: 6px 15px;
    position: relative
}

.hire-team-sticky-btn-wrap .btn:before {
    content: "";
    display: block;
    position: absolute;
    left: 177px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 34px;
    background-color: #fff;
    pointer-events: none
}

.hire-team-sticky-btn-wrap .btn:focus, .hire-team-sticky-btn-wrap .btn:hover {
    background-color: #202122;
    color: #fff
}

.hire-team-sticky-btn-wrap .close {
    position: relative;
    top: 0;
    right: 0;
    opacity: 1;
    text-shadow: none;
    color: #fff;
    background: #343535;
    border-radius: 100%;
    font-size: 16px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center
}

.hire-team-sticky-btn-wrap .close:not(:disabled):not(.disabled):focus, .hire-team-sticky-btn-wrap .close:not(:disabled):not(.disabled):hover {
    opacity: 1;
    color: #fff
}

#drift-widget-container {
    z-index: 991 !important
}

.chatbot-adv-box {
    border: 1px solid #ecedee;
    padding: 0 15px 20px;
    min-height: 235px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.chatbot-adv-icon {
    width: 130px;
    height: 75px;
    margin: 0 auto 15px;
    position: relative;
    overflow: hidden
}

.chatbot-adv-icon:before {
    content: "";
    display: block;
    width: 130px;
    height: 150px;
    border: 1px solid #ecedee;
    border-radius: 100%;
    position: absolute;
    top: -75px;
    left: 0;
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.chatbot-adv-icon svg {
    height: 60px;
    width: 60px;
    position: relative
}

.chatbot-adv-icon svg circle, .chatbot-adv-icon svg ellipse, .chatbot-adv-icon svg path, .chatbot-adv-icon svg polygon, .chatbot-adv-icon svg rect {
    fill: #6a6d6f;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.chatbot-adv-box h3 {
    font-weight: 500;
    font-size: 18px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.chatbot-adv-box p:last-child {
    margin-bottom: 0
}

.chatbot-adv-box:hover {
    border: 1px solid #ec7323;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

.chatbot-adv-box:hover .chatbot-adv-icon:before {
    background-color: #ec7323;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15)
}

.chatbot-adv-box:hover .chatbot-adv-icon svg circle, .chatbot-adv-box:hover .chatbot-adv-icon svg ellipse, .chatbot-adv-box:hover .chatbot-adv-icon svg path, .chatbot-adv-box:hover .chatbot-adv-icon svg polygon, .chatbot-adv-box:hover .chatbot-adv-icon svg rect {
    fill: #fff
}

.chatbot-adv-box:hover h3 {
    color: #ec7323
}

.chatbot-platform-box {
    padding: 30px 30px;
    border: 1px solid #f0f1f2;
    min-height: 210px
}

.chatbot-platform-box-icon {
    display: block;
    margin-bottom: 25px
}

.car-wash-feature-tab li a {
    border: 1px solid transparent;
    background-color: #fff;
    padding: 17px 10px
}

.car-wash-feature-tab li a:before {
    display: none
}

.car-wash-feature-tab li:first-child a {
    border-radius: 10px 0 0 10px
}

.car-wash-feature-tab li:nth-child(2) a {
    border-radius: 0 10px 10px 0
}

.car-wash-feature-tab li a.active, .car-wash-feature-tab li a:hover {
    border: 1px solid #ec7323
}

.write-us-banner {
    margin-top: 50px;
    display: block;
    padding: 200px 0 110px;
    text-align: center;
    position: relative
}

.write-us-banner:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(32, 33, 34, .9)
}

.write-us-banner .container {
    position: relative
}

.write-us-banner h1 {
    margin: 0 0 30px;
    color: #fff;
    font-size: 40px
}

.write-us-banner p {
    margin: 0;
    color: #fff;
    font-size: 20px
}

.write-for-us-main h2 {
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.4
}

.write-for-us-main p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px
}

.write-for-us-main p:last-child {
    margin-bottom: 0
}

.write-for-us-main ul {
    margin-bottom: 30px
}

.write-for-us-main ul:last-child {
    margin-bottom: 0
}

.write-for-us-main ul li {
    color: #6a6d6f;
    font-size: 16px;
    line-height: 1.8;
    display: block;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px
}

.write-for-us-main ul li:before {
    content: "\f061";
    display: block;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0;
    top: 0
}

.write-for-us-main ul li:last-child {
    margin-bottom: 0
}

.write-for-us-main .row {
    margin-bottom: 50px
}

.write-for-us-main .row:nth-child(odd) .col-lg-7 {
    order: 2
}

.write-for-us-main .row:nth-child(odd) .col-lg-5 {
    order: 1
}

.write-for-us-cta {
    padding: 0 15px;
    text-align: center;
    position: relative
}

.write-for-us-cta .container {
    position: relative;
    padding: 70px 15px;
    background-color: #fbfbfb
}

.write-for-us-cta h3 {
    margin-bottom: 30px;
    font-size: 35px
}

.write-for-us-cta .btn-custome {
    font-size: 16px
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .types-of-ar-platform-box {
        height: 190px
    }

    .footer_box ul li {
        display: block
    }

    .footer_box ul li p {
        width: calc(100% - 30px)
    }

    .footer_box ul li i svg {
        width: auto
    }

    .blog-post_title {
        height: auto;
        overflow: visible
    }
}

img.lazywithloader {
    display: block;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center
}

img.lazywithloader.loadsuccessfully {
    background-image: none
}

@media (min-width: 2100px) {
    .about-bg-section {
        width: 28%
    }
}

@media (min-width: 2400px) {
    .about-bg-section {
        width: 30%
    }
}

@media (max-width: 1800px) {
    .about-bg-section {
        width: 21%
    }
}

@media (max-width: 1600px) {
    .home .tenc-intro-main__wrapper h1 {
        font-size: 48px;
        margin-bottom: 20px
    }

    .banner-main__wrapper h1, .tenc-intro-main__wrapper h1 {
        font-size: 40px;
        margin-bottom: 20px
    }

    .innerbanner h1, .innerbanner h1.f-40 {
        font-size: 36px
    }

    .tenc-intro-main__wrapper h2 {
        font-size: 32px
    }

    .banner-main__wrapper p, .innerbanner p {
        font-size: 17px
    }

    .tenc-intro-main__wrapper .banner_deveploment_main a {
        font-size: 17px
    }

    .banner {
        min-height: 650px
    }

    .video {
        max-height: 650px;
        min-height: 650px
    }

    .about-bg-section {
        width: 18%
    }

    .about h3 {
        font-size: 26px
    }

    .scrollmobilebanner .bannerfixedimagewidth {
        bottom: -100px
    }

    .bannerfixedscrollimagewrap {
        width: 300px
    }

    main {
        margin-bottom: 610px
    }

    .footer-main {
        height: 610px
    }

    .foot-center-col {
        padding: 35px 15px 30px
    }

    .foot-center-col h4 {
        margin-bottom: 15px
    }

    .foot-menu ul li {
        margin-bottom: 8px
    }

    .foot-exp-text-button {
        margin-bottom: 15px !important
    }

    .foot-exp-text-wrap .btn-custome {
        font-size: 14px
    }

    .foot-exp-char {
        width: 100px
    }

    .footer-center-market-list .item img {
        height: 125px
    }

    .foot-exp-text-wrap {
        width: calc(100% - 120px)
    }

    .foot-exp-text-button .exp {
        font-size: 36px
    }

    .foot-exp-text-button .indus {
        font-size: 22px
    }

    .foot-social {
        margin-top: 15px
    }

    .footer-center {
        padding: 20px 0 0
    }

    .footer-center-top-market {
        padding: 10px 0
    }

    .footer-bottom {
        padding: 15px 0
    }

    .bannerfixedimagewidth {
        width: 36%
    }

    .bannerfixedimagewidth.landscape {
        width: 40%
    }

    .portfolio-title h3 {
        font-size: 24px
    }

    .portfolio-preview-thumb img.portrait {
        height: 550px;
        margin: 0 auto;
        display: block
    }

    .thank-you-v3 .founder-image {
        width: 580px
    }

    .banner.height668 {
        min-height: 625px
    }

    .banner.height668 .video {
        min-height: 625px;
        max-height: 625px
    }
}

@media (max-width: 1500px) {
    .container-2 {
        max-width: 1170px
    }

    .service-web-inner:before {
        top: 60px;
        height: calc(100% - 90px);
        width: 35%
    }

    .portfolio-preview-thumb img.portrait {
        height: 500px;
        margin: 0 auto;
        display: block
    }

    .portfolio-preview-main-logo-text .appname {
        font-size: 34px
    }

    .portfolio-preview-main-logo-text .moreaboutapp {
        font-size: 22px
    }

    .banner.height668 {
        min-height: 560px
    }

    .banner.height668 .video {
        min-height: 560px;
        max-height: 560px
    }

    .our-history-detail-image {
        margin-left: 45px
    }

    .similar-app-white-main .similar-app-content-wrap {
        padding: 20px 40px
    }

    .similar-app-white-main:before {
        height: 75%;
        top: 13%
    }

    .write-us-banner h1 {
        font-size: 36px
    }

    .write-for-us-cta .container {
        padding: 60px 15px
    }

    .write-for-us-cta h3 {
        font-size: 32px
    }
}

@media (max-width: 1440px) {
    .megatext .big {
        font-size: 28px
    }

    .megatext span {
        font-size: 24px
    }

    .megatext a {
        font-size: 20px
    }

    .sub-menu > li > a {
        font-size: 15px;
        padding: 15px 10px 15px 15px
    }

    .sub-level2 > li {
        padding: 7px 0
    }

    .submenuicon svg {
        width: 27px;
        height: 27px
    }

    .mainmenuicon svg {
        width: 43px;
        height: 43px
    }

    .megactasection {
        padding: 13px 15px
    }

    .megactasection .or {
        font-size: 20px
    }

    .megactasection .btn-custome {
        padding: 15px 20px;
        font-size: 17px
    }

    .home .tenc-intro-main__wrapper h1 {
        font-size: 40px
    }

    .banner-main__wrapper h1, .tenc-intro-main__wrapper h1 {
        font-size: 32px;
        margin-bottom: 20px
    }

    .tenc-intro-main__wrapper p {
        font-size: 20px
    }

    .innerbanner h1, .innerbanner h1.f-40 {
        font-size: 32px
    }

    .tenc-intro-main__wrapper h2 {
        font-size: 28px
    }

    .banner-main__wrapper p, .innerbanner p {
        font-size: 15px
    }

    .tenc-intro-main__wrapper .banner_deveploment_main a {
        font-size: 15px;
        margin-right: 0
    }

    .banner_deveploment_main .author_text h1 {
        font-size: 38px
    }

    .banner {
        min-height: 540px
    }

    .video {
        max-height: 540px;
        min-height: 540px
    }

    .tenc-intro-main__wrapper p {
        margin-bottom: 20px
    }

    .innerbannerform textarea.form-control {
        height: 75px
    }

    .innerbannerform {
        padding: 20px 20px
    }

    .about-bg-section {
        width: 15%
    }

    .scrollmobilebanner .bannerfixedimagewidth {
        bottom: -160px
    }

    .bannerfixedscrollimagewrap {
        width: 280px
    }

    main {
        margin-bottom: 580px
    }

    .footer-main {
        height: 580px
    }

    .foot-center-col {
        padding: 25px 15px 15px
    }

    .foot-center-col h4 {
        margin-bottom: 15px
    }

    .bannerfixedimagewidth {
        width: 29%
    }

    .bannerfixedimagewidth.landscape {
        width: 33%
    }

    .similar-app-content-wrap {
        padding: 30px 30px
    }

    .similar-app-image-wid {
        width: 50%
    }

    .similar-app-content h2 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .similar-app-content p {
        margin-bottom: 20px
    }

    .error-message h2 {
        font-size: 45px
    }

    .error-message {
        padding: 60px 0
    }

    .thank-you-v3 .founder-image {
        width: 540px
    }

    .write-for-us-main h2 {
        font-size: 24px
    }
}

@media (max-width: 1360px) {
    .about-bg-section {
        width: 12%
    }

    .uiux-design-process-content-image.left-image:before {
        left: 20px
    }

    .uiux-design-process-content-image.right-image:before {
        right: 20px
    }

    .scrollmobilebanner .bannerfixedimagewidth {
        margin-right: 60px;
        bottom: -220px
    }

    .bannerfixedscrollimagewrap {
        width: 300px
    }
}

@media (max-width: 1169px) {
    .nav-is-visible main {
        transform: translateX(0)
    }
}

@media (max-width: 1199px) {
    .title h2 {
        font-size: 30px
    }

    h3 {
        font-size: 24px
    }

    .breadcrumb {
        bottom: 70px
    }

    .main-c .c-nav > li {
        padding: 0 5px
    }

    .about-bg-section {
        width: 120px
    }

    .about h3 {
        font-size: 24px
    }

    .testimonials_circle li:nth-child(2) {
        transform: translate(-30%, 40%)
    }

    .testimonials_circle li:nth-child(3) {
        transform: translate(46%, -50%)
    }

    .testimonials_circle li:nth-child(4) {
        transform: translate(-30%, -40%)
    }

    .testimonials_circle li:nth-child(6) {
        transform: translate(30%, -40%)
    }

    .testimonials_circle li:nth-child(7) {
        transform: translate(-46%, -50%)
    }

    .testimonials_circle li:nth-child(8) {
        transform: translate(30%, 40%)
    }

    .hire_box {
        min-height: inherit
    }

    .hire_box span {
        min-height: 50px
    }

    .sub-menu > li > a {
        font-size: 14px;
        padding: 15px 10px 15px 10px
    }

    .mainmenuicon svg {
        width: 40px;
        height: 40px
    }

    .sub-level2 > li > a {
        font-size: 13px
    }

    .submenuicon svg {
        width: 25px;
        height: 25px
    }

    .megactasection {
        padding: 15px 15px
    }

    .megatext .big {
        font-size: 22px
    }

    .megatext span {
        font-size: 20px
    }

    .megatext a {
        font-size: 18px
    }

    .megactasection .or {
        font-size: 18px
    }

    .megactasection .btn-custome {
        padding: 17px 30px;
        font-size: 16px
    }

    .top-left-part a, .top-right-part span {
        font-size: 11px
    }

    .top-right-part a {
        font-size: 11px
    }

    .solutions-box {
        min-height: 350px
    }

    .m-height-450 .mhbox {
        min-height: 490px
    }

    .m-height-380 .mhbox {
        min-height: 420px
    }

    .m-height-340 .mhbox {
        min-height: 400px
    }

    .m-height-320 .mhbox {
        min-height: 360px
    }

    .m-height-300 .mhbox {
        min-height: 330px
    }

    .m-height-280 .mhbox {
        min-height: 320px
    }

    .m-height-260 .mhbox {
        min-height: 300px
    }

    .m-height-240 .mhbox {
        min-height: 270px
    }

    .m-height-220 .mhbox {
        min-height: 240px
    }

    .m-height-170 .mhbox {
        min-height: 190px
    }

    .m-height-130 .mhbox {
        min-height: 145px
    }

    .service-main-content h2 {
        font-size: 24px
    }

    .what-we-offer-main-listing .row {
        padding-top: 60px
    }

    .what-we-offer-main-listing-title h2, .what-we-offer-main-listing-title h3 {
        font-size: 26px
    }

    .web-why-choose-main-box {
        min-height: 360px
    }

    .web-why-go-content h3 {
        font-size: 26px
    }

    .ar-services-detail-icon {
        margin-bottom: 20px
    }

    .ar-services-detail-content h5 {
        font-size: 20px;
        margin-bottom: 15px
    }

    .ar-services-list-section {
        padding-top: 50px
    }

    .ar-why-choose-content-box {
        min-height: 330px
    }

    .meet-the-team-content h2 {
        font-size: 28px
    }

    .about-leadership-title {
        font-size: 24px
    }

    .about-leadership-image {
        min-height: 450px
    }

    .our-award-section .item {
        padding: 0 10px
    }

    .our-award-section .item img {
        height: 155px
    }

    .mission-n-vision-box {
        min-height: 425px
    }

    .our-core-value-box {
        min-height: 350px
    }

    .our-process-content {
        padding: 30px 25px
    }

    .our-process-content-box .number {
        font-size: 50px
    }

    .our-work-process-slider-section .progressbar .holder .bar {
        max-width: 900px
    }

    .our-work-process-slider-section .progressbar .holder .labels .label-item a {
        font-size: 14px
    }

    .mvp-what-we-offer-box {
        min-height: 510px
    }

    .mvp-process-dev-box {
        min-height: 410px
    }

    .mvp-why-choose-dev-box-wrap {
        padding: 30px 20px 30px 65px
    }

    .mvp-why-choose-dev-icon {
        width: 100px;
        height: 100px
    }

    .mvp-why-choose-dev-content {
        width: calc(100% - 115px)
    }

    .mvp-why-choose-dev-icon svg {
        width: 48px;
        height: 48px
    }

    .game-service-offer-box {
        min-height: 400px
    }

    .game-what-we-offer-box {
        min-height: 300px
    }

    .best-game-dev-company-box {
        min-height: 270px
    }

    .blog-list-desc h2 {
        font-size: 24px
    }

    .blog-sidebar-box {
        padding: 25px 20px
    }

    .blog-sidebar-box h3 {
        font-size: 22px
    }

    .blog-detail-content h2 {
        font-size: 20px
    }

    .blog-detail-content h3 {
        font-size: 18px
    }

    .blog-detail-content h4 {
        font-size: 18px
    }

    .blog-detail-content p {
        font-size: 16px
    }

    .blog-detail-content ol li, .blog-detail-content ul li {
        font-size: 16px
    }

    .blog-detail-content details summary {
        font-size: 16px
    }

    .blockquote p, blockquote p {
        font-size: 18px
    }

    .blog-sidebar-box .c_social li a {
        width: 40px;
        height: 40px;
        font-size: 20px
    }

    .blog-detail-image {
        height: auto
    }

    .rel-post-box {
        min-height: 510px
    }

    .rel-post-info-box {
        padding: 0 15px 10px
    }

    .rel-post-date {
        padding-top: 8px;
        padding-bottom: 5px
    }

    .pagination li a, .pagination li a[rel=next], .pagination li a[rel=prev] {
        padding: 13px 17px
    }

    .game-experties-inner-box {
        min-height: 360px
    }

    .our-expert-build-box {
        padding: 15px 20px
    }

    main {
        margin-bottom: 0
    }

    .footer-main {
        height: auto;
        position: relative;
        z-index: inherit
    }

    .footer_box h5 {
        font-size: 24px;
        margin-bottom: 15px
    }

    .foot-center-col {
        padding: 30px 15px
    }

    .foot-center-col:nth-child(1) {
        padding: 0 15px 30px
    }

    .foot-exp-wrap {
        border-top: 1px solid rgba(245, 133, 31, .3);
        padding-top: 30px;
        padding-left: 0
    }

    .foot-exp-box {
        max-width: 480px;
        width: 100%;
        margin: 0 auto
    }

    .foot-exp-text-button .exp {
        font-size: 36px
    }

    .foot-exp-text-button .indus {
        font-size: 22px
    }

    .foot-center-col:nth-child(3) .foot-menu {
        padding-left: 0
    }

    .footer-center-market-list .item {
        margin-right: 15px
    }

    .footer-center-market-list .item img {
        height: 110px
    }

    .ins-msg-content-wrap .contentrow img {
        margin-left: -90px
    }

    .ins-msg-app-panels-content h3 {
        font-size: 22px;
        margin-bottom: 15px
    }

    .why-you-invest-box {
        min-height: 270px
    }

    .real-time-app-content .top {
        font-size: 22px
    }

    .real-time-app-content h4 {
        font-size: 30px
    }

    .faq-list-title a {
        font-size: 16px
    }

    .similar-app-image-wid img {
        width: 63%
    }

    .fitness .similar-app-image-wid .img1 {
        width: 70%
    }

    .fitness .similar-app-image-wid .img2 {
        width: 56%
    }

    .similar-app-white-main:before {
        height: 80%;
        top: 10%
    }

    .why-erp-main .game-service-offer-box {
        min-height: 315px
    }

    .custom-erp-main .game-what-we-offer-box {
        min-height: 375px
    }

    .invest-erp-main .why-you-invest-box {
        min-height: 350px
    }

    .why-crm-main .game-service-offer-box {
        min-height: 390px
    }

    .technology-box li {
        min-height: 240px
    }

    .uiux-service-content {
        min-height: 300px
    }

    .uiux-service-content h3 {
        font-size: 18px
    }

    .uiux-design-process-content-image.left-image:before {
        left: 10px
    }

    .uiux-design-process-content-image.right-image:before {
        right: 10px
    }

    .uiux-design-process-content-image:after {
        width: 51%;
        height: 320px;
        background-size: contain
    }

    .uiux-design-process-content .number {
        font-size: 36px
    }

    .uiux-design-process-content h5 {
        font-size: 22px
    }

    .contact-form-main {
        margin-top: -90px
    }

    .schedule-meeting-content h3 {
        font-size: 20px
    }

    .schedule-meeting-content h4 {
        margin-bottom: 20px;
        font-size: 24px
    }

    .contact-follow-us-section {
        padding: 20px 0 0
    }

    .schedule-meeting-content {
        padding: 0 15px 30px
    }

    .map-tabs-nav {
        width: 40%
    }

    .map-tabs-iframe {
        width: 60%
    }

    .map-tabs-nav li h4 {
        right: 20px;
        bottom: 20px;
        margin: 0;
        font-size: 22px
    }

    .solution-we-offer-content {
        max-width: 340px
    }

    .similar-app-option3-main .fixedimage {
        max-width: 80%;
        float: left
    }

    .similar-app-option3-main .fixedimage .img2 {
        left: 42%;
        top: 100px;
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -o-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .similar-app-option3-main:hover .fixedimage .img2 {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -o-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    .similar-app-option3-main .content-logo-name .mainname {
        font-size: 28px
    }

    .similar-app-option3-main .content-logo-name .subname {
        font-size: 16px
    }

    .types-of-social-media-box {
        min-height: 355px
    }

    .our-process-step-listing .our-process-step-row:nth-child(odd) .our-process-image-box {
        margin-left: 25px
    }

    .our-process-step-listing .our-process-step-row:nth-child(even) .our-process-image-box {
        margin-right: 25px
    }

    .advantage-of-real-estate-main .web-why-choose-us-inner-box {
        min-height: 310px
    }

    .real-estate-type-main .game-what-we-offer-box {
        min-height: 360px
    }

    .error-main {
        align-items: center !important
    }

    .thank-you-process-step-box .step-arrow {
        padding-left: 60px
    }

    .thank-you-founder-img {
        margin: 0 25px -40px 20px
    }

    .privacy-policy h2 {
        font-size: 26px
    }

    .privacy-policy h3 {
        font-size: 22px
    }

    .tideway-box {
        min-height: 400px
    }

    .custom-cms-main .game-what-we-offer-box {
        min-height: 425px
    }

    .thank-you-v3 .content h2 {
        font-size: 45px
    }

    .thank-you-v3 .content p {
        font-size: 20px
    }

    .thank-you-v3 .bglightorange {
        margin-top: 40px;
        font-size: 20px
    }

    .thank-you-v3 .bglightorange span {
        font-size: 32px
    }

    .thank-you-v3 .messagetext {
        font-size: 20px
    }

    .chatbot-adv-box {
        min-height: 250px
    }

    .chatbot-platform-box {
        min-height: 245px
    }

    .portfolio-preview-main-logo-text .appname {
        font-size: 30px
    }

    .portfolio-preview-main-logo-text .moreaboutapp {
        font-size: 20px
    }

    .hire-team-sticky-content .ttl1 {
        font-size: 18px
    }

    .write-us-banner {
        padding: 100px 0
    }

    .write-us-banner h1 {
        font-size: 30px
    }

    .write-us-banner p {
        font-size: 18px
    }

    .write-for-us-cta .container {
        padding: 50px 15px;
        max-width: 800px
    }

    .write-for-us-cta h3 {
        font-size: 28px
    }

    .cta.fullwidth .cd-headline span {
        font-size: 22px
    }

    .cta.fullwidth:before {
        width: calc(50% - 150px)
    }

    .cta.fullwidth .btn-col:before {
        left: 110px
    }
}

@media (max-width: 1024px) {
    c {
        top: 0 !important;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        z-index: 9999999;
        box-shadow: 0 1px 11px -2px rgba(0, 0, 0, .5)
    }

    .c-brand > img {
        height: 40px;
        display: inline-block
    }

    c.white-bg .c {
        padding: 0;
        margin-bottom: 0
    }

    .mobile_menu {
        display: block;
        z-index: 99999999
    }

    .c-collapse.collapse, .c-toggle {
        display: none !important
    }

    .c-c > a {
        float: none;
        width: 250px;
        display: inline-block;
        padding: 2px 0;
        margin: 0 auto
    }

    .c-c {
        width: 100%;
        text-align: center;
        padding: 0
    }

    .c-c > a > img {
        height: 40px
    }

    #share_btn {
        display: block
    }

    #top {
        width: 220px;
        position: fixed;
        right: -220px;
        top: 50px;
        background: #fff;
        transition: all .5s ease;
        z-index: -99;
        box-shadow: -3px 4px 10px 0 rgba(0, 0, 0, .3);
        overflow: auto;
        height: 100vh
    }

    #top .d-flex {
        display: block !important
    }

    #top p {
        display: none
    }

    #estimate-mobile-btn {
        display: block
    }

    .show_top {
        right: 0 !important
    }

    .c_contact {
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        color: #000;
        margin-bottom: -5px
    }

    .c_contact li {
        width: 100%;
        float: left;
        border-right: none;
        text-align: left;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        padding: 10px 0;
        font-size: 16px
    }

    .c_contact li a {
        color: #000
    }

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

    .c_social li a {
        opacity: 1;
        width: 35px;
        height: 35px;
        margin: 5px 0;
        font-size: 16px
    }

    .c_social li a span {
        font-size: 16px;
        position: absolute;
        left: 50px;
        font-family: Arial, Montserrat;
        color: #000;
        margin-left: 10px
    }

    .c_social li {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        display: inline-flex
    }

    .megamenu, .c-nav {
        display: none
    }

    .main-c {
        padding: 3px 0;
        border-radius: 0
    }

    nav.c {
        padding: 0
    }

    #rev_slider h1 .tp-caption {
        font-size: 28px !important;
        line-height: 1.1 !important
    }

    #servicesTab {
        padding: 25px 10px
    }

    #servicesTab li {
        padding: 0
    }

    .process-box {
        min-height: 280px
    }

    .testimonials_left {
        width: 100%;
        height: 400px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .testimonials_circle {
        height: 400px;
        width: 400px
    }

    #technologies_tabs li {
        padding: 0 10px;
        font-size: 13px
    }

    .call_shedule_img {
        margin: 10px auto 50px;
        float: none
    }

    .blog_box-caption {
        padding: 0 7px 20px
    }

    .blog_author_img {
        width: 60px;
        height: 60px
    }

    .blog_box-caption ul li {
        font-size: 12px
    }

    .blog_box-caption h4 {
        font-size: 16px
    }

    .work_logo {
        width: 230px;
        min-width: auto;
        padding: 10px 15px
    }

    .work_rating {
        padding: 22px 5px
    }

    #footer_bottom .c_social {
        text-align: right
    }

    #footer_bottom .c_social li {
        width: auto;
        border: none;
        margin: 0 2px
    }

    .mobile_app_service_box {
        min-height: 500px
    }

    .tenc-intro-main__wrapper > .container {
        margin-top: -70px
    }

    .blog-slider .item .blog-post_content {
        padding: 0 12px 18px 12px
    }

    .blog-slider .author_post a {
        font-size: 12px
    }

    .blog-slider .date_post {
        font-size: 12px
    }

    .bannerfixedscrollimagewrap {
        width: 320px
    }

    .scrollmobilebanner .bannerfixedimagewidth {
        bottom: -180px
    }

    @keyframes bannermobilescroll {
        10% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
        50% {
            -webkit-transform: translateY(-29%);
            -ms-transform: translateY(-32%);
            transform: translateY(-32%)
        }
        90% {
            -webkit-transform: translateY(calc(-100% + 40vw));
            -ms-transform: translateY(calc(-100% + 40vw));
            transform: translateY(calc(-100% + 40vw))
        }
        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
    }@-webkit-keyframes bannermobilescroll {
         10% {
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
         50% {
             -webkit-transform: translateY(-29%);
             -ms-transform: translateY(-32%);
             transform: translateY(-32%)
         }
         90% {
             -webkit-transform: translateY(calc(-100% + 40vw));
             -ms-transform: translateY(calc(-100% + 40vw));
             transform: translateY(calc(-100% + 40vw))
         }
         100% {
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
     }.head-call-back-sidebar {
          left: 0;
          width: 100%
      }

    .head-call-back-sidebar-main {
        max-width: 500px;
        margin: 0 auto;
        width: 100%
    }

    .web-why-choose-main-box {
        min-height: 380px
    }

    .what-we-offer-main-slider-section {
        display: none !important
    }

    .what-we-offer-main-slider-section + div {
        height: 0 !important
    }

    .what-we-offer-main-listing .row:first-child {
        padding-top: 0
    }

    .portfolio-preview-box {
        padding: 60px 0
    }

    .portfolio-listing-box:hover {
        background-color: #fff
    }

    .portfolio-listing-box:hover .portfolio-listing-icon svg * {
        fill: #202122
    }

    .portfolio-listing-box:hover .portfolio-listing-icon span {
        color: #202122
    }

    .portfolio-listing-box.current {
        background-color: #ec7323
    }

    .portfolio-listing-box.current .portfolio-listing-icon svg * {
        fill: #fff
    }

    .portfolio-listing-box.current .portfolio-listing-icon span {
        color: #fff
    }

    .portfolio-preview-box.section {
        height: auto !important;
        position: relative !important;
        top: 0 !important;
        min-height: 100vh;
        transform: inherit !important
    }

    .portfolio-preview-wrap {
        height: auto !important
    }

    .our-work-process-slider-section {
        display: none !important
    }

    .our-work-process-slider-section + div {
        height: 0 !important
    }

    .our-work-process-section .title {
        margin-bottom: 40px
    }

    .bannerfixedimagewidth {
        width: 36%
    }

    .bannerfixedimagewidth.landscape {
        width: 40%
    }

    .similar-app-slider {
        padding-bottom: 0
    }

    .similar-app-slider .slick-arrow {
        position: absolute;
        bottom: 50px;
        border: 0;
        background: 0 0;
        cursor: pointer;
        z-index: 1;
        font-family: "Font Awesome 5 Free";
        font-size: 0;
        font-weight: 900;
        width: 40px;
        height: 40px;
        background: #ec7323;
        color: #fff;
        border-radius: 5px;
        outline: 0 !important
    }

    .similar-app-slider .slick-arrow.slick-next {
        right: 44%
    }

    .similar-app-slider .slick-arrow.slick-prev {
        left: 44%
    }

    .similar-app-slider .slick-arrow:before {
        font-size: 18px
    }

    .similar-app-slider .slick-arrow.slick-next:before {
        content: "\f105"
    }

    .similar-app-slider .slick-arrow.slick-prev:before {
        content: "\f104"
    }

    .similar-app-slider .slick-arrow:hover {
        background-color: #202122
    }

    .head-contact-info {
        display: block
    }

    .type-of-ar-list-item:hover .type-of-ar-list-icon {
        background-color: inherit;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
    }

    .type-of-ar-list-item:hover .type-of-ar-list-icon svg path {
        fill: inherit
    }

    .type-of-ar-list-item:hover .type-of-ar-list-box h4 {
        color: inherit
    }

    .type-of-ar-list-item.slick-current .type-of-ar-list-icon {
        background-color: #ec7323;
        box-shadow: none
    }

    .type-of-ar-list-item.slick-current .type-of-ar-list-icon svg path {
        fill: #fff
    }

    .type-of-ar-list-item.slick-current .type-of-ar-list-box h4 {
        color: #ec7323
    }

    .thank-you-banner {
        min-height: 240px !important
    }

    .cookiealert, .hire-team-sticky-section {
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .web-app-sev-lang-collapse .tab_list {
        display: flex;
        max-width: 470px;
        float: right;
        flex-wrap: wrap
    }

    .web-app-sev-lang-collapse .card {
        border: none
    }

    .web-app-sev-lang-collapse .card .card-c {
        display: none
    }

    .web-app-sev-lang-collapse .card .collapse {
        display: block
    }
}

@media (max-width: 991px) {
    .title h2 {
        font-size: 26px
    }

    .h4, h4 {
        font-size: 20px
    }

    h3 {
        font-size: 22px
    }

    .about, .padding-60 {
        padding: 50px 0
    }

    .padding-120-60 {
        padding: 110px 0 50px
    }

    .padding-6030 {
        padding: 50px 0 20px
    }

    .padding-00-30 {
        padding: 0 0 20px
    }

    .padding-60-00 {
        padding: 50px 0 0
    }

    .padding-00-60 {
        padding: 0 0 50px
    }

    .title {
        margin-bottom: 40px
    }

    .about-video-img {
        margin: 0 30px 50px
    }

    .about-video-img img {
        width: 90%
    }

    .counter-section li {
        width: 50%;
        padding: 20px 20px
    }

    .counter-section {
        flex-wrap: wrap
    }

    #servicesTab li {
        padding: 20px 5px
    }

    .servicesTabContent_text {
        margin-top: 50px
    }

    .technologies_icons {
        flex-wrap: wrap;
        justify-content: center !important
    }

    .technologies_icons li {
        min-width: 100px
    }

    .technologies_icons {
        flex-wrap: wrap;
        justify-content: center !important
    }

    .process-items:before {
        display: none
    }

    .process-items i {
        display: none
    }

    .process-items {
        padding: 0 15px
    }

    .about {
        overflow: hidden
    }

    #footer_bottom .c_social {
        text-align: center;
        margin-bottom: 10px
    }

    #rev_slider .tp-caption {
        max-width: 500px !important;
        width: 100%;
        min-width: 500px !important
    }

    #rev_slider .tp-caption > br {
        display: none
    }

    .app-service-tab-text {
        margin-top: 10px;
        text-align: center
    }

    .app-service-tab-content img {
        display: inline-block
    }

    .app-service-tab-content .order-lg-1 {
        text-align: center
    }

    .banner-2 {
        min-height: inherit
    }

    .banner-2 .video img {
        min-height: 1000px
    }

    .banner-2 .banner-main__wrapper {
        align-items: flex-start;
        position: relative;
        padding: 50px 0 110px
    }

    .video {
        min-height: inherit;
        max-height: inherit;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0
    }

    .testimonials_text_slider {
        padding-left: 0
    }

    .process-box {
        min-height: 260px
    }

    .tenc-intro-main__wrapper > .container {
        margin-top: 0
    }

    .about .video-area-wrapper {
        max-width: 600px;
        width: 100%;
        margin: 0 auto
    }

    .about-bg-section {
        display: none !important
    }

    .about .counter-section {
        padding-left: 0
    }

    .about h3 {
        font-size: 22px
    }

    .why-choose-box {
        min-height: 265px
    }

    .hire-team-sticky-section {
        max-width: 100%;
        padding: 15px 10px
    }

    .hire-team-sticky-btn-wrap .close {
        top: -15px;
        right: 0;
        position: absolute
    }

    .hire-team-sticky-icon {
        width: 50px
    }

    .hire-team-sticky-content {
        width: calc(100% - 220px);
        padding: 0 15px
    }

    .hire-team-sticky-content .ttl1 {
        font-size: 14px
    }

    .hire-team-sticky-content .ttl2 {
        font-size: 12px
    }

    .hire-team-sticky-btn {
        width: 170px
    }

    .hire-team-sticky-btn-wrap .btn:before {
        display: none
    }

    .bannerfixedscrollimagewrap {
        width: 80%
    }

    .scrollmobilebanner .bannerfixedimagewidth {
        text-align: center;
        bottom: 0;
        margin: 30px auto 30px !important
    }

    @keyframes bannermobilescroll {
        10% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
        50% {
            -webkit-transform: translateY(-22%);
            -ms-transform: translateY(-25%);
            transform: translateY(-25%)
        }
        90% {
            -webkit-transform: translateY(calc(-50% + 40vw));
            -ms-transform: translateY(calc(-50% + 40vw));
            transform: translateY(calc(-50% + 40vw))
        }
        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
    }@-webkit-keyframes bannermobilescroll {
         10% {
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
         50% {
             -webkit-transform: translateY(-22%);
             -ms-transform: translateY(-25%);
             transform: translateY(-25%)
         }
         90% {
             -webkit-transform: translateY(calc(-50% + 40vw));
             -ms-transform: translateY(calc(-50% + 40vw));
             transform: translateY(calc(-50% + 40vw))
         }
         100% {
             -webkit-transform: translateY(0);
             -ms-transform: translateY(0);
             transform: translateY(0)
         }
     }.solutions-box {
          min-height: 285px
      }

    .m-height-450 .mhbox {
        min-height: 450px
    }

    .m-height-340 .mhbox {
        min-height: 470px
    }

    .m-height-320 .mhbox {
        min-height: 340px
    }

    .m-height-240 .mhbox {
        min-height: 330px
    }

    .m-height-220 .mhbox {
        min-height: 260px
    }

    .m-height-170 .mhbox {
        min-height: 240px
    }

    .m-height-130 .mhbox {
        min-height: 185px
    }

    .innerbanner {
        min-height: inherit
    }

    .innerbanner .video {
        min-height: inherit;
        max-height: inherit;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0
    }

    .innerbanner .tenc-intro-main__wrapper {
        position: relative;
        padding: 50px 0 110px
    }

    .innerbanner h1, .innerbanner h1.f-40 {
        font-size: 26px
    }

    .home .tenc-intro-main__wrapper h1 {
        font-size: 36px
    }

    .banner-main__wrapper h1, .tenc-intro-main__wrapper h1 {
        font-size: 26px;
        margin-bottom: 20px
    }

    .tenc-intro-main__wrapper p {
        font-size: 16px
    }

    .tenc-intro-main__wrapper a {
        font-size: 16px;
        padding: 12px 20px
    }

    .tenc-intro-main__wrapper .or {
        font-size: 18px
    }

    .tenc-intro-main__wrapper h2 {
        font-size: 24px;
        margin: 0 0 20px
    }

    .innerbanner .tenc-intro-main__wrapper p {
        font-size: 15px
    }

    .innerbanner .breadcrumb {
        bottom: 70px
    }

    .breadcrumb.no-company-logo {
        bottom: 20px
    }

    .banner_deveploment_main .author_img_box {
        margin-right: 5%
    }

    .banner_deveploment_main .author_text h1 {
        font-size: 30px
    }

    .banner_deveploment_main .author_text small {
        font-size: 18px
    }

    .blogauthore .breadcrumb {
        bottom: 30px
    }

    .banner_deveploment_main .center-item {
        padding-top: 30px
    }

    .innerbanner .tenc-intro-main__wrapper {
        display: block
    }

    .bannerfixedimage {
        position: relative
    }

    .bannerfixedimagewidth, .bannerfixedimagewidth.landscape {
        float: none;
        margin: 30px auto -60px
    }

    .what-we-offer-main-listing .row:first-child {
        padding-top: 0
    }

    .what-we-offer-main-listing .row:last-child {
        padding-bottom: 30px
    }

    .what-we-offer-main-listing-title h2, .what-we-offer-main-listing-title h3 {
        font-size: 24px
    }

    .what-we-offer-main-listing-img {
        margin-right: 0
    }

    .what-we-offer-main-slider-section.scroll-to-fixed-fixed + div {
        height: 0 !important
    }

    .web-app-sev-lang-collapse .left-col {
        display: none
    }

    .web-app-sev-lang-collapse .right-col {
        max-width: 100%;
        flex: 0 0 100%;
        -ms-flex: 0 0 100%
    }

    .web-app-sev-lang-collapse .content_wrapper {
        max-width: 100%
    }

    .web-app-sev-lang-collapse .tab_wrapper > ul {
        display: none
    }

    .web-app-sev-lang-collapse .accordian_c {
        font-size: 20px;
        font-weight: 500;
        padding: 15px 45px 15px 25px;
        display: none;
        -webkit-box-shadow: 0 1px 5px 0 rgba(72, 73, 121, .15);
        -moz-box-shadow: 0 1px 5px 0 rgba(72, 73, 121, .15);
        box-shadow: 0 1px 5px 0 rgba(72, 73, 121, .15);
        border-radius: 5px
    }

    .web-app-sev-lang-collapse .accordian_c + .accordian_c {
        display: block
    }

    .web-app-sev-lang-collapse .accordian_c.active {
        color: #fff;
        background-color: #f5851f
    }

    .web-app-sev-lang-collapse .tab_content h3 {
        font-size: 26px
    }

    .web-app-sev-lang-collapse .accordian_c + .accordian_c {
        cursor: pointer;
        position: relative
    }

    .web-why-choose-us-main {
        padding: 95px 0 20px
    }

    .web-why-choose-main-box {
        padding: 25px 20px;
        min-height: 340px
    }

    .service-web-inner:before {
        display: none
    }

    .callouts-separate.webdevinner {
        margin: 50px auto 0
    }

    .web-why-go-content h3 {
        font-size: 24px
    }

    .type-of-ar-title {
        font-size: 22px
    }

    .types-of-ar-platform-section {
        padding-top: 90px
    }

    .types-of-ar-platform-box {
        min-height: 210px
    }

    .ar-why-choose-content-box {
        min-height: 280px
    }

    .callouts-separate + .ar-why-choose-us-section {
        padding-top: 100px
    }

    .banner.height668 {
        min-height: inherit
    }

    .banner.height668 .video {
        min-height: inherit;
        max-height: inherit
    }

    .innerbanner.height668 .tenc-intro-main__wrapper {
        padding: 50px 0 50px
    }

    .portfolio-preview-content-box {
        margin-bottom: 30px;
        text-align: center
    }

    .portfolio-preview-thumb {
        text-align: center
    }

    .portfolio-preview-content-box .button-wrap {
        justify-content: center
    }

    .portfolio-preview-box {
        padding: 50px 0
    }

    .portfolio-preview-main-logo {
        justify-content: center
    }

    .option1.portfolio-listing-section {
        position: relative;
        top: 0
    }

    .option1.portfolio-listing-section > .container {
        padding: 0
    }

    .option1.portfolio-listing-section .d-flex {
        border-radius: 0
    }

    .portfolio-preview-main-logo-text .appname {
        font-size: 28px
    }

    .portfolio-preview-main-logo-text .moreaboutapp {
        font-size: 20px
    }

    .about-us-review-section {
        padding: 0 0 20px
    }

    .about-us-review-section .counter-section {
        max-width: 600px;
        width: 100%;
        margin: 0 auto
    }

    .about-leadership-image {
        min-height: 350px
    }

    .about-leadership-content {
        padding: 20px 20px
    }

    .about-leadership-title {
        font-size: 22px
    }

    .mission-n-vision-box {
        padding: 25px 25px
    }

    .our-core-value-box {
        min-height: 270px
    }

    .our-history-detail-image {
        margin: 30px 0 30px 30px
    }

    .our-history-detail-box {
        padding: 30px 20px
    }

    .our-history-detail-num {
        font-size: 40px
    }

    .our-history-detail-title {
        font-size: 22px;
        margin-bottom: 15px
    }

    .our-history-detail-icon svg {
        width: 90px;
        height: 90px
    }

    .our-history-detail-box-title-wrap {
        padding-right: 100px
    }

    .our-history-progress-bottom {
        margin-top: 30px
    }

    .our-work-process-section .title {
        margin-bottom: 40px
    }

    .our-process-step-row {
        padding: 50px 0 80px 0
    }

    .our-process-step-row .position-static {
        margin-left: 0 !important
    }

    .our-process-step-row:nth-child(even) .position-static {
        margin-right: 0 !important
    }

    .our-process-step-row:nth-child(even) .our-process-content-box .number {
        left: 40px;
        right: inherit
    }

    .our-process-content {
        padding: 30px 25px
    }

    .our-process-content h3 {
        font-size: 24px;
        margin-bottom: 12px;
        padding-left: 55px
    }

    .our-process-content-box .number {
        z-index: 1;
        left: 40px;
        right: inherit;
        font-size: 40px;
        top: 24px
    }

    .our-process-image-box {
        max-width: 570px;
        width: 100%;
        margin: 0 auto
    }

    .our-process-step-listing .our-process-step-row:nth-child(even) .our-process-image-box {
        margin: 0 auto
    }

    .our-process-step-listing .our-process-step-row:nth-child(odd) .our-process-image-box {
        margin: 0 auto
    }

    .our-process-step-row .position-static {
        margin-bottom: 40px
    }

    .mvp-what-we-offer-box {
        min-height: 530px
    }

    .mvp-process-dev-section {
        padding-bottom: 10px
    }

    .mvp-process-dev-box-wrap:before {
        display: none
    }

    .mvp-process-dev-box:after {
        display: none
    }

    .mvp-process-dev-box {
        margin: 0 0 50px;
        min-height: 390px
    }

    .mvp-process-dev-section .title {
        margin-bottom: 40px
    }

    .mvp-process-dev-box-wrap .row > div:nth-child(4) .mvp-process-dev-box:before, .mvp-process-dev-box-wrap .row > div:nth-child(5) .mvp-process-dev-box:before, .mvp-process-dev-box-wrap .row > div:nth-child(6) .mvp-process-dev-box:before {
        left: inherit;
        top: inherit;
        right: 40px;
        bottom: -27px;
        transform: inherit
    }

    .mvp-why-choose-dev-section .col-right {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .mvp-why-choose-dev-box-wrap {
        padding: 20px 15px
    }

    .game-service-offer-box {
        margin: 50px 0 30px;
        min-height: 360px
    }

    .game-what-we-offer-box {
        min-height: 365px
    }

    .best-game-dev-company-box {
        min-height: 230px
    }

    #blog {
        margin-top: -50px
    }

    .innerbanner.blog {
        min-height: inherit
    }

    .innerbanner.blog .video {
        min-height: inherit;
        max-height: inherit
    }

    .innerbanner.blog .video img {
        min-height: inherit
    }

    .blog-list-desc h2 {
        font-size: 22px
    }

    .blog-banner-profile {
        margin: 40px auto 20px
    }

    .blog-detail-banner-box .author-name a, .blog-detail-banner-box .blog-category a, .blog-detail-banner-box .blog-date {
        font-size: 16px;
        padding: 0
    }

    .blog-detail-image {
        margin-bottom: 40px
    }

    .blog-detail-content h2 {
        font-size: 18px
    }

    .subscribe-section {
        padding: 30px 30px 20px
    }

    .about-blog-author-section {
        margin: 50px 0
    }

    .subscribe-text span {
        font-size: 24px
    }

    .subscribe-content-box {
        margin-bottom: 30px
    }

    .rel-post-box {
        min-height: 480px
    }

    .our-expert-build-box {
        padding: 20px 20px
    }

    .our-expert-build-content {
        width: 100%
    }

    .foot-social {
        margin-top: 30px
    }

    .foot-social .c_social .social-share-fixed {
        transform: translateY(-100%);
        white-space: normal;
        padding: 10px 40px 10px 10px
    }

    .foot-social .c_social li.social-share .icon {
        margin-right: 0;
        margin-bottom: 8px
    }

    .foot-social .c_social li.social-share .icon span {
        top: inherit;
        transform: translateX(100%);
        right: -5px
    }

    .footer-center-market-list {
        justify-content: center;
        padding-bottom: 0
    }

    .footer-center-market-list .item {
        margin: 0 7px 20px
    }

    .foot-vat-no {
        margin-bottom: 10px
    }

    .footer_box h5 {
        font-size: 22px
    }

    .foot-center-col h4 {
        font-size: 22px
    }

    .game-why-us-inner-image {
        margin-bottom: 30px
    }

    .bannerfixedimagewidth {
        width: 41%
    }

    .bannerfixedimagewidth.landscape {
        width: 50%
    }

    .ins-msg-content-wrap {
        padding: 30px 25px 20px 0;
        margin-bottom: 25px
    }

    .ins-msg-content-wrap .contentrow img {
        margin-left: 25px;
        width: 180px
    }

    .ins-msg-content-wrap .tab_content_wrap {
        width: calc(100% - 205px)
    }

    .ins-msg-tab-wrap .tab_list li {
        padding: 15px 15px
    }

    .ins-msg-tab-wrap .tab_list_title_icon {
        width: 30px;
        height: 30px
    }

    .ins-msg-tab-wrap .tab_list_title {
        width: calc(100% - 50px);
        font-size: 15px
    }

    .similar-app-image {
        position: relative;
        top: 0;
        padding: 0 15px 40px
    }

    .similar-app-image-wid {
        width: auto;
        margin: 0 auto
    }

    .similar-app-image-wid img {
        display: none;
        margin: 0 auto;
        width: auto
    }

    .similar-app-main:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .5)
    }

    .similar-app-content-wrap:before {
        display: none
    }

    .similar-app-content-wrap {
        min-height: inherit;
        padding: 40px 0
    }

    .why-you-invest-main .mt-50 {
        margin-top: 0 !important
    }

    .why-you-invest-box {
        min-height: 260px
    }

    .real-time-app-main {
        padding: 30px 0
    }

    .real-time-app-main > .container > .row {
        align-items: center
    }

    .real-time-app-icon {
        width: 100%;
        margin: 0 auto
    }

    .real-time-app-content {
        margin-right: 20px
    }

    .real-time-app-content .top {
        font-size: 18px
    }

    .real-time-app-content h4 {
        font-size: 22px
    }

    .real-time-app-content .bottom {
        font-size: 16px
    }

    .car-wash-process-box {
        margin: 0 0 50px 0
    }

    .car-wash-process-box-wrap .wow:nth-child(3) .car-wash-process-box .bt.arrow {
        top: calc(100% + 15px);
        right: 0;
        line-height: 1;
        left: 0;
        width: 50px;
        text-align: center;
        margin: 0 auto;
        transform: rotate(90deg)
    }

    .car-wash-process-box-wrap .wow:nth-child(4) .car-wash-process-box .down.arrow {
        top: 35px;
        right: inherit;
        line-height: 1;
        left: -31px;
        width: 31px;
        text-align: center;
        transform: rotate(180deg)
    }

    .car-wash-process-box-wrap .wow:last-child .car-wash-process-box .bb.arrow {
        display: block;
        left: -31px;
        right: inherit
    }

    .car-wash-process-box-wrap .wow:nth-child(7) .car-wash-process-box .rotate.arrow {
        top: calc(100% + 15px);
        right: 30px;
        line-height: 1;
        left: inherit;
        bottom: inherit;
        width: 50px;
        text-align: center;
        margin: 0 auto;
        transform: rotate(90deg)
    }

    .car-wash-process-box-wrap .wow:nth-child(6) .car-wash-process-box .rotate.arrow {
        transform: inherit
    }

    .car-wash-process-box-wrap .wow:nth-child(5) .car-wash-process-box .rotate.arrow {
        display: none
    }

    .car-wash-feature-tab-content {
        margin-top: 50px
    }

    .other-demand-app-icon {
        margin: 0 auto 30px
    }

    .other-demand-app-box a {
        padding: 30px 15px
    }

    .similar-app-white-main:before {
        display: none
    }

    .similar-app-white-main .similar-app-image {
        padding: 30px 15px 0
    }

    .similar-app-white-main .similar-app-content-wrap {
        padding: 0
    }

    .why-erp-main .game-service-offer-box {
        min-height: 295px
    }

    .custom-erp-main .game-what-we-offer-box {
        min-height: 355px
    }

    .invest-erp-main .why-you-invest-box {
        min-height: 310px
    }

    .why-crm-main .game-service-offer-box {
        min-height: 340px
    }

    .technology-box li {
        min-height: 240px
    }

    .what-we-offer-main-listing .row.technology-box {
        padding-top: 50px;
        padding-bottom: 0
    }

    .uiux-service-content {
        min-height: inherit;
        margin: -50px 15px 0;
        padding: 25px 15px
    }

    .uiux-service-box {
        max-width: 600px;
        width: 100%;
        margin: 0 auto
    }

    .uiux-design-process-list .row {
        margin-bottom: 30px
    }

    .uiux-design-process-content .number {
        margin-bottom: 15px;
        font-size: 30px
    }

    .uiux-design-process-content {
        margin-bottom: 30px;
        padding-top: 0
    }

    .uiux-design-process-content h5 {
        font-size: 20px
    }

    .uiux-design-process-list > .row:nth-child(odd) .uiux-design-process-content {
        margin-top: 0
    }

    .uiux-design-process-list > .row:nth-child(even) .uiux-design-process-content-image {
        margin-top: 0
    }

    .uiux-design-process-content-image:after {
        display: none
    }

    .uiux-design-process-content-image:before {
        display: none
    }

    .uiux-design-process-content-image {
        display: inline-block
    }

    .uiux-design-process-list > .row:last-child {
        margin-bottom: 0
    }

    .tideway-box {
        min-height: 520px
    }

    .tideway-logo {
        top: 20px
    }

    .tideway-top {
        display: block !important;
        margin-bottom: 25px
    }

    .tideway-client-info {
        width: 100%;
        margin: 0;
        padding: 20px 0 0 0
    }

    .tideway-client-info .name {
        margin-bottom: 10px
    }

    .contact-info-icon {
        width: 80px;
        height: 80px
    }

    .contact-info-icon svg {
        width: 40px;
        height: 40px
    }

    .contact-info-box {
        padding: 30px 8px;
        min-height: 150px
    }

    .solution-we-offer-image {
        max-width: 400px;
        width: 100%;
        margin: 0 auto
    }

    .solution-we-offer-image img {
        width: 100%
    }

    .solution-we-offer-content {
        max-width: 340px;
        width: 100%;
        position: relative;
        transform: inherit;
        float: none;
        display: block;
        margin: -30px auto 0;
        padding: 25px 15px
    }

    .solution-we-offer-box:hover .solution-we-offer-image {
        left: 0
    }

    .similar-app-option3-main .fixed-col {
        position: relative
    }

    .similar-app-option3-main .fixedimage {
        position: relative;
        width: 100%;
        float: none;
        max-width: 100%;
        padding: 0 15px;
        text-align: center
    }

    .similar-app-option3-main .fixedimage img {
        margin: 0 auto
    }

    .similar-app-option3-main .content-box {
        max-width: 100%;
        padding: 30px 15px;
        min-height: inherit
    }

    .similar-app-option3-main {
        padding-top: 0 !important
    }

    .similar-app-option3-main .content-logo-name .mainname {
        font-size: 30px
    }

    .similar-app-option3-main .fixedimage .d-lg-none {
        display: block !important
    }

    .similar-app-slider .slick-arrow {
        bottom: 31px
    }

    .similar-app-slider .slick-arrow.slick-next {
        right: 42%
    }

    .similar-app-slider .slick-arrow.slick-prev {
        left: 42%
    }

    .similar-app-slider {
        background-color: #f8f9fa !important
    }

    .similar-app-option3-main .bg-light {
        background-color: transparent !important;
        box-shadow: none
    }

    .similar-app-slider .slick-dots {
        top: inherit;
        transform: translateX(-50%);
        left: 50%;
        right: inherit;
        margin-top: 0;
        bottom: 30px
    }

    .similar-app-slider .slick-dots li {
        display: inline-block;
        vertical-align: middle
    }

    .types-of-social-media-box {
        min-height: 310px
    }

    .detail-feature-tab-content .servicesTabContent_text {
        margin-top: 30px
    }

    .detail-feature-tab #servicesTab {
        margin-bottom: 50px
    }

    .advantage-of-real-estate-main .web-why-choose-us-inner-box {
        min-height: 270px
    }

    .real-estate-type-main .game-what-we-offer-box {
        min-height: 340px
    }

    .error-main {
        display: block !important;
        padding-top: 80px
    }

    .error-img {
        margin: 0 auto
    }

    .error-message {
        width: 100% !important;
        padding: 60px 0 30px
    }

    .error-message p {
        font-size: 16px
    }

    .error-service-list-wrap {
        margin-top: 30px
    }

    .error-message h2 {
        font-size: 35px;
        margin-bottom: 20px
    }

    .error-service-list-item a {
        padding: 10px 5px
    }

    .thank-you-banner {
        min-height: 250px !important
    }

    .thank-you-founder-img {
        max-width: 200px;
        margin: 0 25px -40px 12px
    }

    .thank-you-founder-img img {
        width: 200px;
        height: 200px
    }

    .thank-you-founder-text p {
        font-size: 15px
    }

    .thank-you-founder-text h2 {
        font-size: 16px
    }

    .thank-you-founder-text h3 {
        font-size: 22px
    }

    .thank-you-founder-text {
        padding-top: 10px
    }

    .thank-you-process-section h2 {
        font-size: 22px
    }

    .thank-you-process-box {
        padding-bottom: 80px
    }

    .thank-you-process-step-icon {
        width: 80px;
        height: 71px;
        background-size: cover
    }

    .thank-you-process-step-section h2 {
        font-size: 22px
    }

    .thank-you-process-step-icon span svg {
        width: 31px;
        height: 31px
    }

    .thank-you-process-step-box .num {
        font-size: 20px
    }

    .thank-you-process-step-box .step-name {
        font-size: 14px;
        min-height: 40px
    }

    .thank-you-process-step-box .step-arrow {
        padding-left: 50px
    }

    .thank-you-process-step-box:nth-child(even) {
        padding-top: 6px
    }

    .privacy-policy h2 {
        font-size: 24px
    }

    .privacy-policy h3 {
        font-size: 20px
    }

    .custom-cms-main .game-what-we-offer-box {
        min-height: 385px
    }

    .thank-you-v3 {
        padding-top: 80px
    }

    .thank-you-v3 .container {
        display: block !important
    }

    .thank-you-v3 .founder-image {
        max-width: 350px;
        width: 100%;
        order: 1;
        margin: 0 auto 30px
    }

    .thank-you-v3 .content {
        width: 100%
    }

    .thank-you-v3 .content h2 {
        font-size: 35px
    }

    .thank-you-v3 .bglightorange {
        margin-top: 30px
    }

    .chatbot-adv-box {
        min-height: 300px
    }

    .chatbot-platform-box {
        min-height: 265px;
        padding: 25px 25px
    }

    .write-us-banner {
        padding: 80px 0
    }

    .write-us-banner h1 {
        font-size: 24px;
        margin: 0 0 20px
    }

    .write-us-banner p {
        font-size: 16px
    }

    .write-for-us-main h2 {
        font-size: 22px
    }

    .write-for-us-main .row {
        margin-bottom: 30px
    }

    .write-for-us-main .row:nth-child(odd) .col-lg-7 {
        order: 1
    }

    .write-for-us-main .row:nth-child(odd) .col-lg-5 {
        order: 2
    }

    .write-for-us-cta .container {
        padding: 50px 15px;
        max-width: 680px
    }

    .write-for-us-cta h3 {
        font-size: 26px
    }

    .write-for-us-cta .btn-custome {
        font-size: 14px
    }

    .business-solution-slide ul li {
        width: 100%;
        margin-bottom: 30px
    }

    .business-solution-slide ul li:last-child {
        margin-bottom: 0
    }

    .business-solution-slide ul li.active {
        width: 100%
    }

    .business-solution-slide ul li .content {
        height: auto;
        padding: 30px 20px 10px
    }

    .business-solution-slide ul li.active .content {
        padding: 30px 20px
    }

    .cta.fullwidth .btn-col {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
        padding: 40px 35px
    }

    .cta.fullwidth .cd-headline span {
        font-size: 20px
    }

    .cta.fullwidth:before {
        width: calc(50% - 100px)
    }

    .cta.fullwidth .btn-col:before {
        left: 60px
    }
}

@media (max-width: 800px) {
    .bannerfixedimagewidth {
        width: 50%
    }
}

@media (max-height: 800px) {
    .thank-you-banner {
        min-height: 330px
    }

    .thank-you-founder-img {
        max-width: 190px
    }

    .thank-you-founder-img img {
        width: 190px;
        height: 190px
    }

    .thank-you-founder-text h2 {
        font-size: 24px
    }

    .thank-you-founder-text h3 {
        font-size: 30px
    }

    .thank-you-process-section {
        padding: 70px 0 20px
    }

    .thank-you-process-section h2 {
        font-size: 26px;
        margin-bottom: 30px
    }

    .thank-you-process-box {
        padding-bottom: 10px
    }

    .thank-you-process-image {
        max-width: 360px
    }

    .thank-you-process-content {
        max-width: 340px
    }

    .thank-you-process-content p {
        font-size: 14px
    }

    .thank-you-process-step-section {
        padding: 40px 0 20px
    }

    .thank-you-process-step-section h2 {
        font-size: 24px;
        padding-bottom: 0
    }

    .thank-you-process-step-icon {
        width: 120px;
        height: 101px;
        background-size: cover
    }

    .thank-you-process-step-icon span svg {
        width: 40px;
        height: 40px
    }

    .thank-you-process-step-box .num {
        font-size: 28px
    }

    .thank-you-process-step-box .step-name {
        font-size: 16px;
        min-height: 50px
    }

    .thank-you-process-step-box:nth-child(even) {
        padding-top: 21px
    }
}

@media (max-height: 768px) {
    .error-img {
        width: 40%
    }

    .error-message {
        width: 60%;
        padding: 40px 0
    }

    .error-service-list-wrap {
        margin-top: 50px
    }

    .thank-you-banner {
        min-height: 300px
    }

    .thank-you-founder-img {
        max-width: 170px
    }

    .thank-you-founder-img img {
        width: 170px;
        height: 170px
    }

    .thank-you-founder-text h2 {
        font-size: 22px
    }

    .thank-you-founder-text h3 {
        font-size: 26px
    }

    .thank-you-process-section {
        padding: 70px 0 20px
    }

    .thank-you-process-section h2 {
        font-size: 22px
    }

    .thank-you-process-image {
        max-width: 320px
    }

    .thank-you-process-content {
        max-width: 300px;
        padding: 10px 10px
    }

    .thank-you-process-box {
        padding-bottom: 0
    }
}

@media (max-width: 767px) {
    .about, .padding-60 {
        padding: 40px 0
    }

    .padding-120-60 {
        padding: 40px 0
    }

    .padding-6030 {
        padding: 40px 0 10px
    }

    .padding-00-30 {
        padding: 0 0 10px
    }

    .padding-60-00 {
        padding: 40px 0 10px
    }

    .padding-00-60 {
        padding: 0 0 40px
    }

    body {
        overflow-x: hidden
    }

    .banner {
        min-height: 550px
    }

    .banner-2 {
        min-height: inherit
    }

    .banner_contactForm {
        padding: 20px 15px
    }

    .video {
        max-height: 550px;
        min-height: 550px
    }

    .video video {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .video img {
        min-height: 550px
    }

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

    #carouselExampleSlidesOnly .carousel-caption h1 {
        font-size: 24px;
        margin-bottom: 15px
    }

    #carouselExampleSlidesOnly .carousel-caption p {
        font-size: 14px;
        margin-bottom: 15px
    }

    #carouselExampleSlidesOnly .carousel-caption p br {
        display: none
    }

    .home .tenc-intro-main__wrapper h1 {
        font-size: 28px
    }

    .innerbanner h1, .innerbanner h1.f-40, .tenc-intro-main__wrapper h1 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .tenc-intro-main__wrapper h2 {
        font-size: 20px
    }

    .tenc-intro-main__wrapper p {
        font-size: 14px;
        margin-bottom: 20px
    }

    .innerbanner .tenc-intro-main__wrapper p {
        font-size: 14px
    }

    h3 {
        font-size: 20px
    }

    .counter-section li {
        padding: 10px 0 10px 20px;
        align-items: flex-start;
        flex-wrap: wrap
    }

    .counter-section li:nth-child(1), .counter-section li:nth-child(3) {
        padding-left: 5px
    }

    .counter-section {
        margin-top: 10px
    }

    .counter-section li img {
        width: 50px
    }

    .counter_text p {
        font-size: 12px
    }

    .counter-section li:nth-child(2):before {
        display: none
    }

    #servicesTab {
        padding: 5px 0 10px
    }

    #servicesTab li {
        padding: 0;
        width: auto;
        margin: 10px 0 0;
        border: none
    }

    #servicesTab li a {
        font-size: 10px;
        word-break: break-all;
        width: 55px;
        position: relative;
        z-index: 1
    }

    #servicesTab li svg {
        width: 25px;
        margin: 0
    }

    #servicesTab li a span > span {
        display: none
    }

    #servicesTab li a span.w-100 {
        margin-top: 10px
    }

    #servicesTab li a.active:before, #servicesTab li a:hover:before {
        background: #202122
    }

    .counter_text .counter {
        font-size: 28px
    }

    .title span {
        font-size: 14px
    }

    .title h2 {
        font-size: 20px
    }

    .servicesTabContent_text h3 {
        font-size: 24px
    }

    .servicesTabContent_text span {
        font-size: 16px
    }

    .servicesTabContent_text ul {
        flex-wrap: wrap;
        justify-content: center
    }

    .servicesTabContent_text ul li {
        padding: 10px 10px
    }

    .servicesTabContent_text ul li a.btn-custome {
        margin: 0
    }

    .portfolio-slider {
        padding: 0 0 20px !important
    }

    .testimonials_circle {
        height: 0;
        visibility: hidden;
        opacity: 0;
        width: 0
    }

    .testimonials_left {
        width: 100%;
        height: 200px;
        margin: 0 0 30px
    }

    .testimonials_text_slider {
        padding-left: 0;
        overflow: visible
    }

    .testimonials_text_box:before {
        top: -25px;
        left: 50%;
        transform: translate(-50%, 0);
        border-top: none;
        border-right: 20px solid transparent;
        border-bottom: 25px solid #fff;
        border-left: 20px solid transparent
    }

    .testimonials-arrow {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 999
    }

    .testimonials_text_box {
        padding: 15px
    }

    .testimonials-arrow:before {
        transform: rotate(134deg);
        width: 32px;
        left: -1px;
        top: -13px;
        z-index: 999
    }

    .testimonials-arrow:after {
        transform: rotate(50deg);
        width: 30px;
        left: 42%;
        top: -13px;
        z-index: 999
    }

    .call_shedule_img {
        max-width: 250px
    }

    .call_shedule_img img {
        height: 250px;
        width: 250px
    }

    .call_shedule_text h4 {
        font-size: 24px
    }

    .call_shedule_text ul {
        flex-wrap: wrap;
        justify-content: center;
        flex-flow: column-reverse
    }

    .call_shedule_text ul li {
        margin: 5px 0
    }

    #technologies_tabs li {
        margin: 5px 0
    }

    .testimonials_text {
        overflow: hidden;
        padding-top: 25px
    }

    .technologies_icons li {
        width: 80px;
        min-width: 80px;
        margin: 5px 5px;
        height: 80px
    }

    .blog_author_img {
        width: 50px;
        height: 50px
    }

    .blog_box-caption .btn-custome {
        position: static
    }

    .blog_box-caption {
        min-height: auto
    }

    .blog_box-caption ul {
        margin-top: -20px
    }

    .get_quote {
        font-size: 14px;
        padding: 5px 10px;
        right: -35px
    }

    .work_rating img {
        width: 40px;
        margin-right: 5px
    }

    .work_logo {
        width: auto;
        height: 95px
    }

    .work_rating {
        padding: 0 5px;
        width: 150px;
        height: 95px
    }

    .rating_text {
        font-size: 10px
    }

    .rating_text strong {
        width: 100%;
        float: left
    }

    .contact-custome-btn {
        font-size: 18px;
        padding: 15px 30px;
        width: 100%
    }

    .hire_box {
        margin-bottom: 20px;
        padding: 15px 8px;
        font-size: 12px
    }

    .callouts-separate {
        margin: 0 0 40px;
        flex-wrap: wrap;
        justify-content: center !important;
        position: relative
    }

    .callouts span {
        font-size: 18px;
        text-align: center;
        margin-bottom: 10px;
        margin-right: 5px
    }

    .scroll-top {
        width: 40px;
        height: 40px;
        font-size: 24px
    }

    .scroll-top:hover:before {
        font-size: 24px
    }

    .scroll-top:after {
        height: 20px
    }

    .about-video-img:before {
        display: none
    }

    .about-video-img {
        margin: 0 0 20px
    }

    #intelGrecaptchaFooter {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .app_service_box span {
        font-size: 14px
    }

    .app-why-box {
        min-height: auto
    }

    .app-service-tab-box {
        width: 150px;
        height: 150px;
        padding: 10px 10px
    }

    .app-service-tab-text h3 {
        font-size: 20px
    }

    .app-service-tab-box span {
        font-size: 12px
    }

    .banner-main__wrapper h1 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .banner-main__wrapper p {
        font-size: 14px;
        margin-bottom: 20px
    }

    .banner-btn .btn {
        padding: 10px 10px;
        font-size: 14px
    }

    .brands_logo div {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }

    .banner-main__wrapper {
        display: block;
        padding-top: 30px
    }

    .breadcrumb li {
        font-size: 10px;
        margin-bottom: 5px
    }

    .about-icon-slider a {
        width: 40px;
        height: 40px;
        padding: 8px
    }

    .mobile_app_service_box {
        min-height: auto
    }

    .mobile_app_service_box .btn-custome {
        position: static
    }

    #callouts-type .typed {
        font-size: 18px
    }

    #contact_popup {
        display: block;
        padding: 10px 0 !important
    }

    .popup_form {
        margin: 25px auto
    }

    .popup_form {
        margin: 0 auto;
        float: left;
        width: 100%;
        padding: 0 15px
    }

    .popup_form h4 {
        font-size: 24px;
        margin: 0 0 20px 0;
        line-height: 28px
    }

    #popup_close {
        font-size: 24px;
        top: 15px
    }

    #request_the_quote .form-group {
        margin-bottom: 15px
    }

    .blog-slider .item .blog-post_content {
        min-height: inherit
    }

    .blog-post_title {
        height: 50px
    }

    .blog-post_title a {
        font-size: 18px;
        line-height: 24px
    }

    .blog-slider .item .blog-post {
        max-width: 390px;
        width: 100%;
        margin: 0 auto 10px
    }

    .about h3 {
        font-size: 18px
    }

    #estimate-mobile-btn {
        top: 5px;
        padding: 9px 13px;
        border-radius: 100%
    }

    #estimate-mobile-btn .fas {
        margin: 0;
        font-size: 22px
    }

    #estimate-mobile-btn span {
        display: none
    }

    .head-call-form-section {
        margin-top: 20px
    }

    .solutions-box {
        min-height: 340px
    }

    .banner_deveploment_main .center-item {
        display: block
    }

    .hire_box {
        min-height: inherit
    }

    .hire_box span {
        min-height: 40px
    }

    .btn-custome.btn-lg {
        padding: 15px 25px
    }

    .hire-col {
        padding: 0 10px
    }

    .hire-col .row > div {
        padding: 0 5px
    }

    .footer_box {
        margin-bottom: 30px
    }

    .footer_box h5 {
        font-size: 22px
    }

    .footer_box_img {
        margin-bottom: 0 !important;
        width: 50%;
        float: left
    }

    .footer_box_add {
        width: 50%;
        float: left;
        padding-left: 15px
    }

    .footer_box ul li {
        margin-bottom: 10px
    }

    .footer-center-market-list .item img {
        height: auto
    }

    footer .title + .row > div:last-child .footer_box {
        margin-bottom: 0
    }

    .hire-team-sticky-section {
        display: none !important
    }

    .cookiealert {
        margin-bottom: 0 !important;
        border-radius: 0;
        text-align: center
    }

    .cookiealert-img {
        display: none
    }

    .cookiealert-container {
        display: block
    }

    .cookiealert-text p {
        font-size: 13px
    }

    .cookiealert-text .que {
        font-size: 16px
    }

    .cookiealert-text .que span {
        display: inline-block
    }

    .cookiealert-text {
        width: 100%;
        padding: 0
    }

    .cookiealert-buttons {
        padding-top: 10px;
        margin: 0 auto
    }

    .m-height-450 .mhbox {
        min-height: inherit
    }

    .m-height-380 .mhbox {
        min-height: 380px
    }

    .m-height-340 .mhbox {
        min-height: 450px
    }

    .m-height-320 .mhbox {
        min-height: 430px
    }

    .m-height-280 .mhbox {
        min-height: 280px
    }

    .m-height-260 .mhbox {
        min-height: 260px
    }

    .m-height-240 .mhbox {
        min-height: 300px
    }

    .m-height-220 .mhbox {
        min-height: 240px
    }

    .m-height-170 .mhbox {
        min-height: inherit
    }

    .innerbannerform {
        padding: 25px 15px 15px
    }

    .innerbanner {
        position: relative;
        min-height: inherit
    }

    .innerbanner:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(32, 33, 34, .8);
        z-index: 1
    }

    .innerbanner .tenc-intro-main__wrapper {
        padding: 40px 0 110px;
        background-color: transparent
    }

    .banner-2 .banner-main__wrapper {
        padding: 50px 0 110px
    }

    .service-main-content h2 {
        font-size: 22px
    }

    .service-main-content h2:before {
        width: 40%
    }

    .what-we-offer-main-listing-title .number {
        font-size: 60px;
        line-height: 45px
    }

    .what-we-offer-main-listing-title .number span {
        line-height: 25px
    }

    .what-we-offer-main-listing-title h2, .what-we-offer-main-listing-title h3 {
        font-size: 20px
    }

    .what-we-offer-main-listing-img:before {
        left: 10px;
        top: 10px
    }

    .what-we-offer-main-listing .row {
        padding-top: 50px
    }

    .what-we-offer-main-listing .row:last-child {
        padding-bottom: 10px
    }

    .web-app-sev-lang-collapse .accordian_c {
        font-size: 16px;
        padding: 15px 45px 15px 15px
    }

    .web-app-sev-lang-collapse .tab_content img {
        width: 150px
    }

    .web-app-sev-lang-collapse .tab_content h3 {
        font-size: 24px
    }

    .web-why-choose-us-main {
        padding: 40px 0 10px
    }

    .web-why-choose-main-box {
        min-height: 300px
    }

    .web-why-choose-main-box h5 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .callouts-separate.graybgoption {
        bottom: 0
    }

    .web-why-choose-us-inner-box {
        text-align: center;
        padding: 15px 15px 20px
    }

    .web-why-choose-inner-icon {
        float: none;
        margin: -52px auto 15px
    }

    .web-why-choose-us-inner-box h5 {
        width: 100%;
        padding: 0;
        float: none
    }

    .web-why-go-content h3 {
        font-size: 20px
    }

    .web-why-go-content p {
        font-size: 15px
    }

    .type-of-ar-title {
        font-size: 20px
    }

    .types-of-ar-platform-box {
        max-width: 350px;
        width: 100%;
        margin: 0 auto
    }

    .ar-services-detail-content {
        max-width: 580px;
        width: 100%;
        margin: 0 auto 20px;
        text-align: center
    }

    .ar-services-list-section {
        padding-top: 40px
    }

    .ar-why-choose-content-box {
        text-align: center;
        padding: 20px 15px;
        min-height: inherit
    }

    .ar-why-choose-content-box.mt-50 {
        margin-top: 0 !important
    }

    .ar-why-choose-us-title {
        font-size: 18px
    }

    .callouts-separate + .ar-why-choose-us-section {
        padding-top: 40px
    }

    .portfolio-listing-section > .container {
        padding: 0
    }

    .portfolio-listing-section > .container > div {
        justify-content: center
    }

    .portfolio-listing-box {
        border-bottom: 0;
        border-right: 0
    }

    .option1 .portfolio-listing-box {
        display: table;
        height: 112px
    }

    .portfolio-listing-icon {
        min-height: inherit;
        padding: 15px 10px;
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

    .portfolio-listing-box:nth-child(4) {
        border-left: 0
    }

    .portfolio-preview-content-box h3 {
        font-size: 20px
    }

    .portfolio-preview-box {
        padding: 40px 0
    }

    .portfolio-listing-icon svg {
        width: 30px;
        height: 30px
    }

    .portfolio-listing-icon span {
        font-size: 14px;
        margin-top: 10px
    }

    .portfolio-listing-box:first-child {
        border-left: 0
    }

    .portfolio-preview-box.section {
        min-height: inherit
    }

    .portfolio-preview-main-logo-text .appname {
        font-size: 22px
    }

    .portfolio-preview-main-logo-text .moreaboutapp {
        font-size: 16px
    }

    .portfolio-preview-main-logo img {
        width: 100px
    }

    .portfolio-preview-main-logo img.landscape {
        width: 140px
    }

    .portfolio-preview-thumb-main > img {
        opacity: 1
    }

    .portfolio-preview-thumb-sep, .portfolio-preview-thumb-sep-opt2 {
        display: none
    }

    .portfolio-preview-thumb-sep.one:hover {
        -webkit-transform: scale(1) translateX(0);
        -moz-transform: scale(1) translateX(0);
        -o-transform: scale(1) translateX(0);
        -ms-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
        z-index: 1
    }

    .portfolio-preview-thumb-sep.one:hover + .two, .portfolio-preview-thumb-sep.one:hover + .two + .three {
        -webkit-transform: scale(1) translateX(0);
        -moz-transform: scale(1) translateX(0);
        -o-transform: scale(1) translateX(0);
        -ms-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .portfolio-preview-thumb-sep-opt2.one:hover {
        -webkit-transform: scale(1) translateX(0);
        -moz-transform: scale(1) translateX(0);
        -o-transform: scale(1) translateX(0);
        -ms-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
        z-index: 1
    }

    .portfolio-preview-thumb-sep-opt2.one:hover + .two, .portfolio-preview-thumb-sep-opt2.one:hover + .two + .three {
        -webkit-transform: scale(1) translateX(0);
        -moz-transform: scale(1) translateX(0);
        -o-transform: scale(1) translateX(0);
        -ms-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0)
    }

    .meet-the-team-content h2 {
        font-size: 22px
    }

    .about-us-review-section {
        padding: 0 0 10px
    }

    .about-us-review-section .counter-section li {
        padding: 0 5px
    }

    .about-leadership-image {
        margin: 0 0 50px;
        min-height: 330px
    }

    .about-leadership-title {
        font-size: 18px;
        margin-bottom: 15px
    }

    .about-leadership-content-wrap:before {
        top: -15px;
        bottom: 15px;
        left: 0;
        right: 0
    }

    .about-leadership-content-wrap:after {
        top: -50px;
        left: 50%;
        margin-left: -32px;
        margin-top: 0;
        transform: rotate(270deg)
    }

    .about-us-review-section .counter-image {
        width: 80px;
        height: 80px;
        line-height: 80px
    }

    .about-us-review-section .counter-section li img {
        width: 40px
    }

    .mission-n-vision-box h3 {
        font-size: 22px
    }

    .our-core-value-box {
        min-height: 310px
    }

    .our-history-detail-num {
        font-size: 30px
    }

    .our-history-detail-title {
        font-size: 18px
    }

    .our-history-detail-icon svg {
        width: 60px;
        height: 60px
    }

    .our-history-detail-box-title-wrap {
        padding-right: 70px
    }

    .our-history-progress-bottom {
        margin-top: 20px
    }

    .featured-in-section .row > div:nth-child(4n+0) .featured-in-image-box:before {
        display: block
    }

    .featured-in-section .row > div:nth-child(2n+0) .featured-in-image-box:before {
        display: none
    }

    .our-award-section .item {
        width: 50%;
        text-align: center
    }

    .our-history-detail-image {
        margin: 30px 10px 30px 40px
    }

    .mission-n-vision-box {
        min-height: inherit
    }

    .our-process-content h3 {
        padding-left: 0
    }

    .our-process-step-row {
        padding: 30px 0 70px 0
    }

    .our-process-content-box .number {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 10px
    }

    .our-process-step-row:nth-child(even) .our-process-content-box .number {
        left: 0;
        top: 0
    }

    .mvp-process-dev-box {
        min-height: inherit;
        padding: 20px 15px
    }

    .mvp-process-dev-icon {
        margin-bottom: 20px
    }

    .mvp-process-dev-icon svg {
        width: 60px;
        height: 60px
    }

    .mvp-why-choose-dev-section .col-right.mb-40 {
        margin-bottom: 0 !important
    }

    .game-service-offer-box {
        margin: 50px 0 30px;
        min-height: inherit;
        padding: 30px 15px
    }

    .game-service-offer-icon {
        margin: -86px 0 20px
    }

    .game-what-we-offer-box {
        min-height: inherit;
        padding: 30px 15px
    }

    .mt-b-0 {
        margin-top: 0 !important
    }

    .best-game-dev-company-box {
        min-height: 290px
    }

    .blog-list-image {
        height: auto;
        padding: 5px
    }

    .blog-list-desc h2 {
        font-size: 18px
    }

    #blog .pagination {
        display: block;
        text-align: center;
        margin-top: 50px
    }

    .pagination li {
        display: inline-block;
        vertical-align: top
    }

    .pagination li:first-child, .pagination li:last-child {
        display: block
    }

    .pagination li a {
        padding: 12px 15px;
        display: inline-block;
        vertical-align: top
    }

    .pagination li a[rel=next], .pagination li a[rel=prev] {
        padding: 12px 15px
    }

    .blog-detail-banner-box {
        display: block !important
    }

    .blog-detail-banner-box > div, .blog-detail-banner-box > span {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px
    }

    .blog-detail-banner-box .divider {
        margin-bottom: 10px
    }

    .blog-banner-profile {
        margin: 20px auto
    }

    .blog-detail-banner-box .author-name a, .blog-detail-banner-box .blog-category a, .blog-detail-banner-box .blog-date {
        font-size: 14px;
        padding: 0
    }

    .blog-detail-image {
        height: auto;
        margin-bottom: 30px
    }

    .blog-detail-content h2 {
        font-size: 18px
    }

    .blog-detail-content p {
        font-size: 15px
    }

    .blog-detail-content ol li, .blog-detail-content ul li {
        font-size: 15px
    }

    .blockquote, blockquote {
        padding-left: 30px;
        margin-bottom: 30px
    }

    .blockquote, .blockquote p, blockquote, blockquote p {
        font-size: 16px
    }

    .blog-social-box-wrap {
        display: block !important
    }

    .blog-social-box-wrap > div {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .blog-social-share {
        margin-right: 20px
    }

    .blog-social-share li a {
        width: 30px;
        height: 30px;
        font-size: 14px
    }

    .blog-social-share span {
        margin-right: 10px
    }

    .blog-next-prev-btn span {
        font-size: 14px;
        width: calc(100% - 40px)
    }

    .blog-next-prev-btn .icon {
        width: 40px
    }

    .blog-next-prev-btn small {
        padding: 0 40px
    }

    .blog-next-prev-btn .icon svg {
        width: 22px;
        height: 22px
    }

    .blog-next-prev-section {
        display: block !important
    }

    .blog-next-prev-btn.prev-btn {
        margin-bottom: 30px
    }

    .blog-next-prev-btn.next-btn {
        margin: 0 0 0 auto
    }

    .subscribe-section {
        padding: 25px 15px
    }

    .about-blog-author-section {
        margin: 40px 0
    }

    .subscribe-icon svg {
        width: 50px;
        height: 50px
    }

    .subscribe-text span {
        font-size: 18px
    }

    .subscribe-form .form-control {
        font-size: 14px
    }

    .about-blog-author-section {
        padding: 25px 15px
    }

    .about-blog-author-image {
        width: 90px;
        height: 90px
    }

    .about-blog-author-info {
        width: calc(100% - 90px)
    }

    .rel-post-box {
        max-width: 390px;
        width: 100%;
        margin: 0 auto;
        min-height: inherit
    }

    .hire_small_box_link {
        padding: 10px 15px 17px 15px !important
    }

    .hire_small_box_link span {
        font-size: 16px;
        text-align: center;
        width: 100%
    }

    .hire_small_box_link .hire_small_box_btn {
        float: none;
        display: inline-block
    }

    .banner_deveploment_main .center-item {
        padding-top: 0
    }

    .banner_deveploment_main .author_img_box {
        margin: 0 auto 30px;
        height: 230px;
        max-width: 230px;
        min-width: 230px
    }

    .banner_deveploment_main .author_text h1 {
        font-size: 24px
    }

    .hire_small_box_link3 a {
        font-size: 15px;
        line-height: 1.3
    }

    .blog-detail-cta-section {
        padding: 20px 20px
    }

    .blog-detail-cta-content {
        width: calc(100% - 140px)
    }

    .blog-detail-cta-img {
        width: 130px;
        height: 130px
    }

    .blog-detail-content iframe {
        max-width: 100%;
        height: 297px
    }

    .blog-detail-content .orangebox {
        padding: 25px 20px 30px
    }

    .blog-detail-content .orangebox p {
        font-size: 18px
    }

    .blog-detail-content .estimate_btn {
        font-size: 15px
    }

    .game-experties-inner-box {
        min-height: 330px;
        padding: 30px 15px
    }

    .our-expert-build-box {
        padding: 20px 15px
    }

    .game-why-us-inner-box:before {
        left: 36px
    }

    .game-why-us-inner-icon {
        width: 60px;
        height: 60px
    }

    .game-why-us-inner-icon svg {
        width: 30px;
        height: 30px
    }

    .game-why-us-inner-content {
        width: calc(100% - 70px);
        margin-left: 10px
    }

    .game-why-us-inner-content h3 {
        font-size: 18px
    }

    .bannerfixedimagewidth {
        display: none
    }

    .ins-msg-app-panels-content h3 {
        font-size: 20px
    }

    .ins-msg-content-wrap {
        padding: 0 0
    }

    .ins-msg-content-wrap .accordian_c {
        display: block
    }

    .ins-msg-content-wrap .contentrow {
        display: block !important;
        clear: both
    }

    .ins-msg-content-wrap .contentrow img {
        margin-left: 0;
        display: none
    }

    .ins-msg-content-wrap .contentrow.active img {
        display: none
    }

    .ins-msg-content-wrap .contentrow .tab_content img {
        display: block
    }

    .ins-msg-content-wrap .contentrow.active .tab_content img {
        display: block
    }

    .ins-msg-content-wrap .tab_content {
        margin: 0;
        padding: 20px 20px 20px
    }

    .ins-msg-content-wrap .contentrow .tab_content img {
        display: block;
        float: left;
        margin: 0 15px 20px 0
    }

    .ins-msg-content-wrap .accordian_c {
        margin: 0
    }

    .ins-msg-content-wrap .accordian_c:before {
        display: none
    }

    .ins-msg-content-wrap .accordian_c .arrow {
        float: right;
        display: inline-block;
        width: 12px;
        height: 12px;
        position: absolute;
        border-radius: 2px;
        transform: rotate(-135deg);
        border-top: 3px solid #202122;
        border-left: 3px solid #202122;
        right: 20px;
        top: 50%;
        margin-top: -6px
    }

    .ins-msg-content-wrap .accordian_c.active {
        background-color: #f5851f;
        color: #fff
    }

    .ins-msg-content-wrap .accordian_c.active .arrow {
        transform: rotate(45deg);
        border-top: 3px solid #fff;
        border-left: 3px solid #fff
    }

    .ins-msg-content-wrap .tab_content_wrap {
        width: 100%
    }

    .ins-msg-content-wrap .accordian_c {
        font-size: 16px;
        font-weight: 500;
        padding: 15px 45px 15px 25px;
        display: block;
        -webkit-box-shadow: 0 1px 5px 0 rgba(72, 73, 121, .15);
        -moz-box-shadow: 0 1px 5px 0 rgba(72, 73, 121, .15);
        box-shadow: 0 1px 5px 0 rgba(72, 73, 121, .15);
        border-radius: 5px;
        cursor: pointer
    }

    .ins-msg-content-wrap .tab_inner_content {
        padding: 100px 0 0
    }

    .similar-app-content h2 {
        font-size: 20px
    }

    .why-you-invest-box {
        min-height: 305px;
        padding: 25px 15px
    }

    .why-you-invest-box h5 {
        padding-left: 85px
    }

    .real-time-app-icon {
        width: 150px;
        margin: 0 auto 30px
    }

    .real-time-app-content-box {
        justify-content: center !important
    }

    .real-time-app-content .top {
        font-size: 16px
    }

    .real-time-app-content h4 {
        font-size: 20px
    }

    .real-time-app-content .bottom {
        font-size: 15px
    }

    .faq-list-title a {
        font-size: 14px
    }

    .faq-list-title span {
        width: 22px;
        height: 22px
    }

    .faq-list-wrap.option2 .faq-list-title span {
        right: 15px;
        margin-top: -11px
    }

    .faq-list-wrap.option2 .faq-list-title a {
        padding: 15px 45px 15px 15px
    }

    .faq-list-wrap.option2 .faq-list-content {
        padding: 0 20px;
        margin: 20px 0
    }

    .faq-list-wrap.option2 .faq-list-content:before {
        left: 10px
    }

    .car-wash-feature-tab {
        display: none !important
    }

    .car-wash-feature-tab-content {
        margin-top: 40px
    }

    .car-wash-feature-tab-content .service-we-offer-web-inner {
        display: none
    }

    .car-wash-feature-tab-content .service-we-offer-web-inner .mb-30 {
        float: left
    }

    .service-we-offer-web-inner .hide {
        display: block
    }

    .car-wash-feature-tab-content.tab-content > .tab-pane {
        display: block
    }

    .car-wash-feature-tab-content .fade:not(.show) {
        opacity: 1
    }

    .car-wash-feature-tab-content .show-all-button {
        margin-bottom: 50px;
        margin-top: 10px !important;
        display: none
    }

    .car-wash-feature-tab-content-box {
        display: block;
        position: relative;
        padding: 10px 40px 10px 15px;
        cursor: pointer
    }

    .car-wash-feature-tab-content-box:before {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        position: absolute;
        border-radius: 2px;
        transform: rotate(-135deg);
        border-top: 3px solid #fff;
        border-left: 3px solid #fff;
        right: 20px;
        top: 50%;
        margin-top: -6px
    }

    .car-wash-feature-tab-content-box.active:before {
        transform: rotate(45deg)
    }

    .car-wash-process-box {
        margin: 0 0 40px 0
    }

    .car-wash-process-box .bt.arrow {
        top: 50%;
        margin-top: -10px;
        bottom: inherit
    }

    .car-wash-process-box-wrap .wow:nth-child(2) .car-wash-process-box .bb.arrow {
        top: calc(100% + 10px);
        right: 0;
        line-height: 1;
        left: 0;
        bottom: inherit;
        width: 40px;
        text-align: center;
        margin: 0 auto;
        transform: rotate(90deg)
    }

    .car-wash-process-box-wrap .wow:nth-child(3) .car-wash-process-box .bt.arrow {
        top: inherit;
        bottom: inherit;
        right: inherit;
        line-height: 1;
        left: -31px;
        width: 30px;
        text-align: center;
        margin: 0 auto;
        transform: rotate(180deg)
    }

    .car-wash-process-box-wrap .wow:nth-child(4) .car-wash-process-box .down.arrow {
        top: calc(100% + 10px);
        right: 0;
        line-height: 1;
        left: 0;
        bottom: inherit;
        width: 40px;
        text-align: center;
        margin: 0 auto;
        transform: rotate(90deg)
    }

    .car-wash-process-box-wrap .wow:nth-child(6) .car-wash-process-box .rotate.arrow {
        transform: rotate(180deg);
        left: -31px
    }

    .car-wash-process-box-wrap .wow:nth-child(7) .car-wash-process-box .rotate.arrow {
        left: 0;
        right: 0;
        top: calc(100% + 10px);
        width: 40px
    }

    .car-wash-process-box-wrap .wow:last-child .car-wash-process-box .bb.arrow {
        left: 100%;
        right: inherit;
        top: 50%;
        margin-top: -10px;
        transform: inherit
    }

    .car-wash-advantage-main .m-height-130 .mhbox {
        min-height: inherit
    }

    .fitness-tab-panel:before {
        display: none
    }

    .fitness-app-overlay-content-box:nth-child(3), .fitness-app-overlay-content-box:nth-child(4) {
        border-bottom: 0
    }

    .fitness-app-overlay-content-box {
        padding: 15px 5px;
        width: 50%;
        float: left;
        display: block;
        border-bottom: 1px solid #ecedee
    }

    .fitness-app-overlay-content-box span {
        font-size: 14px
    }

    .fitness-app-overlay-content {
        position: relative;
        border-radius: 0;
        clear: both;
        display: inline-block
    }

    .ideal-business-box:nth-child(3n+0) {
        border-right: 1px solid #ecedee
    }

    .ideal-business-box:nth-child(2n+0) {
        border-right: 0
    }

    .ideal-business-box:nth-child(4) {
        border-bottom: 1px solid #ecedee
    }

    .why-erp-main .game-service-offer-box {
        min-height: inherit
    }

    .custom-erp-main .game-what-we-offer-box {
        min-height: inherit
    }

    .invest-erp-main .why-you-invest-box {
        min-height: inherit
    }

    .why-crm-main .game-service-offer-box {
        min-height: inherit
    }

    .technology-box li {
        min-height: 200px
    }

    .what-we-offer-main-listing .row.technology-box {
        padding-top: 50px;
        padding-bottom: 0
    }

    .uiux-service-icon {
        width: 70px;
        height: 70px;
        right: 20px;
        top: -35px
    }

    .uiux-service-content {
        margin: -25px 10px 0
    }

    .uiux-service-content h3 {
        padding-right: 80px
    }

    .uiux-design-process-content .number {
        font-size: 28px
    }

    .uiux-design-process-content h5 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .tideway-box {
        padding: 20px 15px;
        min-height: inherit
    }

    .tideway-image {
        width: 110px;
        height: 110px
    }

    .video-inner-top-content {
        padding: 20px 0 30px
    }

    .video-inner-top-content span {
        margin-bottom: 20px
    }

    .schedule-meeting-content-description {
        min-height: inherit
    }

    .contact-info-box {
        margin: 0 auto 30px;
        max-width: 400px;
        width: 100%
    }

    .contact-follow-us-section {
        padding-top: 0
    }

    .contact-follow-us-section .c_social {
        padding: 20px 10px 10px
    }

    .contact-follow-us-section .c_social li {
        margin: 0 5px 10px
    }

    .contact-follow-us-section .c_social li a {
        width: 50px;
        height: 50px;
        font-size: 24px
    }

    .contact-map-main {
        display: block !important
    }

    .map-tabs-nav {
        width: 100%
    }

    .map-tabs-nav li {
        width: 33.33%;
        float: left
    }

    .map-tabs-nav li h4 {
        font-size: 16px;
        bottom: 15px
    }

    .map-tabs-nav li img {
        min-height: 120px;
        object-fit: cover
    }

    .map-tabs-iframe {
        width: 100%
    }

    .mapiframe {
        position: relative
    }

    .mapiframe iframe {
        min-height: 250px
    }

    .contact-info-main:after {
        height: 77px
    }

    .contact-form-box {
        padding: 25px 15px 10px
    }

    .similar-app-option3-main .content-logo {
        width: 90px
    }

    .similar-app-option3-main .content-logo-name {
        width: calc(100% - 110px);
        margin-left: 20px
    }

    .similar-app-option3-main .content-logo-name .mainname {
        font-size: 24px
    }

    .similar-app-option3-main .content-logo-name .subname {
        font-size: 16px
    }

    .similar-app-slider .slick-arrow {
        bottom: 22px
    }

    .similar-app-slider .slick-arrow.slick-next {
        right: 40%
    }

    .similar-app-slider .slick-arrow.slick-prev {
        left: 40%
    }

    .similar-app-slider .slick-dots {
        max-width: 290px;
        width: 100%;
        margin: 0 auto;
        transform: inherit;
        left: 0;
        right: 0;
        text-align: center
    }

    .types-of-social-media-box {
        min-height: inherit
    }

    .types-of-social-media-platform {
        padding: 20px 15px 15px
    }

    .types-of-social-media-platform ul li img {
        width: 50px
    }

    .types-of-social-media-content {
        padding: 25px 15px
    }

    .detail-feature-tab-section {
        padding: 0 15px 30px
    }

    .detail-feature-tab #servicesTab {
        margin-bottom: 30px
    }

    .detail-feature-tab #servicesTab li {
        min-width: inherit
    }

    .detail-feature-tab #servicesTab li a {
        width: auto;
        font-size: 14px;
        padding: 10px 20px
    }

    .detail-feature-tab #servicesTab li a span > span {
        display: block
    }

    .detail-feature-tab #servicesTab li svg {
        width: 40px;
        display: none
    }

    .detail-feature-tab #servicesTab li a span.w-100 {
        margin: 0
    }

    .detail-feature-tab-content h3 {
        font-size: 20px
    }

    .detail-feature-tab-content .servicesTabContent_text ul li {
        padding: 0 0 0 25px
    }

    .head-call-back-sidebar {
        padding: 70px 20px
    }

    .head-call-back-box img {
        width: 80px;
        height: 80px
    }

    .head-call-back-content {
        width: calc(100% - 100px)
    }

    .advantage-of-real-estate-main .web-why-choose-us-inner-box {
        text-align: left;
        min-height: 350px
    }

    .real-estate-type-main .game-what-we-offer-box {
        min-height: 400px
    }

    .error-img {
        max-width: 400px;
        width: 100%
    }

    .error-service-list {
        flex-wrap: wrap
    }

    .error-service-list-item {
        width: calc(25% - 10px);
        margin-bottom: 20px
    }

    .error-service-list-item a {
        min-height: 125px;
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .error-service-list-icon {
        width: 100%
    }

    .error-message {
        width: 100%;
        padding: 40px 0 20px
    }

    .error-message h2 {
        font-size: 30px
    }

    .error-service-list-wrap h3 {
        font-size: 18px
    }

    .error-service-list-wrap {
        margin-top: 30px
    }

    .thank-you-banner {
        min-height: inherit !important;
        padding: 80px 0 30px
    }

    .thank-you-msg-box {
        display: block !important
    }

    .thank-you-founder-img {
        margin: 0 auto;
        max-width: 180px
    }

    .thank-you-founder-img img {
        width: 180px;
        height: 180px
    }

    .thank-you-founder-text {
        width: 100%;
        text-align: center;
        padding-top: 40px
    }

    .thank-you-founder-text h3 {
        font-size: 20px
    }

    .thank-you-process-section {
        padding: 40px 0 0
    }

    .thank-you-process-section h2 {
        font-size: 20px
    }

    .thank-you-process-box {
        padding-bottom: 0;
        max-width: 450px;
        width: 100%;
        margin: 0 auto 30px
    }

    .thank-you-process-image {
        max-width: 100% !important
    }

    .thank-you-process-content {
        max-width: 100% !important;
        position: relative;
        margin-top: -15px;
        display: inline-block
    }

    .thank-you-process-step-section {
        padding: 40px 0 20px
    }

    .thank-you-process-steps {
        justify-content: center
    }

    .thank-you-process-step-box {
        width: 33.33%;
        margin-bottom: 30px;
        display: flex;
        flex-wrap: wrap
    }

    .thank-you-process-step-box .num {
        flex: 0 0 100%;
        max-width: 100%;
        order: 0
    }

    .thank-you-process-step-box .step-arrow {
        display: none
    }

    .thank-you-process-step-box .step-name {
        min-height: inherit;
        font-size: 16px;
        flex: 0 0 100%;
        max-width: 100%;
        order: 2
    }

    .thank-you-process-step-box:nth-child(even) {
        padding-top: 0
    }

    .thank-you-process-step-icon {
        margin: 15px auto;
        order: 1
    }

    .thank-you-process-step-box:nth-child(1) {
        order: 0
    }

    .thank-you-process-step-box:nth-child(2) {
        order: 1
    }

    .thank-you-process-step-box:nth-child(3) {
        order: 2
    }

    .thank-you-process-step-box:nth-child(4) {
        order: 5
    }

    .thank-you-process-step-box:nth-child(5) {
        order: 4
    }

    .thank-you-process-step-box:nth-child(6) {
        order: 3
    }

    .thank-you-process-step-box:nth-child(7) {
        order: 6
    }

    .thank-you-process-step-box .num {
        font-size: 20px !important
    }

    .thank-you-process-step-icon {
        width: 100px !important;
        height: 91px !important
    }

    .thank-you-process-step-icon span svg {
        width: 30px;
        height: 30px
    }

    .privacy-policy h2 {
        font-size: 20px
    }

    .privacy-policy h3 {
        font-size: 18px
    }

    .custom-cms-main .game-what-we-offer-box {
        min-height: inherit
    }

    .thank-you-v3 .content h2 {
        font-size: 30px
    }

    .thank-you-v3 .bglightorange {
        font-size: 16px
    }

    .thank-you-v3 .bglightorange span {
        font-size: 24px
    }

    .thank-you-v3 .content {
        margin-bottom: 30px
    }

    .chatbot-platform-box {
        min-height: inherit;
        padding: 25px 15px
    }

    .write-us-banner {
        padding: 60px 0
    }

    .write-us-banner h1 {
        font-size: 22px
    }

    .write-for-us-main h2 {
        font-size: 22px
    }

    .write-for-us-main p, .write-for-us-main ul li {
        font-size: 15px
    }

    .write-for-us-main ul li {
        margin-bottom: 5px
    }

    .write-for-us-cta h3 {
        font-size: 24px
    }

    .cta.fullwidth .btn-col:before, .cta.fullwidth:before {
        display: none
    }

    .cta.fullwidth .btn-col {
        -ms-flex-pack: center !important;
        justify-content: center !important;
        padding: 0 15px 30px
    }

    .cta.fullwidth .cd-headline {
        text-align: center;
        padding: 30px 0
    }

    .cta.fullwidth .cd-headline.slide span {
        font-size: 18px
    }
}

@media (max-width: 640px) {
    .our-process-step-listing .our-process-step-row:nth-child(odd) .our-process-image-box {
        margin-left: 25px;
        width: calc(100% - 25px)
    }

    .our-process-step-listing .our-process-step-row:nth-child(even) .our-process-image-box {
        margin-right: 25px;
        width: calc(100% - 25px)
    }

    .our-process-image-box:before {
        top: 28px
    }

    .thank-you-process-step-box {
        width: 50%
    }

    .thank-you-process-step-box:nth-child(1) {
        order: 0
    }

    .thank-you-process-step-box:nth-child(2) {
        order: 1
    }

    .thank-you-process-step-box:nth-child(3) {
        order: 4
    }

    .thank-you-process-step-box:nth-child(4) {
        order: 3
    }

    .thank-you-process-step-box:nth-child(5) {
        order: 5
    }

    .thank-you-process-step-box:nth-child(6) {
        order: 6
    }

    .thank-you-process-step-box:nth-child(7) {
        order: 7
    }
}

@media (max-width: 600px) {
    .rel-post-box {
        min-height: inherit
    }
}

@media (max-width: 575px) {
    .solutions-box {
        min-height: inherit
    }

    .blog-slider .item .blog-post_content {
        padding: 0 5px 18px 5px
    }

    .blog-slider .item .blog-post_content .blog-post_text, .blog-slider .item .blog-post_content .blog-post_title {
        padding: 0 10px
    }

    .blog-slider .item .blog-post_content .author_post a {
        font-size: 12px
    }

    .blog-slider .item .blog-post_content .meta-wrapper .date_post {
        font-size: 12px
    }

    .solutions-box {
        min-height: inherit
    }

    .m-height-380 .mhbox {
        min-height: inherit
    }

    .m-height-340 .mhbox {
        min-height: inherit
    }

    .m-height-320 .mhbox {
        min-height: inherit
    }

    .m-height-300 .mhbox {
        min-height: inherit
    }

    .m-height-280 .mhbox {
        min-height: inherit
    }

    .m-height-260 .mhbox {
        min-height: inherit
    }

    .m-height-240 .mhbox {
        min-height: inherit
    }

    .m-height-220 .mhbox {
        min-height: inherit
    }

    .innerbanner .submitbar .d-inline-flex:first-child {
        padding-right: 10px
    }

    .innerbanner .submitbar .d-inline-flex {
        margin: 10px 0 !important
    }

    .web-why-choose-main-box {
        min-height: inherit
    }

    .service-we-offer-web-inner .web-why-choose-main-box {
        padding: 20px 15px
    }

    .web-advtanges-box {
        padding: 20px 15px
    }

    .callouts-separate.webdevinner {
        margin: 40px auto 0
    }

    .option1 .web-why-choose-main-icon {
        margin: -70px auto 15px
    }

    .about-us-review-section .counter-section {
        align-items: flex-start
    }

    .about-us-review-section .counter-image {
        margin: 0 auto 15px
    }

    .about-us-review-section .counter-section li img {
        width: 40px
    }

    .about-us-review-section .counter_text {
        width: 100%;
        padding: 0;
        justify-content: center;
        text-align: center
    }

    .about-us-review-section .counter_text .counter {
        font-size: 24px
    }

    .our-core-value-box {
        min-height: inherit
    }

    .featured-in-image-box:before {
        display: none !important
    }

    .mvp-what-we-offer-box {
        min-height: inherit
    }

    .mvp-why-choose-dev-box {
        display: block;
        text-align: center;
        padding: 20px 25px
    }

    .mvp-why-choose-dev-icon {
        margin: 0 auto 15px
    }

    .mvp-why-choose-dev-content {
        width: 100%;
        margin: 0
    }

    .best-game-dev-company-box {
        min-height: inherit;
        padding: 30px 15px
    }

    .best-game-dev-company-icon {
        width: 70px;
        height: 70px
    }

    .best-game-dev-company-icon svg {
        width: 45px
    }

    .best-game-dev-company-box h5 {
        margin-bottom: 20px
    }

    .blog-list-info-box.d-flex {
        display: block !important
    }

    .blog-list-author-image {
        width: 60px;
        height: 60px
    }

    .blog-list-author-image-wrap, .blog-list-date {
        display: inline-flex !important
    }

    .blog-list-date + .divider {
        display: none
    }

    .blog-list-category {
        display: block;
        margin-top: 10px
    }

    .blog-detail-content iframe {
        max-width: 100%;
        height: 250px
    }

    .game-experties-inner-box {
        min-height: inherit
    }

    .footer_box_img {
        width: 100%;
        display: block;
        float: none;
        margin-bottom: 25px !important;
        text-align: center
    }

    .footer_box_add {
        max-width: 370px;
        width: 100%;
        display: block;
        float: none;
        padding: 0;
        text-align: left;
        margin: 0 auto
    }

    .footer_box h5 {
        font-size: 20px
    }

    .footer_box ul li {
        justify-content: flex-start
    }

    .footer-top {
        padding-top: 30px
    }

    .foot-center-col {
        padding: 0 15px 30px
    }

    .foot-center-col:nth-child(1) {
        padding: 0 15px 20px
    }

    .foot-exp-char {
        width: 100px
    }

    .foot-exp-text-wrap {
        width: calc(100% - 120px)
    }

    .foot-exp-text-button .exp {
        font-size: 24px
    }

    .foot-exp-text-button .indus {
        font-size: 18px
    }

    .foot-social .c_social li {
        margin-bottom: 10px
    }

    .footer-center-market-list {
        display: block !important;
        text-align: center
    }

    .footer-center-market-list .item {
        width: 48%;
        margin: 0 0 30px;
        padding: 0 10px;
        float: none;
        text-align: center;
        display: inline-block;
        vertical-align: top
    }

    .footer-center-market-list .item:nth-child(2n+1) {
        clear: both
    }

    .footer-center-market-list .item img {
        height: 145px
    }

    .ins-msg-content-wrap .accordian_c {
        font-size: 16px
    }

    .ins-msg-content-wrap .contentrow .tab_content img {
        display: block;
        float: none;
        margin: 0 auto 20px
    }

    .ins-msg-content-wrap .tab_inner_content {
        padding: 0
    }

    .why-you-invest-box {
        min-height: inherit
    }

    .real-time-app-content-box {
        display: block !important
    }

    .real-time-app-content {
        margin-right: 0;
        text-align: center;
        margin-bottom: 20px
    }

    .real-time-app-button {
        text-align: center
    }

    .car-wash-process-box-wrap .wow .car-wash-process-box .arrow {
        top: calc(100% + 10px) !important;
        right: 0 !important;
        line-height: 1;
        left: 0 !important;
        bottom: inherit !important;
        width: 40px !important;
        text-align: center;
        margin: 0 auto !important;
        transform: rotate(90deg) !important
    }

    .key-features-box {
        padding: 30px 15px;
        min-height: inherit
    }

    .fitness-tab-content .service-we-offer-web-inner .web-why-choose-main-box {
        padding: 0 15px 20px
    }

    .ideal-business-box {
        border-right: 0 !important
    }

    .ideal-business-box:nth-child(5) {
        border-bottom: 1px solid #ecedee
    }

    .uiux-app-design-icon {
        width: 75px;
        height: 75px
    }

    .uiux-app-design-icon svg {
        width: 45px;
        height: 45px
    }

    .uiux-app-design-content {
        width: calc(100% - 95px)
    }

    .uiux-app-design-content h4 {
        font-size: 18px
    }

    .similar-app-option3-main .content-description ul li {
        width: 100%;
        float: none;
        padding-right: 0;
        display: block
    }

    .similar-app-slider .slick-arrow.slick-next {
        right: 35%
    }

    .similar-app-slider .slick-arrow.slick-prev {
        left: 35%
    }

    .detail-feature-tab-content ul li {
        width: 100%;
        float: none;
        padding-right: 0;
        display: block;
        padding: 0 0 0 25px
    }

    .portfolio-preview-thumb img.portrait {
        height: auto;
        width: 95%
    }

    .advantage-of-real-estate-main .web-why-choose-us-inner-box {
        text-align: center;
        min-height: inherit
    }

    .advantage-of-real-estate-main .web-why-choose-us-inner-box {
        min-height: inherit
    }

    .advantage-of-real-estate-main .web-why-choose-us-inner-box h5 {
        width: 100%
    }

    .advantage-of-real-estate-main .web-why-choose-inner-icon {
        float: none
    }

    .real-estate-type-main .game-what-we-offer-box {
        min-height: inherit
    }

    .error-service-list-item {
        width: calc(33.33% - 10px);
        margin-bottom: 20px
    }

    .chatbot-adv-box {
        min-height: inherit;
        padding: 0 15px 30px
    }
}

@media (max-width: 480px) {
    .app-service-tab {
        padding: 0 20px !important
    }

    #rev_slider .tp-caption {
        max-width: 300px !important;
        width: 100%;
        min-width: 300px !important
    }

    .our-award-section .item {
        width: 100%;
        text-align: center
    }

    .our-award-section .item:last-child .mb-30 {
        margin-bottom: 0 !important
    }

    .our-award-section .item img {
        height: auto
    }

    .portfolio-listing-icon {
        padding: 5px 5px
    }

    .portfolio-listing-icon svg {
        width: 25px;
        height: 25px
    }

    .portfolio-listing-icon span {
        font-size: 12px
    }

    .blog-list-author-image {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px
    }

    .blog-list-author-image-wrap a {
        display: inline-block;
        vertical-align: middle
    }

    .blog-list-date {
        margin-top: 0
    }

    .blog-list-info-box .divider {
        margin: 0 5px
    }

    .blog-detail-cta-section {
        padding: 20px 20px
    }

    .blog-detail-cta-content {
        width: 100%;
        order: 2;
        margin-right: 0
    }

    .blog-detail-cta-img {
        width: 130px;
        height: 130px;
        order: 1;
        margin-bottom: 20px
    }

    .error-service-list-item {
        width: calc(50% - 10px);
        margin-bottom: 20px
    }
}

@media (max-width: 414px) {
    .ar-services-list-box {
        padding: 30px 10px;
        min-height: auto
    }

    .ar-services-list-icon {
        margin-bottom: 10px
    }

    .ar-services-list-title {
        min-height: auto
    }

    .about-blog-author-section {
        display: block !important
    }

    .about-blog-author-image {
        margin: 0 auto 20px
    }

    .about-blog-author-info {
        width: 100%;
        text-align: center
    }

    .app_service_option1 .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .our-expert-build-box {
        display: block !important
    }

    .our-expert-build-icon {
        margin-right: 0;
        margin-bottom: 20px
    }

    .foot-center-col h4 {
        font-size: 20px
    }

    .foot-exp-char {
        width: 80px
    }

    .foot-exp-text-wrap {
        width: calc(100% - 90px);
        margin-left: 10px
    }

    .foot-exp-text-button .exp {
        font-size: 22px
    }

    .foot-exp-text-button .indus {
        font-size: 16px
    }

    .foot-exp-text-wrap .btn-custome.btn-lg {
        padding: 15px 20px
    }

    .footer-center-market-list .item {
        width: 100%;
        display: block;
        float: none
    }

    .footer-center-market-list .item img {
        height: auto
    }

    .thank-you-process-step-box {
        width: 100%
    }

    .thank-you-process-step-box:nth-child(1) {
        order: 0
    }

    .thank-you-process-step-box:nth-child(2) {
        order: 1
    }

    .thank-you-process-step-box:nth-child(3) {
        order: 2
    }

    .thank-you-process-step-box:nth-child(4) {
        order: 3
    }

    .thank-you-process-step-box:nth-child(5) {
        order: 4
    }

    .thank-you-process-step-box:nth-child(6) {
        order: 5
    }

    .thank-you-process-step-box:nth-child(7) {
        order: 6
    }
}

@media (max-width: 400px) {
    .game-experties-main .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .game-experties-box {
        max-width: 220px;
        width: 100%;
        margin: 0 auto
    }
}

@media (max-width: 360px) {
    .blog-list-author-date {
        display: block !important
    }

    .blog-list-info-box .divider {
        display: none
    }

    .blog-list-author-image-wrap, .blog-list-date {
        display: block !important
    }

    .blog-list-date {
        margin-top: 10px
    }
}