/* case study 2 banner css start */
.hero-section.case-stdy-2-hero{
    background:#C6E1FF url("../images/case-study-2-hero-bg.webp") no-repeat center center; background-size: cover;
}
.case-stdy-2-hero .home-banner .left{
    width: 56%;
}
.case-stdy-2-hero .home-banner .left h1{
    font-size: 51px; font-weight: 600; line-height: 1.1;
}
.case-stdy-2-hero .home-banner .right{
    width:34%; position: relative;
}
.case-stdy-2-hero .home-banner .right .left-image{
    margin-top: -50px;
}
.case-stdy-2-hero .home-banner .right .right-image{
    position: absolute; right:0px; top:-40px;
}
.case-stdy-2-hero .home-banner.desktop p{
    max-width: 95%; padding: 0 0 46px;
}
.banner-counter-row{
    width: 100%; max-width: 620px; display: flex; padding: 0px; margin:0px 0px 50px 0px; list-style-type: none;
}
.banner-counter-row>*{
    flex: 1; text-align: center; padding: 10px 25px; border-right: 1px solid #DDDDDD; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; font-size: 16px; color:var(--blue); font-weight: 500; row-gap: 15px;
}
.banner-counter-row>*:first-child{
    padding-left: 0px;
}
.banner-counter-row>*:last-child{
    border-right: none;
}
.banner-counter-row .counter{
    font-size:42px;color:var(--orange); font-weight:700; font-family: var(--title-font); line-height: 1; letter-spacing: -1px;
}
.banner-badges{
    width:100%; display: inline-flex; flex-wrap: wrap; gap: 10px; margin: 0px 0px 20px 0px;
}
.banner-badge{
    padding: 5px 10px 5px 13px; position: relative; display: inline-flex; align-items: center; gap: 10px; border: 1px solid #DDDDDD; background-color: #F7F8FA; border-radius: 50px; font-size: 14px; font-weight: 500; color:#4F5D75; font-family: var(--title-font);
}
.banner-badge::before{
    content:''; width:8px; height:8px; position:relative; border-radius: 50px; background: var(--orange);
}
.banner-tags{
    width:100%; max-width: 620px; display: inline-flex; flex-wrap: wrap; gap: 8px; margin: 0px 0px 50px 0px;
}
.banner-tag{
    padding: 10px 20px; position: relative; display: inline-flex; align-items: center; gap: 10px; border: 1px solid #C6E1FF; background: linear-gradient(148deg,  #ffffff 0%,#d6e9ff 79%); border-radius: 50px; font-size: 20px; font-weight: 500; color:var(--blue); font-family: var(--title-font);
}
/* case study 2 banner css ended */



/* case study 2 project glance section css start */
.project-glance-sctn{
    width: 100%; display: inline-block; position: relative;
}
.project-glance-card{
    width:100%; /*height:calc(100vh - 200px); min-height: 600px;*/ display: flex; flex-wrap: wrap; position: relative; overflow: hidden; border-radius: 30px; overflow: hidden; background-color: var(--primary-color); border: #DEDBDB 1px solid;
}
.project-glance-card .left-glance-col{
    width: 50%; border-radius: 30px; overflow: hidden;
}
.project-glance-card .left-glance-col>img{
    width: 100%; height: 100%; object-fit: cover;
}
.project-glance-card .right-glance-col{
    flex: 1; display: flex; flex-direction: column; align-items: flex-start; row-gap: 20px; padding: 40px 40px 10px 40px;
}
.project-glance-card .glance-card-hdng{
    margin:0px;
}
.project-glance-list{
    width:100%; padding: 0px; list-style-type: none; display: flex; flex-direction: column;
}
.project-glance-list>li{
    width:100%; display: flex; align-items: center; justify-content: space-between; column-gap: 20px; margin: 0px 0px 0px 0px; border-bottom: var(--light-gray) solid 1px; padding: 20px 0px; font-size: 20px; color:var(--blue); font-family: var(--title-font);
}
.project-glance-list>li:first-child{
    padding-top: 0px;
}
.project-glance-list>li:last-child{
    padding-bottom: 0px; border: none;
}
.project-glance-list>li .glance-left-col{
    width: 215px;
}
.project-glance-list>li .glance-right-col{
    flex: 1; text-align: right; font-weight: 500;
}
.glance-title-with-icon{
    width: 100%; display: flex; align-items: center; column-gap: 10px;
}
.glance-title-with-icon .glance-icon{
    width: 30px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center;
}
.glance-title-with-icon .glance-icon>img{
    width: 24px; object-fit: contain;
}
.glance-title-with-icon .glance-title{
    position: relative; color:#373737;
}
/* case study 2 project glance section css ended */


/* case study 2 pronlem solve section css start */
.case-problem-solve-sctn{
    width:100%; position: relative; display: inline-block; background: url("../images/case-study-2-problem-solve-sctn-bg.webp") no-repeat center center; background-size: cover;
}
.case-problem-solve-sctn .solution-card{
    align-items: flex-start;
}
.case-problem-solve-sctn .solution-card p{
    margin: 0px 0px 0px 0px; line-height: 1.3; font-weight: 300;
}
.case-problem-sctn-title{
    margin: -10px 0px 15px 0px;
}
.case-problem-sctn-para{
    text-align: center; width: 100%; line-height: 1.3; max-width: 956px; margin: 0px auto 50px auto;
}
/* case study 2 pronlem solve section css ended */



/* case study how we solve section css start */
.case-how-solve-sctn{
    width:100%; position: relative; display: inline-block;
}
.case-how-solve-sctn-title{
    margin: -10px 0px 15px 0px;
}
.case-how-solve-sctn-para{
    text-align: center; width: 100%; line-height: 1.3; max-width: 1040px; margin: 0px auto 50px auto;
}
.case-how-solve-bullet-list-row{
    width:100%; max-width: 1045px; margin:0px auto;
}
.case-how-solve-row-title{
    font-weight: 700; color:var(--blue); margin: 0px 0px 20px 0px;
}

.growth-timeline-vertical {
    position: relative; margin: 0 auto; --progress-height: 0px;
}
/* Base line */
.growth-timeline-vertical::before {
    content: ""; position: absolute; left: 49px; top: 0; width: 1px; height: 100%; background: #d8d8d8;
}
/* Animated line */
.growth-timeline-vertical::after {
    content: ""; position: absolute; left: 49px; top: 0; width: 1px;  height: var(--progress-height); background: var(--blue); transition: height 1s ease;
}
.growth-timeline.vertical{
    display: flex; flex-direction: column; align-items: center; row-gap: 45px; overflow: hidden; counter-reset: my-awesome-counter; row-gap: 45px;
    padding-left: 28px;
}
.growth-timeline.vertical .growth-timeline-item {
    width:100%; padding-right: 0px; padding-left: 45px; position: relative; counter-increment: my-awesome-counter;
}
.growth-timeline.vertical .growth-timeline-item::before {
  content: "0"counter(my-awesome-counter) ; color: var(--blue); font-weight: bold; font-family: var(--title-font); position: absolute; left: -22px; top: 3px; font-size: 20px; transition: all 0.3s ease-in-out; opacity: 0.2;
}
.growth-timeline.vertical .growth-timeline-item .timeline-dot {
    position: absolute; left: 10px; top: 3px; z-index: 2;
}
.growth-timeline.vertical .growth-timeline-item .timeline-item-title{
    margin-bottom: 5px;
}
.growth-timeline.vertical .growth-timeline-item .timeline-item-desc {
    max-width: 100%;
}
.growth-timeline.vertical .growth-timeline-item:nth-child(1)::after{
    content: ''; position: absolute; top: -10px; left: 6px; right: 0; width: 25px; height: 35px; background: #fff; z-index: 1;
}
.growth-timeline.vertical .growth-timeline-item:last-child::after{
    content: ''; position: absolute; top: 4px; left: 6px; right: 0; width: 25px; height: 100%; background: #fff; z-index: 1;
}

.in-view .growth-timeline.vertical .growth-timeline-item::before{
    opacity: 1;
}
.growth-framework-section.in-view .growth-timeline-item:nth-child(1)::before {
    transition-delay: 0.9s;
}

.growth-framework-section.in-view .growth-timeline-item:nth-child(2)::before {
    transition-delay: 1.9s;
}

.growth-framework-section.in-view .growth-timeline-item:nth-child(3)::before {
    transition-delay: 2.7s;
}

.growth-framework-section.in-view .growth-timeline-item:nth-child(4)::before {
    transition-delay: 3s;
}

.growth-framework-section.in-view .growth-timeline-item:nth-child(5)::before {
    transition-delay: 4s;
}

.growth-framework-section.in-view .growth-timeline-item:nth-child(6)::before {
    transition-delay: 5s;
}
/* case study how we solve section css ended */


/* case study 2 servinn achieved section css start */
.servinn-achieved-sctn{
    width: 100%; display: inline-block; position: relative; background:var(--blue);
}
.servinn-achieved-sctn-title{
    margin: -10px 0px 15px 0px; color:var(--primary-color);
}
.servinn-achieved-sctn-para{
    text-align: center; width: 100%; line-height: 1.3; max-width: 956px; margin: 0px auto 50px auto;  color:var(--primary-color); font-weight: 300;
}

.servinn-achieved-cards-list{
    width:100%; padding: 0px; list-style-type: none; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px; row-gap: 30px;
}

.servinn-achieved-card{
    width: 100%; padding:50px; display: flex; flex-direction: column; align-items: flex-start; row-gap: 35px; background:#ffffff12; border-radius: 16px; overflow: hidden; transition: 0.3s ease; box-shadow: inset 0 0px 14px 5px #04043f; border:solid 1px #ffffff30;
}
.servinn-achieved-card .servinn-achieved-card-hdng{
    margin:0px; font-size: 60px; font-weight: 700; font-family: var(--title-font); color: var(--orange);
}
.servinn-achieved-card .servinn-achieved-card-para{
    margin:0px; font-size: 24px; font-weight: 600; font-family: var(--title-font); color: var(--primary-color); 
    line-height: 1.4;
}
.servinn-achieved-card:hover {
    transform: translateY(-5px);
}
/* case study 2 servinn achieved section css ended */



/* case study 2 testimonial section css start */
.testimonial-slider-wrapper.case-study-2{
    background: url("../images/case-study-testimonial-bg.webp") no-repeat center center; background-size: cover; padding-top: 50px; padding-bottom: 50px;
}
.testimonial-right-content-wrap{
    width: 100%; max-width:95%; display: flex; flex-direction: column; align-items: flex-start; row-gap: 50px; padding-left: 60px; position: relative;
}
.case-study-2 .testimonial-item{
    align-items: flex-start; overflow: hidden;
}
.case-study-2 .testimonial-item .testimonial-visuals{
    flex: 0 0 52%; max-width: 52%;
}
.testimonial-right-content-wrap:before{
    content:''; width:1px; height:100%; background-color: var(--blue); position: absolute; top:50%; left: 0px; transform: translateY(-50%); opacity: 0.5;
}
.testimonial-right-content-row{
    width: 100%; display: flex; flex-direction: column; align-items: flex-start; row-gap: 20px;
}
.testimonial-right-content-hdng{
    padding: 0px; margin:0px; font-weight: 700; font-family: var(--title-font); color: var(--blue);
}
.tech-icon-lists{
    padding: 0px; margin:0px; width:100%; /*display: grid; grid-template-columns: repeat(6, 1fr);*/ display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px;
}
.tech-icon-lists > li{
    width: 15%;
}
.tech-icon-box{
    width:100%; height: 126px; display: flex; flex-direction:column; align-items: center; row-gap: 10px; text-align: center; position: relative; border:#C6E1FF solid 1px; border-radius: 15px; padding: 11px 10px 8px; overflow: hidden; font-size:13px; font-weight: 400; color:var(--black); background: var(--primary-color); white-space: nowrap;
}
.tech-icon-box .tech-icon-wrap{
    width:100%; flex: 1; display: flex; align-items: center; justify-content: center;
}
.tech-icon-box .tech-icon{
    width: auto !important; max-width: 70px; height: 53px;
}

.testimonial-delivered-list{
    width: 100%; display: inline-flex; flex-wrap: wrap; column-gap: 1.58vw; row-gap:1.58vw; padding: 0px; margin:0px;
}
.testimonial-delivered-list > li{
    width: auto; position: relative; margin: 0px; padding:0px;
}
.testi-delvry-card{
    width:auto; display: inline-flex; align-items: center; justify-content: center; column-gap: 1.2vw; position: relative; font-size:16px; font-family:var(--title-font); font-weight: 500; color:var(--blue); border:#C6E1FF solid 1px; background: var(--primary-color); padding: 12px 20px 12px 15px; border-radius: 16px; white-space: nowrap;
}
.testi-delvry-card .crd-icn{
    height:41px; width:auto; max-width: 42px;
}

.case-study-2-testimonial-carousel .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    margin: 0 !important;
    left: 0;
}
.case-study-2-testimonial-carousel .owl-nav button.owl-prev,
.case-study-2-testimonial-carousel .owl-nav button.owl-next {
    pointer-events: auto;
    width:60px;
    height:60px;
    background:var(--primary-color) !important;
    color: #fff !important;
    border-radius: 99% !important;
    -moz-border-radius: 99% !important;
    -wbkit-border-radius: 99% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    -moz-box-shadow:0px 0px 11px 0px rgba(0,0,0,0.25); 
    -webkit-box-shadow:0px 0px 11px 0px rgba(0,0,0,0.25); 
    box-shadow:0px 0px 11px 0px rgba(0,0,0,0.25);
}
.case-study-2-testimonial-carousel .owl-nav button.owl-prev {
    transform: translateX(-25px);
}
.case-study-2-testimonial-carousel .owl-nav button.owl-next {
    transform: translateX(25px);
    padding-left:3px !important;
}
.case-study-2-testimonial-carousel .owl-nav button:hover {
    background:var(--light-blue) !important;
}
/* case study 2 testimonial section css ended */


/* market place app banner css start */
.market-plc-bnnr-sctn{
    width:100%; position: relative; display: inline-block;
}
.market-plc-bnnr-box{
    width:100%; display: inline-flex; align-items: center; justify-content: space-between; border-radius: 30px; overflow: hidden; border:#cae7ff solid 1px; background: var(--primary-color) url("../images/market-place-banner-bg.webp") no-repeat center center; background-size: cover;
}
.market-plc-bnnr-cnt-col{
    flex:1; padding: 50px 100px; display: flex; flex-direction: column; align-items: flex-start; row-gap: 25px; position: relative;
}
.market-plc-bnnr-title{
    color:var(--blue); line-height: 1.2; margin-bottom: 0px;
}
.market-plc-bnnr-cnt-col p{
    max-width: 600px; margin:0px;
}
.market-plc-bnnr-img-col{
    width: 48%; align-self: flex-end;
}
.market-plc-bnnr-img-col img{
    width: auto; max-width: 100%;
}
.market-plc-bnnr-actn-row{
    display: inline-flex; flex-wrap: wrap; align-items: center; column-gap: 12px; row-gap: 12px; margin-top: 10px;
}
/* market place app banner css ended */







/*  responsive start */
@media (max-width: 1600px) {
    /* case study 2 project glance section css start */
    .project-glance-list>li {
        padding: 12px 0px; font-size: 17px;
    }
    /* case study 2 project glance section css ended */

    /* case study 2 servinng section css start */
    .servinn-achieved-card {
        width: 100%; padding: 40px 50px; row-gap: 20px;
    }
    .servinn-achieved-card .servinn-achieved-card-hdng {
        font-size: 48px;
    }
    .servinn-achieved-card .servinn-achieved-card-para {
        font-size: 20px;
    }
    /* case study 2 servinng section css ended */

    /* case study 2 testimonial section css start */
    .testimonial-slider-wrapper.case-study-2 .testimonial-item .quote {
        font-size: 32px; line-height: 1.1;
    }
    .testimonial-slider-wrapper.case-study-2 .testimonial-item .tech-icon-box img {
        max-height: 32px;
    }
    .testimonial-item .testimonial-content {
        flex: 0 0 41%; max-width: 41%; row-gap: 28px; padding-left: 35px;
    }
    .tech-icon-box {
        height: 95px; row-gap: 5px; padding: 11px 10px 8px; font-size: 10px;
    }
    h4.testimonial-right-content-hdng{
        font-size: 25px; line-height: 34px;
    }
    .tech-icon-box .tech-icon {
        max-width: 46px; height: 53px;
    }
    .testimonial-right-content-wrap{
        padding-left: 40px; row-gap: 35px;
    }
    .testimonial-delivered-list {
        column-gap: 1vw; row-gap: 1vw;
    }
    .testimonial-delivered-list .testi-delvry-card img {
        max-height: 25px;
    }
    .testimonial-delivered-list .testi-delvry-card{
        font-size: 14px;
    }
    /* case study 2 testimonial section css ended */


    /* case study 2 marketplace app banner css start */
    .market-plc-bnnr-cnt-col {
        padding: 50px 0px 50px 100px; width: 40%;
    }
    .market-plc-bnnr-img-col {
        width: 43%;
    }
    /* case study 2 marketplace app banner css ended */
}


@media (max-width: 1440px) {
    /* case study 2 banner css start */
    .banner-badge {
        padding: 5px 10px 5px 13px; gap: 10px; font-size: 12px; line-height: 1.2;
    }
    .case-stdy-2-hero .home-banner .left {
        padding-right: 95px;
    }
    .case-stdy-2-hero .home-banner .left h1 {
        font-size: 42px;
    }
    .banner-counter-row .counter {
        font-size: 35px;
    }
    /* case study 2 banner css ended */

    /* project glance section css start */
    .project-glance-card .left-glance-col {
        width: 48%; border-radius: 20px;
    }
    .project-glance-card .right-glance-col {
        row-gap: 15px; padding: 34px 40px;
    }
    .project-glance-list>li {
        column-gap: 20px; padding: 10px 0px; font-size: 16px;
    }
    /* project glance section css ended */

    /* case study 2 problem solve section css start */
    .case-problem-solve-sctn .solution-card {
        padding: 25px 30px;
    }
    .case-problem-solve-sctn .solution-content p {
        min-height: 67px;
    }
    .case-how-solve-row-title{
        font-size: 25px; line-height: 32px;
    }
    /* case study 2 problem solve section css ended */


    /* case study 2 servinn section css start */
    .servinn-achieved-card .servinn-achieved-card-hdng {
        font-size: 50px;
    }
    /* case study 2 servinn section css ended */


    /* case study 2 testimonial section css start */
    .testimonial-slider-wrapper.case-study-2 .testimonial-item .quote {
        font-size: 28px;
    }
    .testimonial-item .testimonial-content .description {
        max-width: 99%; font-size: 14px;
    }
    .tech-icon-box {
        height: 105px; font-size: 11px;
    }
    .tech-icon-box .tech-icon {
        max-width: 60px; height: 35px;
    }
    .testimonial-right-content-wrap {
        max-width: 100%; row-gap: 30px; padding-left: 40px;
    }
    h4.testimonial-right-content-hdng{
        font-size: 26px; line-height: 36px;
    }
    .testi-delvry-card {
        column-gap: 1vw; font-size: 16px; padding: 6px 20px 6px 15px;
    }
    .testi-delvry-card .crd-icn {
        height: 35px; max-width: 38px;
    }
    .testimonial-delivered-list{
        column-gap: 1vw; row-gap: 1vw;
    }
    .case-study-2-testimonial-carousel .owl-nav button.owl-prev, 
    .case-study-2-testimonial-carousel .owl-nav button.owl-next {
        width: 45px;
        height: 45px;
    }
    /* case study 2 testimonial section css ended */


    /* market place app banner css start */
    h2.market-plc-bnnr-title{
        font-size: 38px;
    }
    .market-plc-bnnr-cnt-col {
        padding: 35px 50px; row-gap: 20px;
    }
    /* market place app banner css ended */
}


@media (max-width: 1366px) {
    /* common case study 2 css start */
    .project-glance-card h2.glance-card-hdng,
    .case-problem-solve-sctn h2.case-problem-sctn-title,
    h2.case-how-solve-sctn-title,
    h2.market-plc-bnnr-title{
        font-size: 36px; line-height: 45px;
    }
    .case-stdy-2-hero .home-banner .left p,
    p.case-problem-sctn-para,
    .case-problem-solve-sctn .solution-card p,
    p.case-how-solve-sctn-para,
    .market-plc-bnnr-cnt-col p {
        font-size: 14px; line-height: 22px;
    }
    /* common case study 2 css ended */

    /* case study 2 banner css start */
    .case-stdy-2-hero .home-banner .left h1 {
        font-size: 38px; max-width: 89%;
    }
    
    .case-stdy-2-hero .home-banner .left {
        width: 63%; padding-right: 0px;
    }
    /* case study 2 banner css ended */

    /* case study 2 project glance section css start */
    .project-glance-list>li .glance-left-col {
        width: 170px;
    }
    .project-glance-list>li {
        column-gap: 20px; padding: 7px 0px; font-size: 14px; line-height: 1.2;
    }
    /* case study 2 project glance section css ended */

    /* case study 2 servinn achieved section css start */
    .servinn-achieved-card {
        padding: 35px; row-gap: 25px;
    }
    .servinn-achieved-card .servinn-achieved-card-hdng {
        font-size: 42px;
    }
    .servinn-achieved-card .servinn-achieved-card-para {
        font-size: 16px;
    }
    /* case study 2 servinn achieved section css ended */

    /* case study 2 testimonial section css start */
    .testimonial-item .quote {
        font-size: 28px;
    }
    h4.testimonial-right-content-hdng {
        font-size: 22px;
    }
    .tech-icon-lists > li {
        width: 14%;
    }
    .tech-icon-box .tech-icon {
        max-width: 60px;  height: 30px;
    }
    .tech-icon-box {
        height: 95px; font-size: 9px;
    }
    .testi-delvry-card .crd-icn {
        height: 28px;
        max-width: 38px;
    }
    .testi-delvry-card {
        font-size: 13px; padding: 6px 15px 6px 15px; border-radius: 10px;
    }
    /* case study 2 testimonial section css ended */


    /* case study we solve section css start */
    h2.case-how-solve-sctn-title.center-title{
        margin: 0 auto 15px;
    }
    /* case study we solve section css ended */


    /* case study market place banner section css start */
    .market-plc-bnnr-img-col {
        width: 46%;
    }
    .market-plc-bnnr-cnt-col p {
        max-width: 100%;
    }
    .market-plc-bnnr-actn-row .btn-fill span,
    .market-plc-bnnr-actn-row .btn span {
        font-size: 14px;
    }
    /* case study market place banner section css ended */
}

@media (max-width: 1199px) {

    /* case study 2 testimonial css start */
    .testimonial-slider-wrapper.case-study-2 {
        padding-top: 50px; padding-bottom: 50px;
    }
    .testimonial-item .testimonial-content {
        flex: 0 0 44%; max-width: 44%;
    }
    .testimonial-slider-wrapper.case-study-2 .testimonial-item {
        gap: 10px;
    }
    .testimonial-slider-wrapper.case-study-2 .tech-icon-lists > li {
        width: 18%;
    }
    .testimonial-slider-wrapper.case-study-2 .testimonial-item .tech-icon-box img {
        max-height: 22px;
    }
    .testimonial-slider-wrapper.case-study-2 .tech-icon-box {
        height: 75px; padding: 5px 10px 5px;
    }
    .testimonial-slider-wrapper.case-study-2 .testimonial-item .quote {
        font-size: 25px;
    }
    .testimonial-delivered-list{
         overflow: hidden; overflow-x: auto; height: 50px; position: relative; flex-wrap: nowrap; padding-right: 20px;
    }
    .testimonial-delivered-list>*{
        flex-shrink: 0;
    }
    /* case study 2 testimonial css ended */
}


@media (max-width: 1025px) {
    /* case study 2 testimonial css start */
    .testimonial-slider-wrapper.case-study-2 .testimonial-item .quote {
        font-size: 22px;
    }
    .testimonial-slider-wrapper.case-study-2 .tech-icon-lists > li {
        width: 22%;
    }
    /* .tech-icon-lists > li {
        width: 20%; flex-shrink: 0;
    }
    .tech-icon-lists {
        overflow: hidden; overflow-x: auto; height: 100px; position: relative; flex-wrap: nowrap; padding-right: 20px;
    } */
    /* case study 2 testimonial css ended */
}


@media (max-width: 991px) {
    /* case study 2 banner css start */
    .banner-counter-row {
        margin: 0px auto;
    }
    /* case study 2 banner css ended */

    /* case study 2 servinn achieved section css start */
    .servinn-achieved-cards-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .servinn-achieved-card {
        padding: 16px 28px; row-gap: 5px;
    }
    .servinn-achieved-card .servinn-achieved-card-hdng {
        font-size: 28px;
    }
    .servinn-achieved-card .servinn-achieved-card-para {
        font-size: 14px;
    }
    /* case study 2 servinn achieved section css ended */

    /* case study 2 glance section css start */
    .project-glance-list>li {
        flex-direction: column; align-items: flex-start; row-gap: 10px;
    }
    .project-glance-card {
        flex-direction: column;
    }
    .project-glance-card .left-glance-col {
        width: 100%; display: none;
    }
    .project-glance-list>li .glance-right-col {
        flex: 1; width: 100%; text-align: left; padding-left: 40px;
    }
    /* case study 2 glance section css ended */

    /* case study 2 testimonial section css start */
    .case-study-2 .testimonial-item {
        flex-direction: column;
    }
    .case-study-2 .testimonial-item .testimonial-content,
    .case-study-2 .testimonial-item .testimonial-visuals {
        flex: 0 0 100%; max-width: 100%; padding-left: 0px !important; border: none;
    }
    .testimonial-right-content-wrap:before{
        display: none;
    }
    .tech-icon-lists > li {
        width: 20%; flex-shrink: 0;
    }
    .tech-icon-lists {
        overflow: hidden; overflow-x: auto; height: 100px; position: relative; flex-wrap: nowrap; padding-right: 20px;
    }
    /* case study 2 testimonial section css ended */

    /* market place app banner css start */
    .market-plc-bnnr-box {
        flex-direction: column;
    }
    .market-plc-bnnr-cnt-col {
        width: 100%; text-align: center; padding: 35px 50px; row-gap: 20px;
    }
    .market-plc-bnnr-cnt-col p {
        max-width: 535px; margin: 0px auto;
    }
    .market-plc-bnnr-actn-row {
        width: 100%; justify-content: center; align-items: center;
    }
    /* market place app banner css ended */
}

@media (max-width: 767px) {
    /* case study 2 common css start */
    .project-glance-card h2.glance-card-hdng, 
    .case-problem-solve-sctn h2.case-problem-sctn-title, 
    h2.case-how-solve-sctn-title, 
    h2.market-plc-bnnr-title {
        font-size: 28px; line-height: 32px;
    }
    /* case study 2 common css ended */

    /* case study 2 banner section css start */
    .banner-counter-row .counter {
        font-size: 25px;
    }
    .banner-counter-row>*{
        border:none; font-size: 12px; line-height: 1.2; padding: 10px 0px;
    }
    /* case study 2 banner section css ended */

    /* case study 2 project glance section css start */
    .project-glance-card {
        border-radius: 15px;
    }
    .project-glance-card .right-glance-col {
        row-gap: 15px; padding: 28px 20px; text-align: center;
    }
    /* case study 2 project glance section css ended */

    /* case study 2 servinn achieved section css start */
    .servinn-achieved-cards-list {
        grid-template-columns: repeat(1, 1fr);
    }
    /* case study 2 servinn achieved section css ended */


    /* case study 2 testimonial section css start */
    .testimonial-slider-wrapper.case-study-2 .testimonial-item {
        gap: 25px;
    }
    .case-study-2 .testimonial-item .testimonial-visuals{
        display: flex;
    }
    .case-study-2 .testimonial-item .testimonial-right-content-wrap{
        padding-left: 0px; row-gap: 10px;
    }
    .testimonial-slider-wrapper.case-study-2 .tech-icon-lists > li {
        width: 28%;
    }

    .case-study-2-testimonial-carousel .owl-nav{
        top:auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: -35px;
        width: 80px;
    }
    .case-study-2-testimonial-carousel .owl-nav button.owl-prev, 
    .case-study-2-testimonial-carousel .owl-nav button.owl-next{
        width: 30px;
        height: 30px;
    }
    .case-study-2-testimonial-carousel .owl-nav button.owl-prev img, 
    .case-study-2-testimonial-carousel .owl-nav button.owl-next img{
        max-width:12px;
        max-height:12px;
    }
    .case-study-2-testimonial-carousel .owl-nav button.owl-prev {
        /* transform: translateX(-20px); */
        transform: translateX(0px);
    }
    .case-study-2-testimonial-carousel .owl-nav button.owl-next {
        /* transform: translateX(20px); */
        transform: translateX(0px);
    }
    .case-study-2-testimonial-carousel .owl-nav button i{
        font-size: 12px;
        color: #000;
    }
    /* case study 2 testimonial section css ended */


    /* case study 2 marketplace app banner css start */
    .market-plc-bnnr-box{
        border-radius: 20px;
    }
    .market-plc-bnnr-cnt-col {
        padding: 35px 20px;
    }
    .market-plc-bnnr-img-col {
        width: 100%;
    }
    /* case study 2 marketplace app banner css ended */
}