/* Career */
    nav {
        display: flex !important;
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
    }
    .a_link{
        cursor: pointer;
        font: 18px/1.6 'proxima_nova_alt_rgregular';
        color: #707070;
        margin: 15px auto;
        transition: all ease-in .3s;
        -moz-transition: all ease-in .3s;
        -ms-transition: all ease-in .3s;
        -o-transition: all ease-in .3s;
        -webkit-transition: all ease-in .3s;
    }
    .a_link:hover{
        color: #0092FF;
    }


.banner-slider {
    position: relative;
    height: 100vh;
}

.banner-slider .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: calc(100vh - 0px);
    object-fit: cover;
}

/* Nav Down */

header.header-container.nav-down {
    background: transparent;
    -webkit-transition: all 0.6s cubic-bezier(0.4, 0.25, 0, 1);
    transition: all 0.6 cubic-bezier(0.4, 0.25, 0, 1);
}
header.header-container.no-bg.nav-down-active.nav-down {
    top: 0;
 }
header.header-container.nav-up {
    background: transparent;
    top: -100%;
    -webkit-transition: all 0.6s cubic-bezier(0.4, 0.25, 0, 1);
    transition: all 0.6 cubic-bezier(0.4, 0.25, 0, 1);
}
.nav-down.no-bg .menu-wrapper > ul > li > a,.nav-down.no-bg .menu-wrapper > ul > li > a:hover {
    color: #fff;
}
.header-container .menu-wrapper > ul > li:nth-child(1) > a:not([href]):not([tabindex]) {
    color: #fff;
}
.header-container.nav-down.no-bg .wht-logo-nw {
    display: none;
}
.header-container.nav-down.no-bg .blk-logo {
    display: block;
}

/* Nav Down Ends*/
.top_bl_bg .appi-cta a,.top_bl_bg .appi-cta button {
    background: #fff;
    color: #0092ff;
}
.top_bl_bg .animated_image_wrap {
    position: absolute;
    z-index: -1;
    right: 0;
    top: 50%;
    transform: translate(0 , -50%);
}
.we_are_wrapper .heading1, .we_are_wrapper .heading5 {
    color: #fff;
    text-shadow: 1px 2px 10px #222;
}
br.br-block {
    display: block;
}
.we_are_wrapper {
    padding-left: 0;
}
.top_bl_bg .container {
    position: relative;
    height: calc(100vh - 60px);
}
.breadcrumb {
    position: relative;
}
.top_bl_bg .breadcrumb-item a {
    color: #fff;
    font-family: proxima_nova_alt_rgregular;
}
.top_bl_bg .breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}
.menu-wrapper > ul > li > a,.menu-wrapper > ul > li > a:hover {
    color: #fff;
}
.menu-wrapper > ul > li:nth-child(1) > a:not([href]):not([tabindex]) {
    color: #000;
}
.header-container.shrink .menu-wrapper > ul > li:nth-child(1) > a:not([href]):not([tabindex]),.header-container.active .menu-wrapper > ul > li:nth-child(1) > a:not([href]):not([tabindex]) {
    color: #000;
}
.header-container.shrink .menu-wrapper>ul>li>a {
    color: #000;
}
.header-container.shrink .blk-logo {
    display: block;
}
.header-container.shrink .wht-logo-nw {
    display: none;
}
.header-container.shrink .menu-wrapper>ul>li.nav_contact>a {
    color: #fff;
}
.header-container.active:before {
    transform: none!important;
}
.header-container.active .blk-logo {
    display: block;
}
.header-container.active .wht-logo-nw {
    display: none;
}
.header-container.active .menu-wrapper>ul>li>a {
    color: #000;
}
header.header-container.active .menu-wrapper>ul>li.nav_contact a {
    color: #fff;
}
.header-container.active {
    background: #fff!important;
}
.header-container .white-logo {
    display: block!important;
}
 .header-container.shrink .white-logo,.header-container .wht-blue-logo,.header-container .blk-logo,.header-container.active .white-logo {
    display: none!important;
}
.header-container.shrink .blk-logo,.header-container.active .blk-logo {
    display: block!important;
}
.wrapper {
    margin-top: 0 !important;
}
.ad-page {
    display: none !important;
}
.careerr-banner-content {
    position: absolute;
    transform: translate(10px, -35%);
    top: 50%;
    color: #fff;
    z-index: 9;
}
.banner-slider .container {
    position: relative;
    height: calc(100vh - 60px);
}
.lg-text {
    display: block;
    font-size: 80px;
    text-transform: uppercase;
}
.breadcrumb-item a {
    color: #fff;
    font-family: proxima_nova_alt_rgregular;
}
.breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}
.banner-slider .owl-carousel.owl-theme .owl-nav [class*=owl-] {
    background: #b3adad!important;
    opacity: 0.8;
    padding: 4px;
    border-radius: 35px !important;
    width: 75px;
    height: 32px;
    box-shadow: 0px 8px 14px -10px rgb(0 0 0 / 55%);
    outline: none;
    position: relative;
    top: 0;
}
.banner-slider .owl-carousel .owl-prev svg {
    transform: rotate(180deg) translate(50%, 50%);
    -webkit-transform: rotate(180deg) translate(50%, 50%);
}
.banner-slider .owl-carousel svg, .cta-text svg {
    position: absolute;
    top: 50%;
    margin-left: 0;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #fff;
    stroke-width: 2;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translate(-50%, -50%);
}
.banner-slider .owl-carousel.owl-theme .owl-nav [class*=owl-] :hover svg {
    stroke: #fff !important;
}
.banner-slider .breadcrumb-item a:hover, .breadcrumb-item.active a {
    color: #4eb3ff !important;
}
.banner-slider .owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    background: #0092FF !important;
}
.banner-slider .owl-carousel .owl-prev:hover svg {
    margin-left: -5px;
}
.banner-slider .owl-nav {
    width: 200px;
    position: absolute;
    left: 50%;
    height: 55px;
    bottom: 0px;
    transform: translate(-50%, -50%);
}
.banner-slider .owl-carousel .owl-next:hover svg {
    margin-left: 5px;
}
.tab-wrapper {
    padding: 40px 0;
    width: calc(45% + 80px);
}
.tab-detail {
    display: none;
}
.tab-wrapper ul {
    display: flex;
    color: #fff;
    justify-content: space-between;
}
.tab-link-wrapper.active span {
    color: #0092FF;
}
.tab-wrapper ul li span {
    font: 18px/1.05 'proxima_nova_altsemibold';
    cursor: pointer;
    padding: 0 0 5px 0;
    display: block;
    position: relative;
    color: #000000;
}
.d_services_wrap {
    padding: 6rem 0 0;
}
.d_services_head {
    width: 45%;
    position: relative;
}
.who {
    position: absolute;
    left: -330px;
    top: -70px;
    font: 320px/1 proxima_nova_altbold;
    color: #FAFBFB;
    z-index: -1;
}
.what {
    position: absolute;
    right: -240px;
    bottom: -30px;
    font: 290px/1 proxima_nova_altbold;
    color: #FAFBFB;
    z-index: -1;
}
.d_services_content {
    width: 55%;
    position: relative;
}
.subcontent {
    font-family: 'proxima_nova_altsemibold';
    font-size: 22px;
    position: relative;
    line-height: 1.7;
}
.tab-slider-body {
    display: none;
    width: 90%;
    margin: 0 auto;
}
.our_history .heading2 {
    color: #fff;
}
.p-left span {
    color: #fff;
    margin-bottom: 20px;
    font-family: proxima_nova_alt_rgregular;
    font-size: 24px;
    display: block;
}
.p-left .para {
    color: #fff;
    margin-top: 0;
    font-size: 22px;
    font-family: 'proxima_nova_altsemibold';
    line-height: 1.5;
}
.our_history {
    background-image: linear-gradient(to bottom, #0091fe, #0383f0, #0676e1, #0968d3, #0c5bc4);
    padding: 5rem 0;
    position: relative;
    z-index: 2;
    margin: 5rem 0 0;
}
.history {
    position: absolute;
    right: -170px;
    top: 30px;
    font: 300px/1 proxima_nova_altbold;
    color: #249bf8;
    z-index: -1;
}
.flex-panel {
    display: flex;
    justify-content: space-between;
}
.p-left {
    width: 45%;
    padding: 30px 30px 0 0;
}
.p-right {
    width: 45%;
}
.p-right figure {
    padding: 40px 60px 25px 0px;
    position: relative;
    z-index: 2;
}
.p-right figure span {
    position: absolute;
    background: #fff;
    height: 1px;
    width: 200px;
    bottom: 7px;
    right: 140px;
}
.p-right figure span:before {
    position: absolute;
    content: "";
    background: #fff;
    width: 60%;
    height: 1px;
    bottom: -10px;
    right: 0;
}
.p-right img {
    width: 100%;
}
.tab-inner-tab ul {
    display: flex;
    margin: 90px auto 40px;
    align-items: center;
    justify-content: center;
    width: 85%;
    position: relative;
}
.tab-inner-tab ul li {
    width: 20%;
}
.tab-inner-tab span:hover {
    color: #96cef9;
}
.tab-inner-tab span {
    cursor: pointer;
    position: relative;
    padding: 38px 10px 15px 10px;
    color: #fff;
    font-size: 18px;
    font-family: 'proxima_nova_altsemibold';
}
.tab-inner-tab ul::after {
    position: absolute;
    content: "";
    background: #fff;
    width: 98%;
    height: 1px;
    top: -22px;
    left: 1%;
}
.tab-inner-tab .ai-logo {
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.4, 0.25, 0, 1);
    transition: all 0.6 cubic-bezier(0.4, 0.25, 0, 1);
    z-index: 2;
    height: 50px;
    width: 50px;
    background: #0092FF url(ai-logo.png) no-repeat center;
    position: absolute;
    top: -25px;
    left: 5px;
    border-radius: 50%;
    padding: 0;
    background-size: 26px;
    -webkit-transition: all 0.6s cubic-bezier(0.4, 0.25, 0, 1);
    transition: all 0.6 cubic-bezier(0.4, 0.25, 0, 1);
}
.inner-tab-link.active .ai-logo {
    opacity: 1;
   transform: scale(1);
   -webkit-transform: scale(1);
}
.p-right figure:after {
    position: absolute;
    content: "";
    right: 30px;
    bottom: -5px;
    background: #fff;
    width: 85px;
    height: 110px;
    z-index: -1;
}
.p-right figure:before {
    position: absolute;
    content: "";
    right: 38px;
    bottom: 115px;
    background: #fff;
    width: 15px;
    height: 15px;
    z-index: -1;
}
.work-life .heading2 span {
    font-size: 55px;
    position: absolute;
    bottom: 0;
    margin: 0px 0 0 15px;
}
.work-life {
    padding: 5rem 0 0;
}
.work-life .heading2 {
    line-height: 1.1;
}
.dflex {
    display: flex;
    flex-wrap: wrap;
    padding: 4rem 0;
    /* align-items: center; */
    width: 100%;
    margin: 0 auto;
}
.work-life .dflex {
     align-items: center;
} 
.icon-head-wrap {
    display: flex;
    align-items: center;
    padding: 0 0px;
}
.icon-head-wrap span {
    width: 50%;
    text-align: left;
    color: #000;
}
.icon-head-wrap figure {
    width: 220px;
}
.icon-head-wrap figure img {
    transform: scale(1);
    backface-visibility: hidden;
    text-align: center;
    display: flex;
    margin: 0 auto;
}
.its-best {
    width: 33.333%;
    text-align: center;
    padding: 15px 0;
    font-size: 18px;
    position: relative;
    color: #6D6C6C;
    margin: 35px 0;
    display: flex;
    justify-content: center;
}

.dflex .its-best:not(:nth-child(3n + 4))::before {
    background: #707070;
    position: absolute;
    content: "";
    left: 0;
    top: 10px;
    width: 1px;
    height: 80px;
}

.dflex .its-best:nth-child(1):before,.dflex .its-best:last-child:before {
    content: none;
}
.header .lead {
    max-width: 620px;
  }
  .value-grid {
    width: 33.33%;
    padding: 0 60px;
}
.val-num {
    font: 80px/1.1 proxima_nova_altbold;
    color: #e7f4fc;
    display: block;
    padding-bottom: 20px;
}
.val-head {
    font: 24px/1.5 proxima_nova_alt_rgregular;
}
.value-grid .para {
    font:18px/1.6 proxima_nova_alt_rgregular;
    text-align: left;
}
.flip-logo-wrap {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    width: calc(25% - 30px);
    margin: 0 15px;
}
.flip-logo-wrap:hover .flipper, .flip-logo-wrap.hover .flipper {
		transform: rotateY(180deg);
	}
    


.our-achi-wrap {
    background: #FBFBFB;
    padding: 4rem 0 10rem;
}
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
    height: 200px;
    background: #fff;
    margin-bottom: 25px;
}
.flipper .para {
    color: #fff;
    margin: 0;
    font-size: 20px;
    font-family: 'proxima_nova_altsemibold';
    line-height: 1.3;
    padding: 0 20px;
}
.front, .back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    height: 200px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}
/* .front figure {
    max-width: 170px;
}
.front figure img {
    max-width: 100%;
} */
.front {
	z-index: 2;
	transform: rotateY(0deg);
}
.appfuture-sprite {
    width: 150px;
    height: 45px;
    background-position: -7px -207px;
}
.MAD-sprite {
    width: 76px;
    height: 35px;
    background-position: -564px 108px;
}
.Clutch-sprite {
    width: 102px;
    height: 30px;
    background-position: -406px 105px;
}
.front figure span {
    background-image: url(team-01.png);
    display: block;
}
.ifah-sprite {
    width: 65px;
    height: 59px;
    background-position: -141px 119px;
}
.ftr4h-sprite {
    width: 88px;
    height: 53px;
    background-position: -254px 116px;
}
.entrepeneur-sprite {
    width: 133px;
    height: 27px;
    background-position: -241px -217px;
}
.boa-sprite {
    width: 161px;
    height: 29px;
    background-position: -478px -216px;
}
.menifest-sprite {
    width: 96px;
    height: 52px;
    background-position: 100px -194px;
}
/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
    background: #1473E6;
}
.accelerate-your-career {
    background: #FC7754;
    padding: 70px 0px;
    border-radius: 35px;
    margin-top: -150px;
    position: relative;
}
.states_panel {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.digits {
    position: relative;
}
.digits span {
    font: 80px/.8 proxima_nova_altbold;
    color: #fff;
}
.states_panel .digits:nth-child(2):before {
    left: -50%;
}
.states_panel .digits:nth-child(2):before,.states_panel .digits:nth-child(2):after {
    position: absolute;
    content: "";
    background: #fff;
    width: 1px;
    height: 100%;
    top: 0;
}
.states_panel .digits:nth-child(2):after {
    right: -50%;
}
.stats-head {
    font-size: 18px;
    color: #fff;
    display: block;
    padding-top: 15px;
    line-height: 1.3;
}
.join-appinventiv {
    margin: 7rem 0;
}
.no-arrrow {
    text-align: center;
}
.no-arrrow  .cta-text {
    color: #fff;
    font-size: 16px;
    font-family: 'proxima_nova_alt_rgregular';
    display: inline-block;
}
.join-appinventiv-full {
    width: 100vw;
}
.join-app-wrap,.display-flex-wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.join-app {
    padding-right: 50px;
    width: 550px;
    max-width: 100%;
}
.img-wrap {
    width: 45%;
    max-width: 100%;
}
.img-wrap figure {
    margin: 0;
}
.join-image-grid {
    width: 55%;
    max-width: 100%;
}
.img-wrap+.img-wrap {
    margin-left: 12px;
}
.img-wrap-inner+.img-wrap-inner {
    margin-top: 12px;
}
.img-wrap-inner {
    width: calc(100% - 7px);
}
.img-wrap img {
    width: 100%;
}
.our-core-leaders {
    padding: 3rem 0;
}
.mgmt_wrapper .flex_wrapper.space_between {
    padding: 0;
}
.team_image {
    width: calc(100% / 4 - 20px);
    margin: 10px;
}
.team_image>figure {
    width: 100%;
    margin: 0;
}
.team_image img {
    width: 100%;
    height: 100%;
}
.team_desc {
    padding: 12px 0 30px;
}
.team_desc .heading5 {
    margin: 0;
    color: #181818;
}
.team_designation {
    font: 16px proxima_nova_alt_rgregular;
    letter-spacing: .7px;
    padding: 5px 0;
    text-transform: uppercase;
    line-height: 1.6;
    color: #6D6C6C;
}
.why-work-wrap {
    display: flex;
    align-items: center;
    padding: 3rem 0;
}
.work-text {
    width: 60%;
    margin: 50px 0 20px;
    padding-right: 50px;
}
.work-img {
    width: 40%;
    position: absolute;
    right: 0;
}
.work-img img {
    max-width: 100%;
}

/* Filter accordian css */
.filtr-wrap li .list-head {
    padding: 10px 0;
    position: relative;
    display: flex;
    font-size: 22px;
    margin: 0;
    line-height: 1.5;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    color: #000;
}
.filtr-wrap>ul>li .filtr-content p {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin: 0 0 40px 0;
}
.filtr-arrow {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    position: relative;
    margin: 0;
}
.filtr-arrow span {
    top: 0.3rem;
    position: absolute;
    width: 0.63rem;
    height: 0.1rem;
    background-color: #333;
    display: inline-block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.filtr-arrow span:first-of-type {
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.filtr-arrow span:last-of-type {
    right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.active .filtr-arrow span:last-of-type {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.active .filtr-arrow span:first-of-type {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.filtr-wrap>ul>li:last-child .list-head {
    padding-bottom: 0
}
.filtr-wrap>ul>li:last-child .list-head+.filtr-content {
    margin: 30px 0 0
}
/* Filter accordian css */
.trending-openings {
    position: relative;
    width: calc(100% - 260px);
    padding: 0 0 0 60px;
}
.trending-wrapper .container {
    display: flex;
    justify-content: space-between;
}
.trending-wrapper {
    background: #FBFBFB;
    padding: 5rem 0;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.filter-wrapper {
    width: 280px;
    position: relative;
    margin-bottom: 100px;
    padding-bottom: 50px;
    top: 180px;
}
.filter-by {
    position: sticky;
    top: 100px;
    left: 50px;
}
.filter-by>span {
    color: #1473E6;
    font: 24px/1.05 'proxima_nova_altsemibold';
    display: block;
    padding-bottom: 30px;
}
.filtr-wrap>li {
    border-top: 1px solid #BEBEBE;
    padding: 12px 0;
}
.filtr-content li {
    padding: 5px 0;
}
.filtr-content li label {
    margin-left: 15px;
    margin-bottom: 0;
    color: #6D6C6C;
    font-size: 15px;
}
.slimScrollBar {
    opacity: 1 !important;
}
.filtr-content {
    padding-right: 5px;
}
.position_list>li {
    border-bottom: 1px solid #e6e6e6;
}
.position_list li a {
    padding: 20px 25px 20px;
    display: flex;
    margin: 20px 0;
    position: relative;
}
.position_list li a:hover {
    background: #fff;
}
.pos-name {
    font: 18px/1.9 proxima_nova_alt_rgregular;
    color: #000;
    width: 65%;
    display: inline-block;
}
.position_list li .location {
    color: #000;
    font: 18px/1.9 proxima_nova_alt_rgregular;
    display: inline-block;
    width: 40%;
}
.position_list li .location figure {
    padding-left: 15px;
    display: inline-block;
}
.hover-arrow {
    position: relative;
    right: 50px;
}
.position_list li a:hover svg {
    opacity: 1;
}
.hover-arrow svg {
    opacity: 0;
    position: relative;
    top: 50%;
    margin-left: 0;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #000;
    stroke-width: 2;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translate(-50%, -50%);
}
.search-box {
    background: #fff;
    margin: 60px 0 0;
    padding: 15px 20px;
    position: relative;
}
.search-box input {
    padding: 10px;
    font-size: 18px;
}
.submit-btn {
    background: url(searchicon.png)no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 30px;
    background-size: 30px;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
}
.results {
    color: #6D6C6C;
    padding: 30px 0 0;
    font: 18px/1.9 proxima_nova_alt_rgregular;
}
.pagination-wrapper {
    padding: 100px 0 0;
}
.page-link {
    border: none !important;
    background: transparent !important;
    color: #6D6C6C !important;
    font-size: 18px !important;
}
.pagination li:nth-child(1) {
    margin-right: 60px;
}
.pagination li:last-child {
    margin-left: 60px;
}
.page-item.disabled .page-link {
    color: #6c757d !important;
}
.page-link:hover {
    background: transparent;
}
.page-link:focus,.page-link:active {
    border:none;
    box-shadow: none;    
}
.page-item.disabled .page-link {
    background: transparent;
}
.pagination.justify-content-end {
    margin: 0 auto;
}
.our-core-values {
    margin: 5rem 0 0;
}
#lg-download-1 {
    display: none!important;
}
.gallery-container {
    height: 100% !important;
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(auto-fit, minmax(12.5%, 1fr));
    /* grid-auto-rows: 340px; */
    grid-auto-flow: dense;
    background: #ccc;
}
/* .gallery-container .big {
    grid-column: span 4;
    grid-row: span 4;
} */
.gallery-container .small {
    grid-column: span 2;
}
.gallery-container .tall {
    grid-row: span 2;
}
.gallery-container .wide {
    grid-column: span 4;
}
/* .gallery-container .gallery-item.half {
    width: 50% !important;
    justify-content: flex-start;
    margin: 0;
}
.gallery-item.half.jg-entry.jg-entry-visible+.half {
    margin-left: -50%;
} */


.gallery-item {
    overflow: hidden;
  }
  .img-responsive {
    margin: 0!important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    cursor: pointer;
    transition: 0.3s;
    transform: scale(1);
}
.img-responsive:hover { 
    transform: scale(1.1);
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #0092FF !important;
}
.lg-toolbar .lg-icon {
    margin-top: 70px;
}
/* .lg-counter {
    display: none;
} */
  .gallery-container a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    height: 100% !important;
}
  .gallery__link {
    margin: 2px;
    overflow: hidden;
  }


  .gallery__thumb {
    position: relative;
  }
  .gallery__image {
    display: block;
    width: 100%;
    transition: 0.3s;
  }
  .apply-btn button {
    padding: 16px 36px;
    margin-top: 20px;
    position: relative;
    display: block;
    color: #fff;
    cursor: pointer;
    background: #1473E6;
    font:18px proxima_nova_altsemibold;
    border-radius: 5px;
}
.apply-btn button:hover {
    background: #0f67d3;
}

  
  

/* Newsletter css*/
.newsletter_wrapper {
    background: #FC7754;
    padding: 40px 0px 35px;
    margin:100px 0 0;
}
.newsletter_wrapper .type_text {
    background: transparent;
    font-size: 16px;
    padding: 15px 0 5px;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #fff;
}
.newsletter_wrapper .heading4 {
    color: #fff;
    font-size: 26px;
    font-family: proxima_nova_altbold;
    margin: 0 0 10px 0;
}
.subsciption-form {
    width: 600px;
    margin: 0 auto;
}
.flex-btn {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-left: 50%;
    width: 90%;
}
.flex-btn button {
    width: 100%;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-family: 'proxima_nova_altsemibold';
    border-radius: 5px;
    cursor: pointer;
    margin-top: 20px;
    padding: 12px 0;
}
.subsciption-form {
    width: 750px;
    margin: 0 auto;
    position: relative;
}
.newsletter-img {
    position: absolute;
    left: 0;
    top: -90px;
}
.newsletter-img img {
    width: 271px;
}
.newsletter_wrapper .type_text::-webkit-input-placeholder { 
    color: #febfae;
}
.newsletter_wrapper .type_text::-moz-placeholder { 
    color: #febfae;
}
.newsletter_wrapper .type_text:-ms-input-placeholder { 
    color: #febfae;
}
.newsletter_wrapper .type_text:-moz-placeholder { 
    color: #febfae;
}
/* Newsletter css ends*/



.reviews-wrap {
    display: flex;
}
.owl-carousel .glassdoor-quote img {
    width: auto!important;
    height: auto;
    margin: 25px;
}
.owl-carousel .reviews-wrap>figure img {
    width: 100%;
    height: auto;
}
.reviews-wrap>figure {
    width: 45%;
}
.glassdoor-quote {
    width: 52%;
    background: #F6F6F6;
    margin-left: 3%;
    padding-bottom: 50px;
}
.review-text {
    font: 24px/1.3 proxima_nova_altsemibold;
    margin: 35px 10px 30px;
    border-top: 1px solid #c1c1c1;
    padding: 25px 12px;
}
.who-said {
    font: 24px/1.2 'proxima_nova_altsemibold';
    color: #6D6C6C;
    padding: 0px 35px;
}
.glasdoor-reviews .owl-theme .owl-nav [class*=owl-] {
    background: #fff;
    padding: 4px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    box-shadow: 0px 8px 14px -10px rgb(0 0 0 / 55%);
    outline: none;
    position: relative;
    top: 0;
}

.glasdoor-reviews svg, .glasdoor-reviews .cta-text svg {
    position: absolute;
    top: 50%;
    margin-left: 0;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #6A6767;
    stroke-width: 2;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translate(-50%, -50%);
}
.glasdoor-reviews .owl-nav {
    width: 52%;
    position: absolute;
    right: 0;
    height: 45px;
    bottom: 0px;
    background: #fff;
    display: flex;
    justify-content: flex-end;
    padding: 10px 0 20px 20px;
}
.glasdoor-reviews .owl-theme .owl-nav [class*=owl-]:hover {
    background: #fff;
    color: #0092FF;
    text-decoration: none;
}
.glasdoor-reviews .owl-carousel .owl-nav [class*=owl-]:hover svg {
    stroke: #0092FF;
}
.glasdoor-reviews .owl-carousel .owl-prev svg {
        transform: rotate(180deg) translate(50%, 50%);
        -webkit-transform: rotate(180deg) translate(50%, 50%);
}
.glasdoor-reviews .owl-carousel .owl-next:hover svg {
    margin-left: 5px;
}
.glasdoor-reviews .owl-carousel .owl-prev:hover svg {
    margin-left: -5px;
}
.job-descirption-wrap {
    padding: 4rem 0;
}
.flex-between {
    display: flex;
    justify-content: space-between;
}
.flex-between .apply-btn button {
    margin-top: 0;
}
.job-pos div {
    font-size: 22px;
    padding: 0 0 10px 0;
}
.job-pos span {
    font-size: 18px;
    color: #6D6C6C;
}
.job-descirption-wrap h3 {
    color: #1473E6;
    font-size: 26px;
    margin-top:30px;
}
.job-desc-inner {
    padding: 40px 0;
}
.job-detail ul {
    padding-left: 25px;
}
.job-detail .heading5 {
    margin: 25px 0 15px;
}
.job-detail li {
    font: 18px/1.2 proxima_nova_alt_rgregular;
    color: #6D6C6C;
    padding: 5px 0;
    position: relative;
}
.job-detail li:before {
    position: absolute;
    content: "";
    background: #555;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: -18px;
    top: 12px;
}
.job-desc-inner h5 {
    margin: 30px 0 15px;
}
.job-desc-inner .apply-btn {
    margin: 40px 25px;
}
.we_are_wrapper .career-btn {
    margin: 55px 0 0;
    display: table;
    position: relative;
}
.career-btn a {
    position: relative;
    display: block;
    color: #fff;
    cursor: pointer;
    background: #0092ff;
    padding: 22.5px 40px;
    font: 18px proxima_nova_altsemibold;
    border-radius: 5px;
    white-space: nowrap;
}

.job-popup-wrapper {
    background: #fff;
    padding: 4rem;
    position: relative;
}
.job-popuinner {
    text-align: center;
    margin-bottom: 5rem;
}
.job-popuinner span {
    font: 16px/1 'proxima_nova_altsemibold';
    display: block;
    text-transform: uppercase;
}
.pop-head {
    font: 24px/1 'proxima_nova_altsemibold';
    color: #1473E6;
    padding: 10px;
}
.row-wrap {
    position: relative;
    margin-bottom: 18px;
  }
  .row-wrap input {
    width: 100%;
    padding: 15px 12px 5px;
    font-size: 16px;
    color: #000;
    border: none;
    border-bottom: 1px solid #cecece;
    outline: none;
    background: transparent;
}
  .row-wrap label {
    position: absolute;
    top:0;
    left: 0;
    padding: 10px 10px 5px;
    font-size: 16px;
    color: #888888;
    pointer-events: none;
    transition: .5s;
  }
  .row-wrap label span {
    color: #FF2A4D;
    font-size: 20px;
    position: absolute;
    top: 6px;
    right: 0;
}
.row-wrap input:focus ~ label,.row-wrap.active input ~ label{
    top: -14px;
    left: 0;
    font-size: 13px;
}
.add_cover_img {
    position: relative;
}
.add_cover_img .upload_btn_panel {
    margin: 30px auto;
    width: 90%;
}
.add_cover_img .upload_btn_panel button {
    background-color: #F2F2F2;
    color: #7A7A7A;
    text-transform: capitalize;
    height: 130px;
    width: 100%;
}
.add_cover_img .upload_btn_panel button span {
    color: #000;
    font-size: 26px;
    line-height: 1;
    padding: 0 0 10px 0;
    display: block;
}
.add_cover_img .upload_btn_panel input[type=file] {
    position: absolute;
    left: 50%;
    height: 130px;
    cursor: pointer;
    font-size: 0;
    width: 90%;
    opacity: 0;
    top: 0;
    margin-left: -45%;
}
.add_cover_img .upload_btn_panel button span img {
    width: 24px;
}
.row-wrap select {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    color: #888888;
}
.check-wrap {
    display: flex;
    padding: 20px 0;
}
.check-wrap label {
    margin: -6px 0 0 12px;
    color: #888888;
    font-size: 16px;
}
.row-wrap p {
    font-size: 18px;
    line-height: 1.3;
}
.row-wrap .apply-btn {
    margin-top: 50px;
}

.our-core-values .dflex {
    padding: 2rem 0 3rem;
}
    /* career */

    /* .overlay {
        display: none;
    } */


    .job-popup-wrapper {
        display:none;
    }

    #pagination .page-numbers {
        border: none !important;
        background: transparent !important;
        color: #6D6C6C !important;
        font-size: 18px !important;
        padding: 5px;
    }

    

    #pagination .page-numbers:hover, #pagination .page-numbers.current {
        color:#a2a0a0;
    }

    .error-cls{display:block; color:red; padding:5px 0; margin :0}
  
    .success-cls {display:block; color:greenyellow; padding:5px 0; margin :0}

    .modal-dialog {
        max-width:800px!important;
        margin: 1.75rem auto !important;
    }

    .modal-dialog .modal-content {
        background:#ffffff;
        padding: 20px;
        margin-top: 50px;
    }

    .form-overlay{
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        background: rgba(255,255,255,0.8) url("site-loader.gif") center no-repeat;
    }

    .imgmob {
        display: none;
    }

    .tab-wrapper {
        display: none;
    }

    .fade.show {
        opacity: 1 !important;
    }
    .modal-backdrop.show {
        opacity: .5 !important;
    }
    .modal.fade .modal-dialog {
        transform: none !important;
    }
    
    @media(max-width:1800px) {
        .gallery-container {
            grid-auto-rows: 300px;
        }
        .who {
            left: -370px;
            top: -80px;
            font-size: 320px
        }
        .what {
            position: absolute;
            right: -300px;
            bottom: -40px;
        }
        .history {
            right: -300px;
        }
        .p-left .para {
            font-size: 20px;
        }
    }


    @media(max-width:1600px) {
    
    .what {
        right: -170px;
        bottom: -20px;
        font-size: 280px;
    }
    .history {
        font: 230px/1 proxima_nova_altbold;
    }
   .heading1.career {
        font-size: 75px;
    }
}


    
    @media(max-width:1500px) {
        .team_desc .heading5 {
            font-size: 20px;
        }
        .team_designation {
            font-size: 12px;
        }
        .work-text .heading5 {
            font-size: 20px;
            margin: 30px 0 35px;
        }
        .filtr-wrap li .list-head {
            font-size: 20px;
        }
        .filter-by>span {
            font-size: 22px
        }
        .review-text {
            font-size: 20px;
        }
        .who-said {
            font-size: 24px;
        }
        .gallery-container {
            grid-auto-rows: 220px;
        }
        .job-pos span {
            font-size: 16px;
         }
         .job-desc-inner h3 {
            font-size: 24px;
        }
        .job-detail li {
            font-size: 16px
        }
        .apply-btn button {
            font-size: 16px;
        }
        .val-head {
            font-size: 22px;
        }
        .stats-head {
            font-size: 16px;
        }
        .p-left .para,.p-left span {
            font-size: 18px;
        }
        .history {
            font: 230px/1 proxima_nova_altbold;
            right: -153px;
        }
        
    }
    
    @media(max-width: 1400px) {
        .subcontent {
            font-size: 18px;           
        }
        .who {
            font-size: 280px;
            left: -180px;
        }
        .value-grid {
            padding: 0 50px;
        }
        .flipper .para {
            font-size: 18px;
        }
        .digits span {
            font-size: 60px;
        }
        .join-app .heading5 {
            font-size: 20px;
        }
        .flipper,.front, .back {
            height: 180px;
        }
        .what {
            right: -100px;
            font: 250px/1 proxima_nova_altbold;
            bottom: -50px;
        }
    }
    
    @media screen and (max-width:767px) {
        .careerr-banner-content {
            transform: none;
            left: 15px !important;
            bottom: 90px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            top: auto;
        }
        .banner-slider .owl-nav {
            bottom: 8px;
            width: 180px;
            position: absolute;
            left: 50%;
            height: 35px;
        }
        .we_are_wrapper {
            padding-left: 0;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .careerr-banner-content .heading1 {
            font-size: 30px;
            margin-bottom: 20px;
        }
        .banner-slider .owl-carousel.owl-theme .owl-nav [class*=owl-] {
            opacity: 0.8;
            width: 55px;
            height: 25px;
        }
        .careerr-banner-content .heading1 span {
            padding: 0;
        }
        .lg-text {
            font-size: 36px;
        }
        .tab-wrapper {
            padding: 35px 0;
            width: 100%;
        }
        .tab-wrapper ul li span {
            font-size: 16px;
            padding: 0;
         }
         .d_flex,.flex-panel {
            flex-direction: column;
         }
         .d_services_head,.d_services_content,.p-left,.p-right,.tab-slider-body,.join-image-grid,.reviews-wrap>figure,.trending-openings,.filter-wrapper,.pos-name,.position_list li .location,.flex-btn,.newsletter_wrapper .type_text {
            width: 100%;
         }
         .d_services_content {
            padding-top: 20px;
        }
        .who {
            font-size: 210px;
        }
        .d_services_wrap {
            padding: 2rem 0;
        }
        .subcontent,.p-left .para {
            font-size: 16px;
        }
        .heading2 {
            font-size: 32px;
        }
        .p-left {
            padding: 30px 0 10px;
        }
        .p-left span {
            font-size: 18px;
        }
        .p-right figure {
            padding: 0px 16px 0 0px;
        }
        .p-right figure:after {
            right: 0;
            bottom: -20px;
            width: 65px;
            height: 70px;
         }
         .p-right figure:before {
            right: 0px;
            bottom: 70px;
            width: 10px;
            height: 10px;
         }
         .our_history {
             padding: 3rem 0;
             position: relative;
         }
         
         .tab-inner-tab ul {
             width: 100%;
             margin: 90px auto 0;
         }
         .tab-inner-tab span {
             padding: 10px;
             font-size: 14px;
         }
         .tab-inner-tab .ai-logo {
            height: 40px;
            width: 40px;
            background-size: 20px;
            top: -40px;
            left: 50%;
            margin-left: -20px;
         }
         .tab-inner-tab ul::after {
            width: 96%;
            left: 2%;
        }
        .its-best {
            width: 50%;
            padding: 15px 0;
            margin: 10px 0;
        }
        .icon-head-wrap {
            padding:0;
        }
        .icon-head-wrap figure {
            width: 40px;
        }
        .icon-head-wrap figure img {
            max-width: 100%;
        }
        .icon-head-wrap span {
            width: 60%;
            font-size: 13px;
            line-height: 1.4;
        }
        .icon-head-wrap span br {
            display: none;
        }
        .dflex .its-best:not(:nth-child(3n + 4))::before {
            content: none;
        }
        .work-life {
            padding: 4rem 0 0;
        }
        .work-life .dflex {
            padding: 2rem 0 0;
        }
        .work-life .heading2 span {
            font-size: 42px;
            position: absolute;
            bottom: -2px;
            margin: 0px 0 0 6px;
        }
        .gallery-container {
            grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
            grid-auto-rows: 160px;
        }
        .lg-toolbar .lg-icon {
            margin-top: 90px;
        }
         .value-grid .para {
            font-size: 15px
         }
         .value-grid {
            padding: 0 0 30px;
            width: 100%;
        }
        .our-core-values .dflex {
            padding: 0;
        }
        .val-head {
            font-size: 18px;
        }
        .flip-logo-wrap {
            width: calc(50% - 10px);
            margin: 0 5px;
        }
        .flipper, .front, .back {
            height: 130px;
        }
        .boa-sprite {
            transform: scale(.9) !important;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -ms-transform: translateZ(0);
        }
        .flipper .para {
            font-size: 14px;
            line-height: 1.2;
            padding: 0 5px;
        } 
        .states_panel .digits:nth-child(2) {
            padding: 25px 0;
            margin: 35px 0;
        }
        .digits span {
            font-size: 45px;
        }
        .digits {
            width: 80%;
        }
        .stats-head {
            font-size: 14px;
            padding-top: 10px;
            line-height: 1.3;
        }
        .digits {
            text-align: center;
        }
        .states_panel .digits:nth-child(2):before {
            left: 0;
        }
        .states_panel,.reviews-wrap,.why-work-wrap,.position_list li a,.flex-between,.flex-btn {
            flex-direction: column;
        }
        .states_panel .digits:nth-child(2):before, .states_panel .digits:nth-child(2):after {
            width: 100%;
            height: 1px;
            top: 0;
        }
        .states_panel .digits:nth-child(2):after {
            right: 0;
            width: 100%;
            bottom: 0;
            top: auto;
        }
        .accelerate-your-career {
            padding: 50px 0px;
            margin-top: -150px;
         }
         .states_panel {
            padding-bottom: 0;
         }
         .our-achi-wrap {
            padding: 4rem 0 6rem;
        }
        .join-app .heading5 {
            font-size: 16px;
        }
        .join-image-grid {
            margin-top: 40px;
        }
        .join-appinventiv-full {
            width: 100%;
        }        
        .heading5 br {
            display: none;
        }
        .join-appinventiv {
            margin: 4rem 0;
        }
        .team_image {
            width: calc(100% / 2 - 10px);
            margin: 5px;
        }
        .team_desc .heading5 {
            font-size: 16px;
        }
        .team_designation {
            font-size: 11px;
            padding: 2px 0;
        }
        .flex_wrapper.space_between {
            padding: 0;
        }
        .glassdoor-quote {
            width: 100%;
            margin-left: 0;
        }
        .owl-carousel .glassdoor-quote img {
            width: 100%!important;
            margin: 15px;
            backface-visibility: hidden;
        }
        .review-text {
            font-size: 16px;
            margin: 15px 10px 0;
            padding: 15px 5px;
        }
        .who-said {
            font-size: 16px;
            padding: 0px 15px;
        }
        .glasdoor-reviews .owl-nav {
            width: 100%;
            position: absolute;
            right: 0;
            top: 50%;
            background: none;
            display: flex;
            justify-content: flex-end;
            padding: 0;
        }
        .glassdoor-quote {
            padding: 0px 0 30px;
        }
        .glassdoor-quote figure {
            width: 140px;
            margin-left: 15px;
        }
        .owl-prev {
            left: 0;
        }
        .glasdoor-reviews .owl-theme .owl-nav [class*=owl-] {
            position: absolute;
        }
        .glassdoor-quote {
            padding: 10px 0 20px;
        }
        .work-text {
            width: 100%;
            margin: 0px 0 20px;
            padding-right: 0;
        }
        .work-text .heading5 {
            font-size: 16px;
            margin: 30px 0 15px;
        }
        .work-img {
            width: 100%;
            position: relative;
        }
        .trending-wrapper {
            flex-direction: column;
            padding: 50px 20px;
        }
        .trending-openings {
            padding: 0;
        }
        .filter-by {
            position: relative;
            top: 0;
            left: 0;
        }
        .filter-by>span {
            font-size: 20px;
        }
        .filtr-wrap li .list-head {
            font-size: 18px;
        }
        .filtr-content li label {
            margin-left: 10px;
            font-size: 14px;
        }
        .trending-openings {
            padding: 0;
        }
        .search-box {
            margin: 30px 0 0;
            padding: 15px;
         }
         .search-box input {
            padding: 0;
            font-size: 16px;
        }
        .submit-btn {
            width: 20px;
            height: 20px;
            right: 10px;
            background-size: 18px;
        }
        .filter-wrapper {
            position: relative;
            margin-left: 0;
            margin-bottom: 30px;
            top: 0;
        }
        .results {
            padding: 20px 0 0;
            font-size: 14px
        }
        .position_list li a {
            padding: 15px;
            margin: 10px 0;
        }
        .pos-name {
            padding-right: 50px;
            font-size: 16px;
            line-height: 1.2;
        }
        .position_list li .location {
            font-size: 14px;
            padding-top: 10px;
        }
        .hover-arrow {
            position: absolute;
            right: 30px;
            top: 20px;
        }
        .pagination-wrapper {
            padding: 20px 0 0;
        }
        .pagination li:nth-child(1),.pagination li:last-child {
            margin: 0;
        }
        .page-link {
            font-size: 14px !important;
        }
        .flex-between .apply-btn button {
            margin-top: 20px;
        }
        .job-desc-inner h3 {
            font-size: 22px;
        }
        .job-detail .heading5 {
            margin: 20px 0 15px;
            font-size: 16px;
        }
        .job-detail li {
            font-size: 14px;
        }
        .job-detail ul {
            padding-left: 20px;
        }
        .job-desc-inner {
            padding: 40px 0 0;
        }
        .job-descirption-wrap {
            padding: 4rem 0 0;
        }
        .newsletter_wrapper {
            padding: 45px 25px 50px;
            border-radius: 0;
            margin: 60px 0 0;    
        }
        .newsletter_wrapper .heading4 {
            font-size: 22px;
        }
        .newsletter_wrapper .heading5 {
            color: #fff;
            font-size: 14px;
        }
        .flex-btn button {
            width: 100%;
            font-size: 16px;
            padding: 15px 10px;
            margin-top: 10px;
            margin-left: 0;
        }
        .p-right figure span {
            width: 100px;
            bottom: -9px;
            right: 85px;
        }
        .we_are_wrapper .career-btn {
            margin: 25px 0 0;
        }
        .career-btn a {
            padding: 18px 25px;
            font-size: 14px
        }
        .job-popup-wrapper {
            padding: 3rem 15px;
        }
        .pop-head {
            font-size: 20px;
        }
        .what,.history {
            display: none;
        }
        .img-wrap {
            width: calc(50% - 5px);
        }
        .img-wrap+.img-wrap {
            margin-left: 5px;
        }
        .trending-wrapper .container {
            flex-direction: column;
            padding: 0;
        }
        .our-achi-wrap .dflex,.work-life .dflex {
            display: flex !important;
        }
        .join-app-wrap, .display-flex-wrap {
            flex-wrap: wrap;
        }
        .join-app {
            padding-right: 0;
         }
         .reviews-wrap>figure {
             margin: 0;
         }
         .filtr-arrow {
            width: .8rem;
            height: .8rem;
        }
        .filtr-arrow span {
            width: 0.50rem;
         }

        /* header footer css */
        .foot-top-col {
            max-width: 100%;
        }
        .breadcrumb-item + .breadcrumb-item::before {
            top: 2px;
        }
        ol.breadcrumb li.active {
            max-width: 160px;
            overflow: hidden;
            display: inline-block;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
        .back_home svg {
            width: 100%;
        }
        .back_home {
            padding: 0 8px 0 0;
            width: 25px;
        }
        .mobile-menu {
            display: block;
            display: -webkit-flex;
            transition-timing-function: ease-in-out;
            transition: 0.4s;
            -webkit-transition: 0.4s;
            position: relative;
        }
        .header-container .container {
            display: none;
        }
        #mob-header {
            background: #fff;
            width: 100%;
            height: 90px;
        }
        .header-container {
            position: fixed;
            background: #fff;
            width: 100%;
            top: 0;
            left: 0;
            right: 0;
            z-index: 99999;
            padding: 0;
            height: 90px;
            transition-timing-function: ease-in-out;
            transition: 0.4s;
            -webkit-transition: 0.4s;
        }
        #mobile-menu {
            background: #fff;
            height: 100%;
            right: -300px;
            /* opacity: 0; */
            overflow: scroll;
            position: fixed;
            top: 88px;
            transition: all 0.3s cubic-bezier(0,0,.21,1);
            visibility: hidden;
            width: 300px;
            z-index: 1100;
            -webkit-transition: all 0.3s cubic-bezier(0,0,.21,1);
            -moz-transition: all 0.3s cubic-bezier(0,0,.21,1);
            -ms-transition: all 0.3s cubic-bezier(0,0,.21,1);
            -o-transition: all 0.3s cubic-bezier(0,0,.21,1);
        }
        #mobile-menu.open {
            /* opacity: 1; */
            visibility: visible;
            right: 0;
        }
        #mobile-menu.open > ul > li:nth-child(1) {
            -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
        }
        #mobile-menu.open > ul > li:nth-child(2) {
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }
        #mobile-menu.open > ul > li:nth-child(3) {
            -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
        }
        #mobile-menu.open > ul > li:nth-child(4) {
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }
        #mobile-menu.open > ul > li:nth-child(5) {
            -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
        }
        #mobile-menu.open > ul > li:nth-child(6) {
            -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
        }
        #mobile-menu.open > ul > li:nth-child(7) {
            -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s;
        }
        #mobile-menu.open > ul > li:nth-child(8) {
            -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
        }
        #mobile-menu.open > ul > li:nth-child(9) {
            -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s;
        }
        #mobile-menu.open > ul > li:nth-child(10) {
            -webkit-animation-delay: 1s;
            animation-delay: 1s;
        }
        #mobile-menu.open ul > li {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
        }
        #mobile-menu .inside_list ul li {
            animation: none;
            -webkit-animation: none;
        }
        #mobile-menu > ul > li > a {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            transition: opacity 0.3s ease-in-out;
            -webkit-transition: opacity 0.3s ease-in-out;
            -moz-transition: opacity 0.3s ease-in-out;
            -ms-transition: opacity 0.3s ease-in-out;
            -o-transition: opacity 0.3s ease-in-out;
        }
        #mobile-menu.open ul > li .inside_list li {
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
        }
        #mobile-menu .main-nav {
            position: relative;
            top: 0;
            height: 100%;
            transform: none;
            overflow: scroll;
        }
        #mobile-menu .main-nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .main-nav .lg_size a {
            color: #333;
            display: block;
            font-size: 30px;
            font-family: proxima_nova_alt_rgregular;
            text-decoration: none;
            text-transform: capitalize;
        }
        .main-nav .lg_size .inside_list a {
            color: #000;
            display: block;
            font-size: 18px;
            font-family: proxima_nova_alt_rgregular;
            padding: 8px 25px;
            text-decoration: none;
            text-transform: capitalize;
        }
        .toggle-menu {
            background-color: transparent;
            border: none;
            cursor: pointer;
            display: inline-block;
            height: 30px;
            outline: 0 !important;
            padding: 0;
            pointer-events: initial;
            position: relative;
            vertical-align: middle;
            width: 30px;
            z-index: 1110;
        }
        .toggle-menu span {
            background-color: #000;
            content: "";
            display: block;
            height: 2px;
            left: calc(50% - 13px);
            position: absolute;
            top: calc(50% - 1px);
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, -webkit-transform 0.2s linear;
            transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
            transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear, -webkit-transform 0.2s linear;
            width: 26px;
            -webkit-transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear, -webkit-transform 0.2s linear;
            -moz-transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear, -webkit-transform 0.2s linear;
            -ms-transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear, -webkit-transform 0.2s linear;
            -o-transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear, -webkit-transform 0.2s linear;
        }
        .toggle-menu span:after,
        .toggle-menu span:before {
            background-color: #000;
            content: "";
            display: block;
            height: 2px;
            position: absolute;
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, -webkit-transform 0.2s linear;
            transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
            transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear, -webkit-transform 0.2s linear;
            width: 26px;
        }
        .toggle-menu span:before {
            top: 7px;
        }
        .toggle-menu span:after {
            top: -7px;
        }
        .toggle-menu.active span {
            background-color: transparent;
            transition: background 0.2s ease-out;
            -webkit-transition: background 0.2s ease-out;
            -moz-transition: background 0.2s ease-out;
            -ms-transition: background 0.2s ease-out;
            -o-transition: background 0.2s ease-out;
        }
        .toggle-menu.active span:after,
        .toggle-menu.active span:before {
            transition: top 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
            transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;
            transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
        }
        .toggle-menu.active span:before {
            top: 0;
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
        }
        .toggle-menu.active span:after {
            top: 0;
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            -moz-transform: rotate3d(0, 0, 1, 45deg);
            -ms-transform: rotate3d(0, 0, 1, 45deg);
            -o-transform: rotate3d(0, 0, 1, 45deg);
        }
        .wrapper {
            position: relative;
            margin: 90px 0 0;
        }
        .mobile-logo {
            width: 175px;
            position: absolute;
            top: 25px;
            left: 15px;
            z-index: 99999;
        }
        .mobile-logo img,
        .mobile-logo svg {
            width: 100%;
        }
        .mobile-nav {
            position: absolute;
            top: 30px;
            right: 25px;
        }
        .mobile-logo a {
            display: block;
        }
        .inside_list {
            display: none;
            padding: 0 0 0 20px;
        }
        .inside_list.active {
            display: block;
        }
        .abt-list {
            padding: 0 0 0 30px;
        }
        .main-nav .lg_size .inside_list .abt-list a {
            color: grey;
            font-size: 16px;
        }
        .main-nav > ul > li > a {
            font-family: proxima_nova_alt_rgregular;
            font-size: 18px;
            color: #333;
            padding: 8px 25px;
            display: block;
        }
        .request_p {
            padding: 12px 25px;
        }
        .yellow_bg {
            height: 40px;
            top: 0;
        }
        .avr_service {
            margin: 30px 0;
        }
        .appi-cta .arrow,
        .appi-cta:hover .arrow {
            display: none;
        }
        .appi-cta.read_more_wrapper .arrow,
        .appi-cta.read_more_wrapper:hover .arrow {
            display: inline-block;
        }
        .appi-cta a .arrow i,
        .appi-cta button .arrow i {
            position: relative;
            top: 0;
        }
        .appi-cta.read_more_wrapper a {
            font-size: 16px;
            display: block;
            white-space: normal;
        }
        .appi-cta a,
        .appi-cta a:hover,
        .appi-cta button,
        .appi-cta button:hover {
            padding: 20px 30px;
        }
        .breadcrumb-item + .breadcrumb-item::before {
            padding-right: 5px;
            padding-left: 5px;
        }
        .cont_form_wrapper .left_sec {
            display: none;
        }
        .right_sec {
            margin: 0;
            width: 100%;
        }
        .contact-grid {
            width: 100%;
            padding: 15px 15px 15px 25px;
        }
        .contact-grid > label {
            left: 25px;
        }
        .appi-cta button,
        .appi-cta button:hover {
            padding: 20px 25px;
        }
        .contact-form-wrapper .appi-cta button .arrow {
            display: none;
        }
        .min-container,
        .small-container {
            width: 100%;
            padding: 60px 20px;
        }
        .agreementWrap {
            padding: 15px 0 60px 0;
        }
        .heading2 {
            font-size: 36px;
        }
        .footer-top .flex_wrapper.space_between {
            width: 100%;
        }
        .footer-top > .flex_wrapper {
            display: block;
        }
        .footer-top .foot-top-col {
            width: 140px;
            padding: 20px 0;
        }
        .app-foot-logo {
            width: 200px;
        }
        .app-foot-logo svg {
            width: 100%;
        }
        .footer-top {
            padding: 0 0 30px;
        }
        .footer-btm .flex_wrapper.space_between {
            width: 100%;
            display: block;
        }
        .foot-top-col {
            width: 100%;
            padding: 5px 30px;
            position: relative;
        }
        .foot-col-head {
            display: inline-block;
        }
        .closed {
            position: absolute;
            left: 0;
            top: 14px;
        }
        .closed:after,
        .closed:before {
            position: absolute;
            content: "";
            background: #0092ff;
        }
        .closed:after {
            height: 14px;
            width: 2px;
            left: 6px;
            top: -6px;
            opacity: 1;
        }
        .closed:before {
            width: 14px;
            height: 2px;
        }
        .active .closed:after {
            opacity: 0;
        }
        .statutory-nav {
            padding: 30px 0;
        }
        .statutory-mwrapper {
            width: 100%;
        }
        .contact-grid-left-sec .contact-grid:nth-child(2) {
            border-left: 1px solid #e6e6e6;
        }
        .contact-grid,
        .contact-grid.full-grid {
            border-top: 1px solid #e6e6e6;
        }
        .small-container {
            width: 100%;
            padding: 30px 15px;
        }
        .we_are_wrapper {
            padding: 0;
        }
        .measuring_factors_wrap {
            display: none;
        }
        .jumping_container .small-container.first_small_container,
        .small-container,
        .top-container {
            padding: 30px 15px;
            width: 100%;
        }
        .heading1 {
            font-size: 48px;
            line-height: 1.1;
        }
        .breadcrumb-item a {
            font-size: 14px;
        }
        .heading5 {
            font-size: 18px;
            margin: 14px 0 30px;
            line-height: 1.6;
        }
        .heading2 {
            font-size: 36px;
        }
        .para {
            font-size: 16px;
            line-height: 2;
            margin: 20px 0;
        }
        .para_container {
            width: 100%;
        }
        .achievement_wrapper .flex_wrapper,
        .infographic_wrapper {
            flex-wrap: wrap;
        }
        .flex_wrapper .para_container + .para_container {
            margin-left: 0;
        }
        .we_are_wrapper .appi-cta {
            margin: 30px 0 0;
        }
        .left_icon_wrapper {
            padding-right: 35px;
        }
        .right_text_wrapper .heading3 {
            font-size: 22px;
            margin-top: 0;
        }
        .heading6 {
            font-size: 16px;
        }
        .no_heading .heading2 {
            padding-bottom: 40px;
        }
        .heading4 {
            font-size: 22px;
        }
        .we_are_wrapper {
            padding: 0;
        }
        .error {
            padding-right: 0;
        }
        .heading1 span {
            padding: 0 5px;
        }
        .yellow_bg {
            min-width: 130px;
        }
        .left_icon_wrapper figure,
        bullet-icon figure {
            width: 40px;
            height: 40px;
        }
        .back_home {
            display: none;
        }
        .heading1 {
            font-size: 44px;
            line-height: 1.2;
        }
        .heading5 {
            color: #000;
            font-size: 18px;
            line-height: 1.5;
            margin: 20px 0 30px;
        }
        .we_are_wrapper .appi-cta {
            margin: 0;
        }
        br {
            display: none;
        }
        .col6 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 40%;
            flex: 0 0 40%;
            max-width: 40%;
        }
        .captcha_col .col6:first-child {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 60%;
            flex: 0 0 60%;
            max-width: 60%;
        }
        .app-foot-logo {
            width: 175px;
        }
        .app-foot-logo img {
            width: 100%;
        }
        .footer_wrapper {
            padding: 20px;
        }
        .footer-top .flex_wrapper {
            margin: 0;
        }
        .footer-top {
            padding: 0 0 10px 0;
        }
        .foot-top-col:last-child .foot-col-head {
            padding-bottom: 0;
        }
        .footer-mid {
            padding: 30px 0;
        }
        .appi-cta.read_more_wrapper .arrow i,
        .appi-cta.read_more_wrapper a .arrow i span,
        .appi-cta.read_more_wrapper a .arrow svg {
            top: 0 !important;
        }
        .appi-cta.read_more_wrapper .arrow {
            top: 3px;
            display: inline-block;
            right: 0;
            position: relative;
        }
        .owl-theme#achievement-slider .owl-nav.disabled + .owl-dots {
            margin-top: 10px;
        }
        .recognition .para {
            font-size: 15px;
            margin-bottom: 5px;
        }
        .recognition {
            padding: 20px 10px;
        }
        .min-container .small-container {
            padding-left: 0;
            padding-right: 0;
        }
        .next_prev_border {
            width: 100%;
        }
        .next_prev.prev {
            width: 100%;
            padding: 0 0 50px 0;
        }
        .next_prev_wrapper .next_prev.text-right {
            text-align: left !important;
            padding: 20px 0 0;
            width: 100%;
        }
        .next .appi-cta {
            float: left;
            padding: 0 38px 0 0;
        }
        .next .arrow_link,
        .next .next_prev_head,
        .next .para {
            float: left;
        }
        .prev .appi-cta.read_more_wrapper .arrow i,
        .prev .appi-cta.read_more_wrapper a .arrow i span,
        .prev .appi-cta.read_more_wrapper a .arrow svg {
            top: 2px;
        }
        .prev .appi-cta.read_more_wrapper a {
            white-space: nowrap;
        }
        .prev .appi-cta.read_more_wrapper .arrow {
            padding: 0;
        }
        .yellow_bg {
            display: none;
        }
        .modal-container .pop-left {
            display: none;
        }
        .btn-popup-wrapper {
            width: 90%;
        }
        .btn-popup-wrapper .contact-grid {
            padding: 8px 15px 8px 25px;
        }
        .btn-popup-wrapper .contact-grid > label {
            top: 20px;
            font-size: 16px;
        }
        .btn-popup-wrapper .contact-grid textarea {
            margin: 20px 0 0 0;
        }
        .right-head-wrapper {
            padding: 25px;
        }
        .wrapper > .min-container {
            padding-top: 20px;
        }
        .call-popup-wrapper {
            padding: 0 10px;
        }
        .call-popup-wrapper,
        .call-popup-wrapper .pop-right {
            width: 100%;
        }
        .call-popup-wrapper .pop-right {
            padding: 30px 0;
        }
        .call-options-wrapper ul {
            flex-direction: column;
        }
        .call-options-wrapper ul li.email {
            margin: 0 0 20px 0;
        }
        .bloging-header nav {
            flex-direction: column;
        }
        .bloging-header .menu-wrapper > ul > li > a {
            font: 14px/0.8 proxima_nova_alt_rgregular;
            padding: 20px 10px;
        }
        .menu-wrapper > ul > li:first-child a {
            padding-left: 0;
        }
        section.wrapper.bloging-header {
            margin-top: 120px !important;
        }
        .searchbar {
            margin: 0;
        }
        .search-form .search-field {
            position: relative;
            top: 0;
            right: auto;
            width: 100%;
            left: 0;
        }
        .appi-cta.read_more_wrapper.knw_more a {
            display: inline-block;
            font-size: 12px;
        }
        .appi-cta.read_more_wrapper.knw_more {
            font: 12px/1.6 proxima_nova_alt_rgregular;
        }
        .appi-cta.read_more_wrapper.knw_more .arrow i,
        .appi-cta.read_more_wrapper.knw_more a .arrow svg {
            top: 2px;
        }
        .p_wrapper_h:after {
            content: none;
        }
        .p_wrapper {
            padding: 20px;
        }
        .btn-popup-wrapper .contact-grid textarea {
            margin: 15px 0 0 0;
            line-height: 1.1;
        }
        .pop-right .contact-grid textarea {
            height: 60px;
            padding: 0;
        }
        .pop-right .contact-grid.full-grid.attachfile {
            padding: 10px;
        }
        .btn-popup-wrapper .contact-grid {
            padding: 8px 10px 8px 10px;
        }
        .pop-right .contact-grid > label {
            left: 10px;
        }
        .pop-right .appi-cta a,
        .pop-right .appi-cta a:hover,
        .pop-right .appi-cta button,
        .pop-right .appi-cta button:hover {
            padding: 17px 30px;
        }
        .right-head-wrapper .heading4 {
            font-size: 24px;
        }
        .right-head-wrapper .para {
            font-size: 14px;
            margin: 0;
        }
        .right-head-wrapper {
            padding: 10px 20px;
        }
        .pop-right {
            width: 100%;
        }
        .p_wrapper_h,
        .p_wrapper_logos {
            width: 100%;
        }
        .p_wrapper_h {
            font: 14px/1.4 proxima_nova_altbold;
        }
        .btn-popup-wrapper > .flex_wrapper {
            flex-wrap: wrap;
            flex-direction: column;
        }
        .visiontext_wrapper .heading2 {
            font: 22px/1.1 proxima_nova_altbold;
        }
        .visiontext_wrapper .heading6 {
            font: 12px/1.3 proxima_nova_altbold;
        }
        .pop-right .contact-grid input,
        .pop-right .contact-grid textarea {
            font-size: 16px;
        }
        .p_wrapper_logos .mobile-sprite {
            background-image: url(../popup-logo-sprite-mobile-3.html);
            background-repeat: no-repeat;
            display: block;
            height: 50px;
            width: 320px;
            background-size: 310px;
            margin: 10px 0 0 -10px;
        }
        .p_wrapper_logos .flex_wrapper {
            display: none;
        }
        .close-popup {
            position: absolute;
            right: 20px;
            top: 20px;
            width: 30px;
            height: 22px;
            opacity: 1;
            display: block;
        }
        .close-popup:after,
        .close-popup:before {
            position: absolute;
            left: 15px;
            content: " ";
            height: 20px;
            width: 2px;
            background-color: #333;
        }
        .close-popup:before {
            transform: rotate(45deg);
        }
        .close-popup:after {
            transform: rotate(-45deg);
        }
        .small-container.contact_container {
            width: 100%;
        }
        /* header footer css ends */


        
        .accord-wrap span {
            position: absolute;
            right: 8px;
            top: 5px;
            height: 15px;
            width: 15px;
        }
        .accord-wrap span:after {
            content: "+";
            padding: 0;
            color: #555;
            position: absolute;
            right: 0;
            font-size: 28px;
            top: 8px;
            transform: translateY(-50%);
        }
        .main-nav li.active span:after {
            content: "–";
            font-size: 24px;
            color: #0092ff;
        }
        .toggle-menu span:before {
            width: 17px;
            right: 0;
        }
        .toggle-menu.active span:before {
            width: 26px;
        }
        .accordion-content {
            display: none;
        }
        .main-nav {
            padding: 20px;
        }
        .cl-list {
            margin: 5px 0 0 5px;
        }
        .accord-wrap {
            position: relative;
        }
        .accord-wrap a,.accord-wrap a:not([href]):not([tabindex]) {
            font-size: calc(20px + 12 * ((100vw - 360px)/ 767));
            color: #555;
            display: block;
            width: 90%;
            margin: 0;
        }
        .accordion-content>li>a {
            color: #555;
            font-size: calc(14px + 12 * ((100vw - 360px)/ 767));
            display: block;
            padding: 6px 10px 6px 15px;
            text-decoration: none;
            z-index: 2;
            position: relative;
        }
        #mobile-menu .main-nav ul {
            padding-top: 20px;
        }
        #mobile-menu .main-nav>ul>li {
            padding-bottom: 35px;
        }
        .cl-list div {
            padding: 4px 7px 4px 25px;
            font: 13px/1.5 proxima_nova_alt_rgregular;
        }
        
        #mobile-menu.open ul > li {
            animation: none;
        }
        #mobile-menu {
            left: auto !important;
            right: -300px !important;
            width: 300px !important;
            transition: all 0.3s !important;
        }
        #mobile-menu.open {
            right: 0 !important
        }
        #mobile-menu {
            top: 0 !important;
            z-index: 99999 !important;
        }
        #mobile-menu .main-nav {
            top: 70px;
            height: calc(100vh - 70px);
            padding-bottom: 60px;
        }
        .overlay.show {
            z-index: 99 !important;
        }
        .mobile-nav,.mobile-logo {
            z-index: 999999 !important;
        }
        body.hidden {
            overflow: hidden !important;
        }
        .nav_phone.btn_effect {
            margin-left: 0;
        }
        .call-popup-wrapper, .call-popup-wrapper .pop-right {
            width: 95%;
            margin: 0 auto;
            padding: 10px;
        }
        .right-head-wrapper .heading4 {
            font-size: 20px;
        }
        .call-options-wrapper ul li.tel {
            margin-bottom: 5px;
        }
        .call-options-wrapper ul li.email {
            margin: 0 0 5px 0;
        }
        .right-head-wrapper .para {
            font-size: 13px;
            margin: 8px 0 10px 0px;
            line-height: 1.3;
        }
        .call-options-wrapper ul li {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .accord-wrap a:hover,.accord-wrap a:active {
            color: #007bff;
        }

        .imgdesktp {
            display: none;
        }
        .imgmob {
            display: block;
        }
        .newsletter-img {
            display: none;
        }
        .flex-btn {
            padding: 0;
        }
        .subsciption-form {
            width: 100%;
        }
    }