/* New case study css */
.wrapper {
    margin-top: 0;
}
.header-container.case-header {
    background: transparent;
}
/* .case-header .menu-wrapper > ul > li > a {
    color: #fff;
} */
.header-container.active .menu-wrapper>ul>li>a {
    color: #000;
}
.header-container.case-header.active {
    background: #fff;
}
.header-container.case-header.shrink .menu-wrapper>ul>li>a {
    color:#000;
}
.header-container.case-header .blk-logo {
    display: block!important;
}
.header-container.case-header .white-logo {
    display: none;
}
.header-container {
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
.header-container.active .menu-wrapper > ul > li.nav_contact > a {
    color: #fff;
}
.menu-wrapper > ul > li > a {
    padding: 20px 15px;
} 
.top_bl_bg .container {
    position: relative;
    height: 100vh;
}
.we_are_wrapper {
    width: 100%;
    position: absolute;
    top: 50%;
    padding-top: 30px;
    transform: translate(0, -50%);
    transform: -webkit-translate(0, -50%);
    transform: -ms-translate(0, -50%);
    transform: -moz-translate(0, -50%);
}
br.br-block {
    display: block;
}
.we_are_wrapper .heading1 {
    font-family: proxima_novaextrabold;
    color: #04348C;
    line-height: 1.2;
    font-size: 65px;
}
.banner_imgg.ikea {
    right: -220px;
}

.process__list__wrap {
    position: relative;
    z-index: 2;
}
.textimonai_bg {
    background-color: #F7F7F7;
    padding: 0 0 40px 0;
    margin: 120px 0 80px;
    float: left;
    width: 100%;
}
.textimonai_bg .case_full_banner {
    margin-top: -60px;
}
.client__left__inner {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: center;
}
.client__left__inner figure {
    margin: 0 0 25px 0;
}
.client__left {
    width: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.client__right {
    width: calc(100% - 230px);
    padding-left: 70px;
}
.client__right .para {
    margin: 0;
    font: 20px/2 proxima_nova_altsemibold;
    color: #000;
}
.client-image img {
    border-radius: 30px;
}
.client__name {
    color: #000;
    font: 24px/1 proxima_nova_altbold;
}
.client__des {
    font: 16px/1.7 proxima_nova_alt_rgregular;
    color: #000;
    padding-top: 10px;
}
.p__challeng_wrap {
    position: relative;
    margin: 70px 0 0;
    z-index: 1;
}

.chall_num {
    position: absolute;
    color: #e6e6e6;
    font: 120px/.7 proxima_novaextrabold;
    left: 0px;
    top: -60px;
    z-index: -1;
}
.challeng_content .heading3 {
    font: 22px/1.4 proxima_nova_altbold;
    margin-bottom: 25px;
}
.opc .flex_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 620px;
    grid-row-gap: 120px;
    position: relative;
}
.project-goal-screen>img {
    transform: scale(.9);
    -webkit-transform: scale(.9);
}
.project-goal-screen {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.opc .case_full_banner {
    padding-top: 40px;
}
.right__panel {
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
}
.results__wrapper num+span {
    border-bottom: 1px solid #E6E6E6;
    height: 60px;
    margin-bottom: 20px;
}
.results__wrapper span {
    font: 15px/1.3 proxima_nova_alt_rgregular;
    color: #858585;
    display: block;
    padding: 10px 0;
}
.case__cta2 {
    background: url(case_cta2.webp)no-repeat;
    height: 500px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    color: #fff;
    background-size: cover;
    align-items: center;
}
.case__cta_inner .heading2 {
    color: #fff;
    font: 50px/1.2 proxima_nova_altbold;
}
.case__cta_inner span {
    font: 22px/1.1 proxima_nova_altbold;
    display: block;
    padding: 20px 0 50px;
}       
.case__cta_inner .appi-cta {
    display: inline-block;
}

.our__team .heading2 {
    padding-bottom: 60px;
}
.testimoial_panel {
    margin: 100px 0 40px;
}
.team_quote {
    width: 50%;
    padding-right: 50px;
}
.team_quote_img {
    width: 50%;
}
.team_quote_img img {
    max-width: 100%;
    border-radius: 18px;
}
.testimoial_panel.flex_wrapper.space_between,.client-bg-test .flex_wrapper {
    flex-wrap: nowrap;
    align-items: center;
}
.testimoial_panel .para {
    font: 18px/1.5 proxima_nova_altsemibold;
    margin: 30px 0;
    color: #000;
}

.case_name a {
    font: 24px/1.5 proxima_nova_altbold;
    color: #333;
}
.case_detail span {
    font-size: 20px;
}
.case_detail {
    padding: 10px;
}
.header-container.case-header.shrink .menu-wrapper>ul>li.nav_contact>a {
    color: #fff;
}



/* Bada business */
.textimonail_banner .case_full_banner img {
    border-radius: 0;
    width: 100%;
}
.textimonail_banner {
    margin-bottom: 60px;
}
.case_full_banner {
    position: relative;
}
.case_full_banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.textimonail_banner .client__right .para,.textimonail_banner .client__name,.textimonail_banner .client__des {
  color: #fff;
}
.textimonail_banner .client__right .para {
    line-height: 2.2;
}
.banner_imgg.ikea {
    position: absolute;
    right: -150px;
    top: 50%;
    transform: translate(0 , -50%);
    -webkit-transform: translate(0 , -50%);
    -ms-transform: translate(0 , -50%);
    max-width: 900px;
}
.banner_imgg.ikea img {
    max-width: 100% ;
}
.ikea__detail__panel .flex_wrapper {
    margin: 0;
}
.indus_service {
    width: 50%;
    padding-bottom: 25px;
}
.industry {
    display: block;
    color: #B7B1B1;
    font: 20px/1.4 proxima_nova_altbold;
}
.indushead {
    font: 15px/1.2 proxima_nova_altsemibold;
    color: #333;
}
.ikea__detail__panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ikea_left_sec img {
    max-width: 100%;
}   
.ikea_left_sec {
    width: 40%;
    position: relative; 
}
.ikea_left_sec:before {
    position: absolute;
    content: "";
    background: #F8D115;
    width: 100%;
    height: 150px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: -1;
}
.about__lft {
    width: 60%;
}
.about_panel {
    align-items: center;
    padding: 3rem 0 0;
}
.about_panel, .role__flex {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: space-between;
}
.role__flex {
    align-items: end;
}
.role__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d8b40a;
    z-index: 1;
    border-radius: 30px;
    width: 90px;
    height: 90px;
}
.content__wrap .para {
    line-height: 1.6;
}
.about__right {
    position: relative;
    padding: 90px 40px 90px 90px;
}

.our_role {
    font: 100px/1 proxima_novaextrabold;
    position: absolute;
    top: 40px;
    z-index: 1;
    color: #d8b40a;
    width: 100%;
    left: 0;
    right: 0;
    opacity: .2;
}
.about__right:before {
    background: #F8D115;
    position: absolute;
    content: "";
    right: -230px;
    width: 650px;
    height: calc(100% + 110px);
    top: -50px;
}
.about__right li:not(:last-child) { 
    border-bottom: 1px solid #d8b50e;
    padding-bottom: 40px;
    margin-bottom: 40px;
    position: relative;
}

.role__flex .heading5 {
    position: relative;
    margin: 0 0 10px 50px;
    z-index: 2;
    font-family: 'proxima_nova_altbold';
}
.role__flex .heading5 span {
    position: absolute;
    font: 75px/1 proxima_novaextrabold;
    color: #caa807;
    top: -50px;
    left: -14px;
    z-index: -1;
}
.about__right .heading2 {
    margin-bottom: 70px;
    color: #000;
}
.about__right .heading2:after {
    position: absolute;
    content: "";
    background: #000;
    width: 90px;
    height: 4px;
    bottom: -16px;
    left: 0;
}

.pg_banner {
    background: #F3F3F3;
    padding: 5rem 0;
    margin: 5rem 0;
}
.pg_banner .heading2 {
    position: relative;
    display: inline-block;
}
.pg_banner .heading2:after,.more_case_panel .heading2:after{
    position: absolute;
    content: "";
    background: #F8D115;
    width: 89px;
    height: 5px;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    transform: -webkit-translateX(-50%);
    transform: -ms-translateX(-50%);
    transform: -moz-translateX(-50%);
}

/* .grid2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
} */
.grid2,.grid4 {
    left: 100%;
}
.grid1,.grid3 {
    right: 100%;
}

.grid3.grid-dots,.grid4.grid-dots {
    top: calc(50% + 20px);
}
.grid-dots span {
    position: absolute;
}
.grid2.grid-dots span {
    top: auto;
    bottom: 10px;
}
.grid3.grid-dots span {
    left: 0;
    top: 16px;
}
.grid4.grid-dots span {
    right: 0;
    top: 16px;
}
.grid-dots {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.grid1 span {
    position: absolute;
    left: 0;
    bottom: 10px;
}
.blueQuote.ikea-quote {
    box-shadow: 0px 3px 30px 10px rgb(0 0 0 / 11%);
    padding: 3rem 4rem;
    margin: 7rem;
    border-radius: 10px;
}
.customer__onboarding {
    position: relative;
    margin: 4rem 0;
}
.customer__onboarding:before {
    position: absolute;
    background: #F8D115;
    content: "";
    height: 100%;
    width: 50%;
    z-index: -1;
}
.customer__onboarding_inner {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
}
.left__bg__pannel,.right__bg__pannel {
    width: 50%;
}
.right__bg__pannel img {
    max-width: 100%;
}
.right__bg__pannel {
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
}
.right__img__wrap {
    background: url(onboarding-img.jpg)no-repeat;
    height: 100%;
    width: 100%;
    object-fit: cover;
    background-size: cover;
    background-position: center;
}
.left__bg__pannel {
    padding: 6rem 4rem 6rem 0;
}
.customer__onboarding__content .para {
    font-size: 28px;
    line-height: 1.8;
}
.cta-text {
    color: #000;
    font-size: 18px;
    font-family: 'proxima_nova_altsemibold';
    display: inline-block;
}
.cta-text:hover {
    color: #000;
}
.cta-text span svg {
    position: relative;
    top: 5px;
    left: 10px;
    stroke-width: 2px;
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #000;
    stroke-width: 2;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.promotion_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    margin: 0;
    padding: 11rem 0 6rem;
}
.promotion_grid_wrap {
    position: relative;
}
.promotion_grid_wrap:before {
    position: absolute;
    background: #F8D115;
    content: "";
    height: 40%;
    width: 55%;
    z-index: -1;
    top: 50px;
}
.prom_txt_panel {
    justify-self: center;
    width: 70%;
    font-size: 1.5rem;
    position: relative;
}
.prom_txt_panel .chall_num {
    top: -30px;
}
.screen_wrap {
    display: flex;
}
.screen_panel {
    width: 50%;
    position: relative;
}
.screen_wrap img {
    width: 100%;
}
.prom_txt_panel.one {
    margin-top: 1rem;
    margin-left: 4rem;
}
.prom_txt_panel.two {
    margin-top: 10rem;
    margin-left: 4rem;
}
.screen_wrap .screen1 {
    margin-left: 40px;
}
.screen_wrap .screen2 {
    margin: 0 40px 0 -30px;
}
.prom_txt_panel .para {
    font-family: 'proxima_nova_altsemibold';
    line-height: 1.6;
}
.prom_txt_panel .para {
    font-size: 24px;
}
.prom-grid {
    top: 90px;
    position: absolute;
    left: 30px;
    z-index: -1;
}
.prom-grid.grid-img {
    position: absolute;
    left: -150px;
    bottom: -60px;
    top: auto;
}

.case__studies {
    display: flex;
    justify-content: space-between;
}
.case__left {
    padding: 100px 0;
    width: 50%;
}
.pr_logo_name {
    position: relative;
    height: 40px;
    width: 400px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.case__left .pr_logo_name {
    height: 60px;
}

.case__left {
    padding: 70px 0;
}
.projectName {
    font: 36px/1.1 proxima_nova_altbold;
    position: absolute;
    overflow: hidden;
}
.projectName span {
    position: relative;
    top: -100px;
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
}
.case__left .pr_name_subhead {
    height: 70px;
}

.view__btn {
    position: relative;
    overflow: hidden;
    height: 50px;
    top: 30px;
}

.view__btn__inner {
    position: relative;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.80, 1, .55, 1);
    transition: all 1s cubic-bezier(.80, 1, .55, 1);
    transition: all 1s cubic-bezier(.80, 1, .55, 1);
    opacity: 0;
    filter: alpha(opacity=0);
}

.pr_name_subhead_inner p {
    font: 20px/1.4 proxima_nova_altsemibold;
    padding-right: 30px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 30px;
    margin: 0;
}
.pr_name_subhead_inner p span {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
}
.view__btn {
    position: relative;
    overflow: hidden;
    height: 50px;
    top: 30px;
}
.case__right {
    width: 50%;
}
.case__right__inner {
    position: relative;
    border-radius: 25px;
}
#case__studies .owl-item .case__right__inner {
    height: 100%;
}
#case__studies .owl-item .case__right__inner figure {
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    opacity: 0;
    filter: alpha(opacity=0);
}
#case__studies .owl-item.active .case__right__inner figure {
    opacity: 1;
}
#case__studies .case__right figure img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#case__studies .owl-nav {
    width: 90px;
    position: absolute;
    left: 50%;
    height: 45px;
    bottom: -60px;
}
#case__studies.owl-theme .owl-nav [class*=owl-] {
    background-color: #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;
}
#case__studies.owl-carousel .owl-nav [class*=owl-]:hover svg {
    stroke: #F8D115;
}
#case__studies.owl-carousel .owl-nav .owl-prev svg {
    margin-left: 5px;
}
#case__studies.owl-carousel .owl-nav .owl-next svg {
    margin-left: -2px;  
}

.owl-carousel .owl-prev svg {
    transform: rotate(
180deg
) translate(50%, 50%);
    -webkit-transform: rotate(
180deg
) translate(50%, 50%);
}
.owl-carousel svg, .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%);
}
#case__studies .owl-item.active .projectName span {
    top: 0;
}
#case__studies .owl-item.active .pr_name_subhead_inner p span {
    top: 0;
}
#case__studies .owl-item.active .pr_name_subhead_inner p span.l2 {
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
}
#case__studies .owl-item.active .pr_name_subhead_inner p span.l3 {
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
}
.more_case_panel {
    position: relative;
    margin: 6rem 0;
}

.view__btn {
    position: relative;
    overflow: hidden;
    height: 50px;
    top: 30px;
}

.view__btn__inner {
    position: relative;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.80, 1, .55, 1);
    transition: all 1s cubic-bezier(.80, 1, .55, 1);
    transition: all 1s cubic-bezier(.80, 1, .55, 1);
    opacity: 0;
    filter: alpha(opacity=0);
}
#case__studies .owl-item.active .view__btn__inner {
    opacity: 1;
}
.owl-carousel .owl-prev svg {
    transform: rotate(
180deg
) translate(50%, 50%);
    -webkit-transform: rotate(
180deg
) translate(50%, 50%);
}
.owl-carousel svg, .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%);
}
.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;
    cursor: pointer;
}

.view__btn a {
    color: #F8D115;
    display: inline-block;
    font-size: 18px;
}

.view__btn a:hover {
    color: #e4bf09;
}
.case__left {
    padding: 6rem 0 0;
}
.more_case_panel .heading2 {
    position: absolute;
    left: 0;
    top: 20px;
    font: 42px/1.1 proxima_nova_altbold;
    color: #000;
}
.more_case_panel .heading2:after{
    width: 65px;
    height: 5px;
    bottom: -15px;
    left: 0;
    transform: none;
}
.more_case_panel .prom-grid.grid-img {
    bottom: -120px;
    left: calc(50% - 100px);
    height: 300px;
    width: 300px;
}

.case_wrapper .prom-grid.grid-img img {
    width: 100%;
}
.our-achi-wrap.achievments.case_wrapper {
    margin: 4rem 0 8rem;
}
.view__btn__inner .cta-text span svg {
    stroke: #F8D115;
}
.case__cta .appi-cta a {
  background: #F8D115;
}
.about__panel {
    padding: 2rem 0 0;
}
.we_are_wrapper .read_more {
    margin: 40px 0 0;
}
.we_are_wrapper .read_more a {
    color: #04348C;
    font-family: 'proxima_nova_altbold';
    border-bottom: 1px solid #04348C;
}
.cta-text span svg {
    stroke: #04348C;
}
.page-template-ikea {
    overflow-x: hidden !important;
}

.indus_service .cta-text {
    font: 15px/1.2 proxima_nova_altsemibold;
    color: #F8D115;
}
.indus_service .cta-text span svg {
    stroke: #F8D115;
}
.customer__onboarding .cta-text span svg {
    stroke: #000
}


@media (max-width: 1899px) {
    .container {
        max-width: 1440px;
    }
    .banner_imgg.ikea {
        right: -290px;
        max-width: 900px;
    }
    .we_are_wrapper .heading1 {
        font-size: 52px;
    }
    .heading2 {
        font-size: 50px;
    }
}



@media (max-width:1600px) {

.banner_imgg.ikea {
    right: -370px;
    top: 50%;
    transform: scale(.8) translate(0 , -50%);
    -webkit-transform: scale(.8) translate(0 , -50%);
    -ms-transform: scale(.8) translate(0 , -50%);
    -moz-transform: scale(.8) translate(0 , -50%);
}

.heading2 {
    font-size: 34px;
}
.about__right:before {
    right: -90px;
    width: 500px;
  }
  .opc .flex_wrapper {
    grid-column-gap: 520px;
 }
.project-goal-screen>img {
    transform: scale(.8);
    -webkit-transform: scale(.8);
}
.para {
    font-size: 16px;
    line-height: 1.9;
}
.heading2 {
    font: 44px/1.1 proxima_nova_altbold;
}
.customer__onboarding__content .para {
    font-size: 24px;
 }
 .grid1, .grid3 {
    right: 80%;
}
.grid2, .grid4 {
    left: 80%;
}
.case__left {
    padding: 5rem 0 0;
}
.more_case_panel .heading2 {
    font-size: 32px;
}
.we_are_wrapper .heading1 {
    font-size: 45px;
}
.we_are_wrapper {
    padding-top: 60px;
  }

}

@media (max-width: 1550px) {
    .container {
        max-width: 1200px;
    }
    
}

@media (max-width:1440px) {

    .industry {
        font-size: 18px;
    }
    .opc .flex_wrapper {
        grid-column-gap: 420px;
     }
     .heading2 {
        font-size: 38px;
    }
    .customer__onboarding__content .para {
        font-size: 22px;
     }
     .prom_txt_panel .para {
        font-size: 18px;
    }
    .prom-grid img {
        width: 80%;
    }
    .projectName {
        font-size: 26px;
    }
    .pr_name_subhead_inner {
        font-size: 18px;
    }
    .pr_name_subhead_inner p {
        font-size: 16px;
        height: 25px;
    }
    .banner_imgg.ikea {
        right: -290px;
    }

}