/***********Common Class*********************/

.parent-position{

    position: relative;

}



.underline{

    text-decoration: underline;

}

input.error{ 

    border: 1px solid #FF5041 !important;

}

/**********Quick Header Menu*****************/

.quick-menu{

    background: rgba(202, 202, 202, 0.3);

}



.quick-menu .list-group-horizontal {

    justify-content: center;

    padding: 23px 0px;

    flex-direction: column;

}



.quick-menu .list-group-item {

    background-color: transparent;

    border: 1px solid transparent;

    padding: 0rem 1rem;

    color: #000000;

}



.quick-menu a{

    color: #000000;

}



.quick-menu .list-group-horizontal>.list-group-item:first-child {

    border-right: 1px solid #000000;

}



/***********Solutions Page*******************/



.solutions-experience .content-box{

    background: var(--color-yellow);

    padding: 36px 40px 36px 50px;

}



.solutions-experience h3 {

    margin-top: 30px;

    margin-bottom: 30px;

}



.solutions-experience a{

    text-decoration: underline;

    font-size: var(--font-size-p);

	line-height: 25px !important;

    color: var(--color-black);

}



.solutions-experience h5{

    border-top: 2px solid transparent;

    display: inline;

    padding-top: 18px;

}



.border-top-yellow{

    border-top: 2px solid var(--color-yellow) !important;

}



.border-top-pink{

    border-top: 2px solid #E6638F !important;

}



.border-top-blue{

    border-top: 2px solid #3881E4 !important;

}



.border-top-light-blue{

    border-top: 2px solid #61C5BC !important;

}



.border-top-dark-blue{

    border-top: 2px solid #A3A9F5 !important;

}



.border-top-dark-red{

    border-top: 2px solid #FF5041 !important;

}



.designer-journey{

    background: var(--color-black);

    padding: 30px 0px 240px 0px;

}



.journey-content-box{

    position: relative;

    padding: 30px 30px 123px 30px;

    background: #F6AEA4;

}



.journey-mini-content-box{

    background: #FFFFFF;

    padding: 34px 30px 30px 30px;

    position: absolute;

    bottom: -165px;

    right: 0;

}



.journey-mini-content-box a, .journey-mini-content-box h4{

    color: #000000;

}



.talk-to-us-btn{

    border-bottom: 1px solid #000000;

    display: inline;

}



.journey-blue-bg{

    background: #A3A9F5

}



.growth{

    padding: 30px 0px 0px 0px;

}





.growth-content {

    padding: 40px 0px 50px;

}



.work-with{

    padding: 96px 0px 166px 0px;

    background: #000000;

}



.work-with-content-box{

    background: #FFD748;

    padding: 64px 43px 75px 43px;

    position: relative;

    margin-top: -230px;

}



/* .work-with-content-left{

    position: relative;

} */



.work-with-content-mini {

    background: #00DD8D;

    padding: 14px 11px 14px 29px;

    position: absolute;

    right: 0px;

    bottom: -47px;

    width: 64%;

}



.iti--allow-dropdown{

    width:100%

}



@media(max-width: 576px){

    .journey-blue-bg {

        margin-top: 200px !important;

    }

}



@media(min-width: 768px){

    .quick-menu .list-group-horizontal {

        flex-direction: row;

    }



    .solutions-experience h3 {

        margin-top: 50px;

        margin-bottom: 50px;

    }



    .designer-journey{

        padding: 85px 0px 265px 0px;

    }



    .journey-content-box {

        min-height: 770px;

    }



    .growth{

        padding: 80px 0px 20px 0px;

    }



    .journey-content-box{

        padding: 66px 52px 123px 52px;

    }



    .journey-mini-content-box{

        padding: 34px 30px 54px 30px;

    }

}



@media(min-width: 992px){

    .journey-content-box {

        min-height: 660px;

    }

}



@media(min-width: 1200px){



    .quick-menu .list-group-item {

        padding: 0rem 2.5rem;

    }



    .growth-content{

        max-width: 870px;

        margin: auto;

    }



    .max-120{

        max-width: 1200px;

        margin: auto;

    }

    

    .solutions-experience .content-box {

        position: absolute;

        top: -50px;

        right: 35px;

    }

    .solutions-experience h4{

        line-height: 54px;

    }



    .solutions-experience h3 {

        margin-top: 97px;

        margin-bottom: 100px;

    }



    .journey-content-box {

        min-height: 593px;

    }



    .work-with-content{

        max-width: 768px;

        margin: auto;

    }

    

}



@media(min-width: 1366px){



}



/**********Services Single Page*****************/

.services-banner{

    background: #3881E4;

    padding: 30px 0px;

}



.research-tab{

    padding: 32px 0px 50px 0px;

}



.research-tab .nav-link {

    color: #CACACA;

}



.research-tab .nav-tabs .nav-link.active {

    color: #000000;

    border-color: transparent;

}



.research-tab .nav-tabs .nav-link:focus, .research-tab .nav-tabs .nav-link:hover {

    border-color: transparent;

    color: #000000;

}



.research-tab .nav-tabs {

    border-bottom: 1px solid transparent;

    justify-content: center;

}



.research-tab .accordion-item {

    border: 1px solid transparent;

    border-bottom: 1px solid #CACACA;

}



.research-tab .accordion-item:last-of-type{

    border-bottom: 1px solid transparent;

}



.research-tab .accordion-button:not(.collapsed) {

    color: #000000;

    background-color: transparent;

    box-shadow: inset 0 -1px 0 transparent;

}



.research-tab .accordion-button::after{

    background-image: url('../images/services/icon-plus.png');

    background-size: initial;

}



.research-tab .accordion-button:not(.collapsed)::after{

    content: "";

    background-image: url('../images/services/icon-minus.png');

}





.related-services{

    background: #000000;

    padding: 30px 0px 120px 0px;

}



.services-box{

    background: #17171A;

    border-radius: 12px;

    padding: 30px 33px 30px 33px;

}



.services-box img{

    width: 48px;

    height: 48px;

}



@media(min-width: 768px){

    .services-banner{

        padding: 80px 0px;

    }



    .research-tab{

        padding: 32px 0px 104px 0px;

    }



    .research-tab .tab-content{

        padding-top: 85px;

    }



    .related-services{

        padding: 112px 0px 200px 0px;

    }



    .services-box{

        padding: 36px 33px 75px 33px;

    }

}



/************UX Strategy page**************/



.ux-strategy-banner{

    background: var(--color-lpeach);

    padding: 30px 0px 30px 0px;

}



.btn-black{

    background: var(--color-black);

    color: rgba(255, 255, 255, 0.9);

    font-size: 18px;

    font-family: var(--font-main);

    padding: 20px 28px;

}



.btn-black:hover{

    color: #ffffff;

}



.key-elements .small-header {

    display: block;

    padding-top: 30px;

}



.key-elements h5 {

    display: block;

}



.bg-peach {

    background: var(--color-peach);

    border-radius: 17px;

    padding: 30px 20px 30px 20px;

}



.check-circle-line{

    display: flex;

    align-items: flex-start;

}



.peach-box-w {

    margin: 50px 10px 10px 10px;

}



.circle-img{

    flex-shrink: 0;

}



.client-who-trust-logos .swiper {

    height: auto;

}



.ux-strategy-testimonial {

    background: #ffffff;

    padding: 30px 0px 0px 0px;

}





.ux-strategy-testimonial h3{

    color: rgba(0, 0, 0, 0.9)

}



.ux-strategy-testimonial .test__desc{

    color: #000000;

    display: flex;

    align-items: baseline;

}



.ux-strategy-testimonial .test__titl{

    color: #000000;

}



.ux-strategy-testimonial .test__desc:before {

    content: url('../images/services/icon-testimonial.png');

    margin-right: 10px

}



.ux-strategy-testimonial .pin-spacer{

    margin-top: -45px !important;

    padding: 0px 0px 0px !important;

}



.ux-strategy-benefits {

    padding: 30px 0px 120px 0px;

    background: #000000;

}



.ux-swiper-slider-content {

    margin: 30px 0px 80px;

}



.ux-pagination{

    bottom: 50px !important;

}



@media (min-width: 768px){

    .ux-strategy-banner{

        padding: 80px 0px;

    }

    .service-banner-inner{ padding-left: 30px; padding-right: 30px;}



    .peach-box-w {

        margin: 50px 80px 100px 80px;

    }



    .bg-peach{

        padding: 63px 100px 75px 100px;

    }



    .ux-strategy-testimonial {

        background: #ffffff;

        padding: 95px 0px 30px 0px;

    }

    



    .key-elements .small-header {

        padding-top: 80px;

    }



    .key-elements h3 {

        margin-top: 40px;

        margin-bottom: 80px;

    }



    .key-kpi{

        padding: 80px 0px 130px 0px;

    }



    .kpi-box{

        min-height: 390px;

    }



    .ux-strategy-benefits{

        padding: 100px 0px 180px 0px;

    }

}



@media(min-width: 992px){

    .kpi-box{

        min-height: 362px;

    }

}



@media(min-width: 1200px){

    .kpi-box{

        min-height: 320px;

    }



    .ux-swiper-slider-content {

        margin: 50px 227px 120px;

    }

}



/*****************UX Research page***********************/



.ux-research-banner{

    background: var(--color-llavender);

}



.bg-light-blue{

    background: var(--color-lavender) !important;

}



@media(min-width: 768px){

    .key-kpi-research .kpi-box {

        min-height: 530px;

    }



    .key-kpi-research .kpi-box h4 {

        min-height: 160px;

    }

}



@media(min-width: 992px){

    .key-kpi-research .kpi-box {

        min-height: 480px;

    }



    .key-kpi-research .kpi-box h4 {

        min-height: 130px;

    }

}



@media(min-width: 1200px){

    .key-kpi-research .kpi-box {

        min-height: 395px;

    }



    .key-kpi-research .key-kpi-sec-dev .kpi-box {

        min-height: 300px;

    }



    .key-kpi-research .key-kpi-sec-dev .kpi-box h4 {

        min-height: 50px;

    }



    .key-kpi-sec-dev .services-box {

        padding: 36px 33px 30px 33px;

    }



    .key-kpi-research .kpi-box h4 {

        min-height: 100px;

    }

}





/***************UI Design page***************************/



.ui-design-banner{

    padding: 30px 0px;

}



.ui-banner-box{

    position: relative;

}



.ui-banner-content-box {

    background: #FFFFFF;

    padding: 30px 0px 0px 0px;

    /* position: absolute; */

    /* top: 120px; */

    /* width: 518px; */

    /* right: 60px; */

}





.max-768{

    max-width: 768px;

    margin: auto;

}



.ui-slide{

    background: transparent;

}



.ui-user-experience{

    padding: 30px 0px 0px 0px;

}



.dividing-growth{

    padding: 30px 0px 50px 0px;

}



.ui-pillars h3{

    margin-top: 0px;

    margin-bottom: 0px;

}



.ui-slide {

    padding-top: 0px;

}



.uidesignswiper .swiper-wrapper{

    margin-bottom: 60px;

}



@media(min-width: 768px){

    .ui-design-banner{

        padding: 100px 0px;

    }  



    .ui-banner-content-box{

        padding: 67px 16px 67px 41px;

        position: absolute;

        top: 120px;

        width: 518px;

        right: 60px;

    }



    .ui-pillars h3{

        margin-top: 30px;

        margin-bottom: 30px;

    }



    .ui-slide {

        padding-top: 50px;

    }



    .ui-user-experience{

        padding: 10px 0px 40px 0px;

    }

}





/***********Services New Listing page*************/



.services-new-banner{

    background: var(--color-black);

    padding: 30px 0px 140px 0px;

}



.btn-violet{

    background: var(--color-purple);

}



.btn-violet:hover{

    color: #ffffff;

}





.color-purple{

    color: var(--color-purple);

}



.services-common-section .btn-black{

    padding: 10px 40px;

}



.design-thinking-slide {

    padding: 30px 0px 130px 0px;

    background: #000000;

}



.design-thinking-slide .swiper-pagination-bullet{

    background: #ad9f9f;

}



@media(min-width: 768px){

    .services-new-banner .img-container {

        position: absolute;

        top: 78px;

        left: -130px;

    }



    .design-thinking-slide{

        padding: 70px 0px 160px 0px;

    }



    .services-new-banner {

        padding: 93px 0px 100px 0px;

    }

}



@media(min-width: 992px){

    .services-new-banner .img-container {

        top: 60px;

        left: -130px;

    }

}



@media(min-width: 1200px){

    .services-new-banner .img-container {

        top: -5px;

        width: 567px;

        left: -130px;

    }

}



@media(min-width: 1366px){

    .services-new-banner .img-container {

        top: 23px;

        width: 567px;

        left: -130px;

    }

}



/************Services UI Design page*****************/



.ui-strategy-banner{

    background: var(--color-lmustard);

}



.bg-mustard {

    background: var(--color-mustard) !important;

}



/************Services UX Audit page*****************/



.ux-audit-banner{

    background: var(--color-lmint);

}



.bg-mint {

    background: var(--color-mint) !important;

}



/************Services UI Development page*****************/



.ui-development-banner{

    background: var(--color-lorange);

}



.bg-peach {

    background: var(--color-peach);

}



/********************Solution New Page***************/



.quick-menu-new{

    background: #f2dd96; 

}



.solution-new-banner{

    background: var(--color-lyellow);

}



.solution-new-banner .btn-black{

    padding: 13px 30px;

}



.solution-new-banner h5{

    line-height: 39px;

}



.what-we-do-new{

    padding: 30px 0px 30px 0px;

    background: var(--color-black);

}



.designer-journey-new .journey-content-box{

    background: #FF5041;

    padding: 30px 30px 60px 30px;

}



.designer-journey-new .journey-mini-content-box {

    bottom: -200px;

}



.designer-journey-new .img-container-new {

    /* position: absolute; */

    /* bottom: 79px; */

    /* width: 69%; */

    margin-top: 200px;

}





.service-design-new-container .journey-mini-content-box {

    right: auto;

    left: 0;

}



.service-design-new-container .journey-content-box {

    background: #9EFF00;

}



.customer-experience-new-container .journey-content-box {

    background: #DB3678;

    padding: 30px 30px 60px 30px;

}



.designer-journey-new {

    padding: 30px 0px 30px 0px;

}



@media(min-width: 768px){

    .solution-banner-img-container{

        position: absolute;

        top: 0;

        right: 40px;

    }



    .solution-new-banner {

        padding: 64px 0px 66px 50px;

    }



    .what-we-do-new{

        padding: 130px 0px 110px 0px;

    }



    .designer-journey-new .img-container-new{

        position: absolute;

        bottom: 64px;

        margin-top: 0px;

    }



    .designer-journey-new .journey-content-box {

        padding: 60px 50px 120px 50px;

    }



    .service-design-new-container {

        margin-top: 260px;

    }



    .service-design-new-container .img-container-new {

        right: 0;

    }



    .customer-experience-new-container{

        margin-top: 260px;

    }



    .designer-journey-new {

        padding: 100px 0px 300px 0px;

    }

}



@media(min-width: 1200px){

    .quick-menu-new .list-group-item {

        padding: 0rem 2rem;

    }

}



@media(min-width: 1366px){

    .platforms-new {

        margin: 0px 150px 0px 150px;

    }



    .designer-journey-new .img-container-new{

        bottom: 79px;

    }

}



@media(min-width: 1600px){

    .platforms-new {

        margin: 0px 200px 0px 200px;

    }

}



/************Solutions - Product Design page*************/

.design-ops{

    padding: 10px 0px;

    background: #313131;

}



.design-ops p{

    font-size: 16px;

}



.design-ops a{

    font-size: 16px;

    color: var(--color-dblue);

}



.product-design-banner{

    background: var(--color-vlblue);

}



.product{

    padding: 30px 0px 30px 0px;

}



.design-product{

    padding: 20px 0px 30px 0px;

    background: #ffe5e2;

}



.color-black-opacity-9{

    color: rgba(0, 0, 0, 0.9);

}



.design-pink{

    background: var(--color-dblue);

}



.design-black{

    background: var(--color-black);

}



.btm-border {

    border-bottom: 1px solid #000000;

    padding-bottom: 30px;

}



.design-product .img-number{

    flex-shrink: 0;

}



.experience-studio{

    padding: 30px 0px 0px 0px;

}



.experience-studio-img-box{

    background: var(--color-lblack);

    padding: 46px 20px 40px 40px;

    position: relative;

}



.new-icon {

    position: absolute;

    top: -50px;

    right: 40px;

}



.product-design-platforms {

    padding: 0px 0px 30px 0px;

}



.work-with-common .work-with-content-box {

    background: #FF7F72;

}



.work-with-common .work-with-content-mini {

    background: #61C5BC;

}



.experience-studio{

    background: var(--color-black);

}



@media(min-width: 768px){

    .product-design-banner {

        padding: 64px 0px 30px 50px;

    }



    .product{

        padding: 100px 0px 50px 0px;

    }



    .design-product{

        padding: 60px 0px 70px 0px;

    }



    .btm-border {

        padding-bottom: 60px;

    }



    .experience-studio{

        padding: 80px 0px 0px 0px;

    }



    .product-design-platforms {

        padding: 30px 0px 50px 0px;

    }

}



/***********Solutions - Service design page****************/



.color-rose{

    color: #E6638F !important;

}



.design-rose{

    background: #E6638F;

}



/***********Solutions - Customer experience design page****************/



.color-green{

    color: #00DD8D !important;

}



.design-green{

    background: rgba(0, 221, 141, 0.15);

}



.design-green-dark{

    background: #00DD8D;

}



/*****************Services - Design thinking page new sections*************/



.design-is-more{

    background: var(--color-black);

    padding: 34px 0px 150px 0px;

}



.impact-design{

    background: var(--color-dblue);

    padding: 30px;

    color: #ffffff;

}



@media(min-width: 768px){

    .design-is-more{

        padding: 74px 0px 150px 0px;

    }

}



@media(min-width: 1200px){



    .img-free-width-left {

        max-width: none;

        margin-left: -170px;

    }



    .img-free-width-right {

        max-width: none;

        margin-right: -170px;

    }

}



/***************Solutions page new section***************/

.related-solutions{

    background: var(--color-black);

    padding: 30px 0px 150px 0px;

}



@media(min-width: 768px){

    .related-solutions{

        padding: 93px 0px 220px 0px;

    }

}







/********************extra updates************************/



.color-dark-lavendar{

    color: var(--color-dlavender) !important;

}



.service-design-banner{

    background: var(--color-vllavender);

}



.design-lavendar{

    background: var(--color-dlavender);

}



.service-design-product{

    background: #f0ffd9 !important;

}



.color-dark-green{

    color: var(--color-dgreen) !important;

}



.customer-design-banner{

    background: var(--color-vlmint);

}



.customer-design-product{

    background: #fae1eb;

}



.design-green{

    background: var(--color-dgreen)

}



.bg-lavendar{

    background: var(--color-lavender);

}





/******************About Us**************************/



.color-bg-dblue{

    background: var(--color-dblue);

} 



.about-us-banner{

    padding: 30px 0px 30px;

}



.our-values-sec{

    padding: 30px 0px;

}



.bg-black{

    background: var(--color-black);

}



.our-values-box{

    padding: 20px;

}



.bg-peach-sec{

    background-color: var(--color-peach);

}



.join-us-sec{

    padding: 30px 0px 150px;

}





@media(min-width: 768px){

    .about-us-banner{

        padding: 100px 0px 125px;

    }



    .our-values-sec{

        padding: 85px 0px;

    }



    .our-values-box{

        padding: 40px;

        min-height: 690px;

    }



    .our-values-box h4{

        min-height: 80px;

    }



    .join-us-sec{

        padding: 95px 0px 180px;

    }

}



@media(min-width: 992px){

    .our-values-box{

        min-height: 545px;

    }

}



@media(min-width: 1200px){

    .our-values-box{

        min-height: 470px;

    }

}



@media(min-width: 1400px){

    .our-values-box{

        min-height: 450px;

    }

}



/***************Hire on Demand page*****************/



.hire-on-demand-banner{

    background: var(--color-neon-green);

}



.form-sec{

    padding: 80px 0px 180px;

    position: relative;

    z-index: 1;

}



.hire-form {

    background: #F8F6F1;

    padding: 50px;

}



.hire-form .btn-black{

    padding: 15px 60px;

}



.hire-form .form-control {

    border: 1.40526px solid #BCBCBC;

    border-radius: 1.40526px;

    background: transparent;

}



.hire-form label{

    font-size: 16px;

    color: var(--color-black);

    margin-bottom: 10px;

}



.hire-form .form-check {

    border: 1.40526px solid #BCBCBC;

    border-radius: 1.40526px;

    margin: auto;

}



@media(min-width: 768px){

    .hire-on-demand-banner{

        padding: 64px 0px 0px 50px; 

    }

}





/*****************Clients page************************/

@media(min-width: 786px){

    .clients-page-banner {

        padding: 93px 0px 190px 0px;

    }

}



/************footer ****************/



.footer-top {

    position: relative;

    z-index: 1;

}





/***********Thank you page************/



.thankyou-banner{

    background: url('../images/thankyou/thankyou-banner.jpg') no-repeat center center;

    background-size: cover;

    padding: 90px 0px;

}



.thankyou-box {

    background: #ffffff;

    padding: 45px 30px;

    /* width: 710px; */

    /* margin: auto; */

}



.thank-you .footer--cta-o{

    display: none;

}



.tq-star {

    position: absolute;

    top: -82px;

    right: 0;

}



@media(min-width: 768px){

    .thankyou-banner{

        padding: 120px 0px;

    }



    .thankyou-box{

        padding: 80px 60px;

        width: 710px;

        margin: auto;

    }

}





/**********Hear from clients box*****************/



.hear-from-client{

    padding: 30px 0px 30px 0px;

}



.hear-from-box{

    background: #FFFFFF;

    border-radius: 12.9893px;

    padding: 30px 25px;

    box-shadow: 0px 0px 14px 0px rgba(199,199,199,1);

}



.hear-from-box .post{

    font-size: 14px;

}



@media(min-width: 768px){

    .hear-from-client{

        padding: 50px 0px 100px 0px;

    }



    .hear-from-box{

        min-height: 490px;

    }

}



@media(min-width: 992px){

    .hear-from-box{

        min-height: 464px;

    }

}



@media(min-width: 1200px){

    .hear-from-box{

        min-height: 536px;

    }

}



/**********Contact Us page*****************/



.contact-us-page .btn-violet{

    background: #505050;

}



.contact-us .footer--cta-o{

    display: none;

}



@media(min-width: 768px){

    

    .contact-us-page {

        padding: 93px 0px 0px 0px;

    }

}



/****************Privacy Policy page******************/

.privacy-policy-banner{

    background: #092067;

    padding: 30px 0px;

}



.privacy-policy .footer--cta-o{

    display: none;

}



/***********Feedback Swiper******************/



.hear-from-client .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{

    bottom: -5px;

}



/***********Clients page Review box*************/

.clients .hear-from-box{

    box-shadow: none;
}



@media(min-width: 1200px){

    .clients .hear-from-box{

        min-height: 365px;

        padding: 30px 40px;

        width: 100%;

    }

    .clients .hear-from-box h6{ line-height: 28px;}

    .clients .review-col{ display: flex;}

}







/*******************Market slide-section*************/



/* .market{ background: #000;}

.market .container{ width: 100%; max-width: 100%;} */

.market--slider{ overflow: hidden; padding-top: 50px;}

.market--slider .swiper {width: 100%; height: 100%;}

.market--slider .swiper-wrapper{ align-items: center; -webkit-transition-timing-function:linear!important;    transition-timing-function:linear!important; position: relative;}

.market--slider .swiper-slide {

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

  }

  .slick-slide .market-box{ width: 365px; height: 205px; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 26px; padding: 10px 20px; font-weight: 600; margin-left: 10px; margin-right: 10px;}



  @media (min-width: 992px) {

    .slick-slide .market-box{ font-size: 20px; line-height: 32px;}

}



  @media (min-width: 1200px) {

    .slick-slide .market-box{ font-size: 26px; line-height: 39px; float: right;}

  }



 /* .slick-slider .slick-track, .slick-slider .slick-list {direction: ltr;}



[dir='rtl'] .slick-slide{float: left; }  */





/****************Health care page**********************/



.healthcare-banner{ 

    background: url('../images/industries/healthcare/healthcare-banner.jpg') no-repeat; 

    background-size: cover;

}



.our-professional{

    background: #F9FAFF;

}



.professional-points{

    padding: 20px;

}



.our-professional h5{

    padding: 20px;

    margin-bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.professional-points p{

    display: flex;

    align-items: flex-start;

}



.professional-points p::before{

    content: url('../images/healthcare/tick-circle-icon.png');

    margin-right: 12px;

}



.pbh-color-1{

    background: #FF7F72;

}



.pbh-color-2{

    background: #F8D37B;

}



.pbh-color-3{

    background: #A3A9F5;

}



.pp-color-1{

    background: rgba(255, 127, 114, 0.3);

}



.pp-color-2{

    background: rgba(248, 211, 123, 0.3);

}



.pp-color-3{

    background: rgba(163, 169, 245, 0.3);

}



@media(min-width: 768px){

    .professional-points{

        padding: 30px;

        min-height: 645px;

    }



    .our-professional h5{

        padding: 20px 30px;

        min-height: 120px;

    }

}



@media(min-width: 992px){

    .professional-points{

        min-height: 590px;

    }

}



@media(min-width: 1200px){

    .our-professional h5{

        min-height: 100px;

    }



    .professional-points{

        min-height: 480px;

    }



    .healthcare-tabs .ibt-tab-links .nav-tabs .nav-link {

        font-size: 23px;

    }

}



@media(min-width: 1400px){

    .professional-points{

        min-height: 440px;

    }

}



@media(min-width: 1600px){

    .professional-points{

        min-height: 407px;

    }

}



/*custom lp css*/



.page-sec-2 h3{

    max-width: 850px;

    margin: 0px auto 30px;

}

.toggle-sec h3

{

    font-weight:500;

    font-size: 32px;

}

.toggle-sec .col-lg-9

{

    padding-right: 0px !important;

    padding-left: 0px !important;

}

.para-bold

{

font-weight: 600;

}

.process-box

{

    border-radius: 7.456px;

background: #17171A;

    padding:54px 27px 43px 30px;

   margin-bottom:1rem;

   

}

.spg-usa .process-box

{

    height:375px;

}

.bg-sandal

{

    background-color: #F1F1F1;

}

.bg-lightviolet

{

    background-color: rgba(237, 238, 253, 1);

}

.bg-lpeach

{

    background-color: rgba(246, 174, 164, 0.5);

}

.bg-bluishgrey

{

    background-color: rgba(16, 45, 135, 0.5);

}

.bg-lgrey{

    background-color: rgba(202, 202, 202, 0.5);

}

.space-btm

{

    margin-bottom:80px;

}

.sp-100

{

    padding-top: 90px;

    padding-bottom:100px;

}

.spg-virginia .process-box

{

    height:415px;

}

.spg-massachusetts .process-box

{

    height:370px;

}

.spg-california .process-box

{

    height:420px;

}

.spg-ohio .process-box

{

    height:400px;

}

.spg-newyork .process-box

{

    height:368px;

}

.spg-texas .process-box

{

    height:450px;

}  

.spg-washington .process-box

{

    height:350px;

} 

.spg-seattle .process-box

{

    height:475px;

} 

.spg-sanfrancisco .process-box

{

    height:370px;

}

.spg-oregon .process-box

{

    height:445px;

} 

.spg-kansas .process-box

{

    height:450px;

} 

.spg-iowa .process-box

{

    height:425px;

}  

@media (min-width:1200px)

{

   .spg-virginia.seo-market-research .smr-inner

   {

    background: linear-gradient(to bottom, transparent 0%, transparent 97%,rgba(255,255,255,1) 87%,rgba(255,255,255,1) 100%);

   }

   .spg-california.seo-market-research .smr-inner

   {

    background: linear-gradient(to bottom, transparent 0%, transparent 92%,rgba(255,255,255,1) 87%,rgba(255,255,255,1) 100%);

   }

   .spg-ohio.seo-market-research .smr-inner

   {

    background: linear-gradient(to bottom, transparent 0%, transparent 96%,rgba(255,255,255,1) 87%,rgba(255,255,255,1) 100%);

   }

   .spg-washington.seo-market-research .smr-inner, .spg-sanfrancisco.seo-market-research .smr-inner

   {

    background: linear-gradient(to bottom, transparent 0%, transparent 100%,rgba(255,255,255,1) 87%,rgba(255,255,255,1) 100%);

   }

   .spg-seattle.seo-market-research .smr-inner

   {

    background: linear-gradient(to bottom, transparent 0%, transparent 91%,rgba(255,255,255,1) 87%,rgba(255,255,255,1) 100%);

   }   

}

@media only screen and (min-width:1336px) {

    .spg-usa .process-box

    {

        height:425px;

    }

    .spg-virginia .process-box

    {

        height:452px;

    }

    .spg-massachusetts .process-box

{

    height:405px;

}

.spg-california .process-box

{

    height:475px;

}

.spg-newyork .process-box

{

    height:410px;

}

.spg-texas .process-box

{

    height:500px;

}  

.spg-washington .process-box

{

    height:375px;

} 

.spg-seattle .process-box

{

    height:538px;

}

.spg-sanfrancisco .process-box

{

    height:400px;

}

.spg-oregon .process-box

{

    height:505px;

}  

.spg-kansas .process-box

{

    height:530px;

} 

.spg-iowa .process-box

{

    height:450px;

}   

}

@media only screen and (max-width:1024px) {

    .sp-100

    {

        padding-top: 70px;

    padding-bottom: 80px;

    }

    .space-btm

{

    margin-bottom:0px;

    padding-bottom:50px;

}

.spg-usa .process-box

{

    height:450px;

}

.spg-virginia .process-box

{

    height:470px;

}

.spg-massachusetts .process-box

{

    height:425px;

}

.spg-california .process-box

{

    height:500px;

}

.spg-ohio .process-box

{

    height:445px;

}

.spg-newyork .process-box

{

    height:418px;

}

.spg-texas .process-box

{

    height:520px;

}  

.spg-washington .process-box

{

    height:395px;

}  

.spg-seattle .process-box

{

    height:550px;

}

.spg-sanfrancisco .process-box

{

    height:420px;

}  

.spg-oregon .process-box

{

    height:545px;

}   

.spg-kansas .process-box

{

    height:550px;

}

.spg-iowa .process-box

{

    height:475px;

} 

}

@media only screen and (max-width:991px) {

    

    .sp-100

    {

        padding-top: 50px;

    padding-bottom: 60px;

    }

    .toggle-sec .col-lg-9

{

    padding-right: 1rem !important;

    padding-left: 1rem !important;

}

.spg-usa .process-box

    {

        height:315px;

    }

.spg-virginia .process-box

{

    height:350px;

}

.spg-massachusetts .process-box

{

    height:320px;

}

.spg-california .process-box

{

    height:370px;

}

.spg-ohio .process-box

{

    height:320px;

}

.spg-newyork .process-box

{

    height:310px;

} 

.spg-texas .process-box

{

    height:395px;

}  

.spg-washington .process-box

{

    height:300px;

} 

.spg-seattle .process-box

{

    height:390px;

} 

.spg-sanfrancisco .process-box

{

    height:315px;

}   

.spg-oregon .process-box

{

    height:395px;

} 

.spg-kansas .process-box

{

    height:400px;

}

.spg-iowa .process-box

{

    height:370px;

}

}

@media only screen and (min-width:992px)

{

    .toggle-sec .dwf-col

    {

        margin-bottom:0px;

    }

}

@media only screen and (max-width:768px) {

    

    .sp-100

    {

        padding-top: 40px;

    padding-bottom: 50px;

    }

    .spg-usa .process-box

    {

        height:345px;

    }

    .spg-virginia .process-box

{

    height:370px;

}

.spg-massachusetts .process-box

{

    height:340px;

} 

.spg-california .process-box

{

    height:385px;

} 

.spg-ohio .process-box

{

    height:345px;

} 

.spg-newyork .process-box

{

    height:340px;

} 

.spg-texas .process-box

{

    height:420px;

}

.spg-washington .process-box

{

    height:315px;

}   

.spg-seattle .process-box

{

    height:420px;

}  

.spg-sanfrancisco .process-box

{

    height:340px;

}  

.spg-oregon .process-box

{

    height:430px;

}

.spg-kansas .process-box

{

    height:420px;

} 

.spg-iowa .process-box

{

    height:375px;

}

}

@media only screen and (max-width:600px) {

    .process-box

    {

        height:auto !important;

        padding:20px;

    }

    .sp-100

    {

        padding-top: 30px;

    padding-bottom: 40px;

    }

    .space-btm

    {

        padding-bottom:10px;

    }

    .toggle-sec .col-lg-9

{

    padding-right: 0.5rem !important;

    padding-left: 0.5rem !important;

}

}





/* Seo pages april30 CSS starts from here */

/* Manohar CSS starts from here */

.designer-thinking-sec3 .design-blue-bg, .designer-thinking-sec4 .design-blue-bg {

    background: #A3A9F5 !important;

}

.designer-thinking-sec3 .customer-experience-new-container .journey-content-box, .designer-thinking-sec4 .customer-experience-new-container .journey-content-box {

    background: #00DD8D !important;

}

.design-thinking-bg-new.pd--banner {

    background: rgba(163, 168, 245, 0.15);

}

.design-thinking-ls .ors-btm-box {

    padding: 35px;

    background: #343434;

    height: 280px;

}

.design-thinking-lsec .ors-btm-box {

    padding: 35px;

    background: #343434;

    height: 280px;

}

.design-thinking-ls .related-solutions {

    background: var(--color-black);

    padding: 30px 0px 150px 0px;

}

.design-thinking-ls .related-solutions {

    background: var(--color-black);

    padding: 30px 0px 150px 0px;

}

.bg-yel {

    background: #F8D37B;

    border-radius: 17px;

    padding: 50px;

}

.design-think-swiper {

    border-radius: 17px;

}

.bg-blac {

    background: var(--color-black);

}

.dtc-box {

    background: #D1D4FA;

    border-radius: 17px;

}

.bg-lppink {

    background: rgba(229, 99, 142, 0.5) !important;

}

.bg-lpmauve {

    background: rgba(120, 124, 169, 1) !important;

    border-radius: 0px;

}

.bg-lplavender {

    background: #A3A9F5 !important;

}

.dtc-spec-box {

    margin: auto auto -182px auto;

}

.bg-lplight-pink {

    background: rgba(229, 99, 143, 0.15);

}

.lp-para-color p {

    color: rgba(255, 255, 255, 0.90);

}

.faq-sec .faq-accordion .accordion-item {

    border-bottom: 0px !important;

    padding-bottom: 0px;

}

.faq-sec .faq-accordion .accordion-button {

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    padding-bottom: 30px;

}

.faq-slider .swiper-pagination-bullet-active {

    background: #fff;

}

.faq-slider .swiper-pagination-clickable .swiper-pagination-bullet {

    background: #fff;

}

.faq-slider .swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: 60px;

}

.bg-lpyel {

    background: rgba(248, 211, 123, 0.50) !important;

}

.bg-lpnavy {

    background: rgba(9, 32, 103, 1);

}

.btmf-border {

    border-bottom: 1px solid rgba(255, 255, 255, 0.50) !important;

    padding-bottom: 50px;

}

.faci-sec {

    margin-top: -120px;

    margin-bottom: 200px;

}

.btm-border-none {

    border: 0px !important;

}

.designer-thinking-sec4.designer-journey-new .img-container-new {

    margin-top: 80px;

}

.designer-thinking-sec4.designer-journey-new {

    padding: 60px 0px 120px 0px;

}

.bg-lpnavy {

    padding: 63px 100px 75px 100px;

    margin: 50px auto;

}

.bg-lpneon-green {

    background-color: rgba(158, 255, 0, 0.5) !important;

}

.brand-trans-bannerr {

    background: rgba(97, 197, 188, 0.15);

}

.dtt-boxx .dt-wwo-col:nth-of-type(1) .dt-bg-color {

    background: #f8f4fc !important;

}

.dtt-boxx .dtt-boxx.dt-wwo-col:nth-of-type(2) .dt-bg-color {

    background: #fff9f8 !important;

}

.dtt-boxx .dt-wwo-col:nth-of-type(3) .dt-bg-color {

    background: #f7fcfc !important;

}

.dtft-sec3.product {

    padding: 0px 0px 60px 0px !important;

}

.lav-text-bl .dtc-box-content p {

    color: #000;

}

.dtt-boxxx .dt-wwo-col {

    background: #fff;

}

.dtt-boxxx .dt-wwo-col:nth-of-type(2) .dt-bg-color {

    background: #fff !important;

}

.dtt-boxxx .dt-wwo-col:nth-of-type(3) .dt-bg-color {

    background: #fff !important;

}

.dtft-box3 .dt-wwo-col:nth-of-type(1) .dt-bg-color {

    background: #6C2DC70D !important;

}

.dtft-box3 .dt-wwo-col:nth-of-type(2) .dt-bg-color {

    background: #FF7F720D !important;

}

.dtft-box3 .dt-wwo-col:nth-of-type(3) .dt-bg-color {

    background: #E5638F0D !important;

}

.dtft-box3 .dt-wwo-col:nth-of-type(4) .dt-bg-color {

    background: #f7fcfc !important;

}

.dtft-box3 .dt-wwo-col:nth-of-type(5) .dt-bg-color {

    background: rgba(255, 215, 72, 0.05) !important;

}

.dtft-box3 .dt-wwo-col:nth-of-type(6) .dt-bg-color {

    background: rgba(255, 80, 65, 0.05) !important;

}

.dtft-box3 .dt-wwo-col:nth-of-type(7) .dt-bg-color {

    background: rgba(56, 129, 228, 0.05) !important;

}

.dtt-sec-3 h6 {

    font-family: IBM Plex Sans;

    font-size: 18px !important;

    font-weight: 400 !important;

    line-height: 25.31px;

    color: rgb(255, 255, 255, 0.9);

}

.designer-thinking-sec4.designer-journey-new .journey-content-box, .designer-thinking-sec3.designer-journey-new .journey-content-box {

    background: #FF7F72;

}

.designer-thinking-sec3.designer-journey-new .journey-mini-content-box {

    width: 80%;

    bottom: -165px;

}

.designer-thinking-sec3 .service-design-new-container, .designer-thinking-sec3 .customer-experience-new-container {

    margin-top: 200px;

}

.faq-sec {

    margin-bottom: 200px;

}

.faq-sec.bg-black {

    margin-bottom: 0px;

	padding-bottom: 200px;

}

.special-elements .border-top-yellow {

    border-top: 3px solid var(--color-yellow) !important;

}

.special-elements .border-top-pink {

    border-top: 3px solid #E6638F !important;

}

.special-elements .border-top-blue {

    border-top: 3px solid #3881E4 !important;

}

.special-elements .border-top-light-blue {

    border-top: 3px solid #61C5BC !important;

}

.special-elements .border-top-dark-blue {

    border-top: 3px solid #A3A9F5 !important;

}

.special-elements .border-top-dark-red {

    border-top: 3px solid #FF5041 !important;

}

/* jhsvghcs */

.border-top-light-orange {

    border-top: 3px solid #FF7F72 !important;

}

.border-top-light-green {

    border-top: 3px solid #00DD8D !important;

}

.border-top-neon-green {

    border-top: 3px solid #9EFF00 !important;

}

.border-top-neon-pink {

    border-top: 3px solid #FD236B !important;

}

.border-top-fuschia {

    border-top: 3px solid #DB3678 !important;

}

.border-top-dark-purple {

    border-top: 3px solid #6C2DC7 !important;

}

.dt-fintech {

    background: rgba(108, 45, 199, 0.15);

}

.bg-lpyellow {

    background: #FFD748;

}

.ors-btm-txt a > h3 {

    color: #fff;

    font-family: Circular Std;

    font-size: 36px;

    font-weight: 500;

    line-height: 46.3px;

}

.ors-btm-txt a:hover > h3 {

    color: #9EFF00;

}

.slide-mt-0 {

    margin-top: 0px !important;

}

.testi-desktop-slider.slide-mt-0 .c-slider-box01 {

    margin: 0px 0px;

}

.testi-desktop-slider.slide-mt-1 .c-slider-box01 {

    margin: auto 60px auto auto;

}

.testi-desktop-slider.slide-mt-1 .c-slider-box01, .slider-widty .testi-desktop-slider.slide-mt-1 .c-slider-box02 {

    min-width: 100%;

}

.testi-desktop-slider.slide-mt-1 .c-slider-box02 {

    margin: 0px 40px;

}

.slid-h-spec {

    height: 400px;

}

.slid-h-specs {

    height: 600px;

}

.slider-widty .testi-desktop-slider .c-slider-box02 {

    min-width: 90%;

}

.peach-box-win {

    margin: 50px 80px 100px 80px;

}

.bg-lpmauve {

    padding: 63px 100px 75px 100px;

}

.design-think-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: 5px;

}

.spb-90 {

    padding-bottom: 90px;

}

.ed-tech-slider .swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: 5px;

}

.ed-tech-slider .swiper-pagination-bullet-active, .design-think-swiper .swiper-pagination-bullet-active {

    background: #6C2DC7;

}

.workshop-ban h4 {

    line-height: 39.38px;

}

.workshop-ban .btn, .design-ban-btn .btn {

    width: unset;

    height: unset;

    padding: 10px 30px;

    margin-top: 10px;

}

.workshop-ban .btn:hover, .design-ban-btn .btn:hover {

    background: #000;

    color: #fff;

}

.max-730 {

    max-width: 730px;

}
.origin-wh {

    color: rgba(255, 255, 255, 0.8);

}

.btmm-border {

    border-bottom: 1px solid #000000;

    padding-bottom: 30px;

}

.last-sec-space {

    margin-bottom: 200px !important;

}

.origin-companies-blue {

    background: rgba(56, 129, 228, 0.15);

}

.bg-grey {

    background: rgba(241, 241, 241, 1);

}

@media (min-width: 768px) {

    .design-thinking-bg-new.pd--banner {

        background: linear-gradient(to bottom, rgba(163, 168, 245, 0.15) 0%, rgba(163, 168, 245, 0.15) 92%, #ffffff 92%, #ffffff 100%);

    }

    .design-thinking-lsec.related-solutions {

        padding: 60px 0px 80px 0px;

    }

    .design-thinking-ls.related-solutions {

        padding: 60px 0px 0px 0px;

    }

    .bg-yel {

        padding: 50px;

    }

    .new-service-design-new-container {

        margin-top: 20px;

    }

}

@media (min-width: 1200px) {

    .designer-thinking-sec3 .journey-content-box, .designer-thinking-sec4 .journey-content-box {

        min-height: 500px;

    }

    .ux-research-infog-new img {

        width: 275px;

    }

}

.c-slider-box01 .bg-yel {

    height: 80vh;

}

/* Media query for Macbook Air */

@media (min-width: 1201px) and (max-width: 1440px) {

    .c-slider-box01 .bg-yel {

        height: 100vh;

        /* Adjusted height for Macbook Air */

    }

}

/* Media query for Macbook Pro */

@media (min-width: 1441px) and (max-width: 1700px) {

    .c-slider-box01 .bg-yel {

        height: 90vh;

        /* Adjusted height for Macbook Pro */

    }

}

/* style for mobile */

@media (max-width: 767px) {

    .design-thinking-ls .ors-btm-box {

        margin-bottom: 20px;

    }

    .design-thinking-lsec .ors-btm-box {

        margin-bottom: 20px;

    }

    .design-thinking-lsec.related-solutions {

        padding: 40px 0px 40px 0px;

    }

    .design-thinking-ls.related-solutions {

        padding: 40px 0px 40px 0px;

    }

    .dtc-spec-box {

        margin: auto;

    }

    .mb-d-none {

        display: none;

    }

    .peach-box-win {

        margin: 10px 10px 30px 10px;

    }

    .client-logo-sp {

        margin-top: -2px;

    }

    .bg-lpnavy {

        padding: 63px 0px 75px 0px;

    }

    .designer-thinking-sec4.designer-journey-new .img-container-new {

        margin-top: 0px;

    }

    .faci-sec {

        margin-top: 60px;

        margin-bottom: 150px;

    }

    .faq-sec {

        margin-bottom: 100px;

    }

    .ors-btm-txt a > h3 {

        font-size: 24px;

        line-height: 28.3px;

    }

    .design-thinking-ls .ors-btm-box, .design-thinking-lsec .ors-btm-box {

        height: 200px;

    }

    .bg-lpmauve {

        padding: 50px 0px 50px 0px;

    }

    .yel-hei {

        height: 150vh !important;

    }

    .designer-thinking-sec3 .service-design-new-container, .designer-thinking-sec3 .customer-experience-new-container {

        margin-top: 0px;

    }

    .workshop-ban h4 {

        line-height: 32px;

    }

    .designer-thinking-sec4.designer-journey-new {

        padding: 40px 0px 1px 0px;

    }

    .bg-lpnavy {

        padding: 40px 0px 40px 0px;

    }

}

/* css for tablet */

/* Styles for tablets (portrait and landscape) */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .faq-slider .swiper-pagination-bullets.swiper-pagination-horizontal {

        bottom: 40px;

    }

    .bg-peach {

        padding: 40px !important;

    }

    .dtft-sec.product {

        padding: 50px 0px 51px 0px;

    }

    .bg-lpnavy {

        padding: 63px 30px 75px 30px;

    }

    .ors-btm-txt a > h3 {

        font-size: 22px;

        line-height: 30.3px;

    }

    .peach-box-win {

        margin: 50px 40px 100px 40px;

    }

    .bg-lpmauve {

        padding: 63px 40px 75px 40px;

    }

    .studio-h {

        height: 250px;

    }

    .yel-hei {

        height: 80vh;

    }

    .design-thinking-ls.related-solutions {

        padding: 60px 0px 60px 0px;

    }

}

/* design-thinking-companies css end*/

/* Manohar CSS ends  here */

/* Start:  Vishnu css */

.grey-bg {

    background-color: #f1f2fd !important;

}

.bg-ylw {

    background-color: #f8d37b !important;

}

.b-radius {

    border-radius: 17px;

}

.facilitator-box {

    height: 371px;

    display: flex;

    border-radius: 21px;

    align-items: center;

    background-image: url(../images/seo/design-thinking-workshops/green-img-bg.png);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}

.p-typo {

    font-family: Circular Std;

    font-size: 20px;

    font-weight: 500;

}

.ctn-btn-post {

    position: relative;

    bottom: 70px;

}

.faq-slider .swiper-pagination-bullet-active {

    background: #fff;

}

.faq-slider .swiper-pagination-clickable .swiper-pagination-bullet {

    background: #fff;

}

.faq-slider .swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: 80px;

}

.pin-spacer {

    margin-top: 0px !important;

}

/* Start:  Ed tech page */

.pink-bg {

    background-color: #ffbfb8 !important;

}

.defining-bg {

    background-color: #F6AEA4;

}

.dt-wwo-col:nth-of-type(1) .dt-bg-color {

    background: #ffffff !important;

}

.dt-wwo-col:nth-of-type(2) .dt-bg-color {

    background: #f8f4fc !important;

}

.dt-wwo-col:nth-of-type(3) .dt-bg-color {

    background: #fff9f8 !important;

}

.dt-wwo-col:nth-of-type(4) .dt-bg-color {

    background: #fef7f9 !important;

}

.dt-wwo-col:nth-of-type(5) .dt-bg-color {

    background: #f7fcfc !important;

}

.dt-wwo-col:nth-of-type(6) .dt-bg-color {

    background: #fffdf6 !important;

}

.swiper01:nth-child(1n) {

    width: 100%;

}

.swiper01:nth-child(2n) {

    width: 100%;

}

.swiper01:nth-child(3n) {

    width: 100%;

}

.jou-col:nth-of-type(1) .jou-cont-box-h {

    background-color: #FF7F72;

}

.jou-col:nth-of-type(2) .jou-cont-box-h {

    background-color: #FFD748;

}

.jou-col01 .jou-cont-box-h {

    background-color: #00DD8D !important;

}

.violet-bg {

    background-color: #6C2DC7;

}

@media (min-width: 1200px) {

    .swiper01:nth-child(1n) {

        width: 63%;

    }

    .swiper01:nth-child(2n) {

        width: 100%;

    }

    .swiper01:nth-child(3n) {

        width: 100%;

    }

    .jou-cont-box-h {

        min-height: 535px !important;

    }

}

@media (max-width: 767px) {

    .img-new-h {

        margin-top: 0px !important;

    }

    h4.font-s {

        font-size: 20px;

    }

    .facilitator-box {

        height: auto;

    }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    h4.font-s {

        font-size: 20px;

    }

    .p-typo {

        font-size: 18px;

    }

    .facilitator-box {

        height: 430px;

    }

}

/* End:  Ed tech page */

@media (min-width: 1200px) {

    .ctn-btn-post .btn {

        border-radius: 50px;

        font-size: 20px;

        padding: 5px 30px;

    }

    .sp-80 {

        padding-top: 80px;

        padding-bottom: 80px;

    }

    .ctn-btn-post {

        position: relative;

        bottom: 80px;

    }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .ctn-btn-post {

        position: relative;

        bottom: 52px;

        right: 0px;

    }

    .ctn-btn-post .btn {

        border-radius: 50px;

        padding: 8px 15px;

    }

    .sp-80 {

        padding-top: 50px;

        padding-bottom: 50px;

    }

    .faq-slider .swiper-pagination-bullets.swiper-pagination-horizontal {

        bottom: 60px;

    }

    .client-logo-sp {

        margin-top: -2px;

    }

}

@media (max-width: 767px) {

    .ctn-btn-post {

        position: relative;

        bottom: 60px;

        right: 0px;

        left: 0px;

    }

    .ctn-btn-post .btn {

        padding: 8px 15px;

    }

    .sp-80 {

        padding-top: 50px;

        padding-bottom: 50px;

    }

    .faq-slider .swiper-pagination-bullets.swiper-pagination-horizontal {

        bottom: 60px;

    }

}

.bg-testi-color {

    background-color: #F1F1F1 !important;

}

.testi-desktop-slider .c-slider-box01 {

    margin: 0px 10px;

    min-width: 80%;

    min-height: unset;

    height: auto;

}

.testi-desktop-slider .c-slider-box02 {

    margin: 0px 10px;

    min-width: 100%;

    min-height: unset;

    height: auto;

}

.swiper01:nth-child(1n) {

    width: 100%;

}

.swiper01:nth-child(2n) {

    width: 100%;

}

.swiper01:nth-child(3n) {

    width: 100%;

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .swiper01:nth-child(1n) {

        width: 73%;

    }

    .swiper01:nth-child(2n) {

        width: 100%;

    }

    .swiper01:nth-child(3n) {

        width: 100%;

    }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .mob-h-sli {

        height: 500px;

    }

}

.mac-h {

    height: 400px;

}

.testi-tit02 {

    top: 8px;

}

/* End:  Vishnu css */



/* seo pages apr30 End:  css */





/***seo pages may17 start***/

.tr-bg-color {

    background-color: #f7fcfc;

}

.d2c-bg {

    background-color: #fbe9bd;

}

.tr-bg-color02 {

    background-color: #fffdf6;

}

.dt-wwo-col:nth-of-type(1) .dt-bg-color01 {

    background: rgba(108, 45, 199, 0.05) !important;

}

.dt-wwo-col:nth-of-type(2) .dt-bg-color01 {

    background: rgba(255, 127, 114, 0.05) !important;

}

.dt-wwo-col:nth-of-type(3) .dt-bg-color01 {

    background: rgba(229, 99, 143, 0.05) !important;

}

.dt-wwo-col:nth-of-type(4) .dt-bg-color01 {

    background: #f7fcfc !important;

}

.dt-wwo-col:nth-of-type(5) .dt-bg-color01 {

    background: #fffdf6 !important;

}

.bg-lporgin-grn {

    background-color: #00DD8D !important;

}

p.c-mt-4 {

    margin-top: 60px;

}

.travel-bg-banner {

    background-color: #d9faee !important;

}

.cybersecurity-bg {

    background-color: #b0e2dd;

}

.cyb-grey {

    background-color: #f7f7f7 !important;

}

.slider-bg-c {

    background-color: #f8f4fc;

}

.slider-bg-c02 {

    background-color: #fef7f9;

}

.slider-bg-c03 {

    background-color: #f7fcfc;

}

.slider-bg-c04 {

    background-color: #fff8f8;

}

.slider-bg-c05 {

    background-color: #e1e1e1 !important;

}

.swiper02 {

    width: 100%;

}

.jou-col:nth-of-type(1) .cyb-bg {

    background-color: #FFD748;

}

.jou-col:nth-of-type(2) .cyb-bg {

    background-color: #A3A9F5;

}

.data-driven-bg {

    background-color: #fff6f5;

}

.data-driven-bg02 {

    background-color: #f5f9fe;

}

.data-driven-bg03 {

    background-color: #f2fdf9;

}

.data-driven-bg04 {

    background-color: #fafbfe;

}

.data-driven-bg05 {

    background-color: #f8f4fc;

}

.bg-light-p {

    background-color: #F1F1F1;

}

.healthcare-bg {

    background-color: #e9dff7;

}

.mac-h02 {

    height: 495px;

}

@media (max-width: 767px) {

    p.c-mt-4 {

        margin-top: 0px;

    }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .b2c-box-h {

        min-height: 430px !important;

    }

}

@media (min-width: 1200px) {

    .faq-h {

        height: 150px;

    }

    .faq-wth {

        width: 371px;

    }

    .b2c-box-h {

        min-height: 480px !important;

    }

    p.mt-85 {

        margin-top: 85px;

    }

    .health-test-h {

        height: 440px;

    }

}

/* --------------newly added------------------- */

.bg-v-color {

    background-color: #e1ecfb !important;

}

@media (min-width: 1200px) {

    .m-rt {

        margin-right: -2px;

    }

    .c-foot-faq .accordion-button::after {

        top: 15px;

    }

    .c-foot-faq02 .accordion-button::after {

        top: -16px;

    }

    .c-foot-faq03 .accordion-button::after {

        top: 28px;

    }

}

/***seo pages may17 end***/



 .footer--cta {
        margin-top: -150px;
        margin-bottom: 60px;
    }
section#id-for-faq {
    margin-bottom: 0px;
    padding-bottom: 12%;
}


.stats-section {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 60px;
      padding: 60px 20px;
      background: #000;
      text-align: center;
    }

    .stat {
      position: relative;
      padding: 0 40px;
    }

    .stat:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      width: 1px;
      height: 50%;
      background: #444;
    }

    .stat h2 {
      font-size: 2rem;
      font-weight: bold;
      margin: 0;
    }

    .stat p {
      font-size: 0.9rem;
      margin: 5px 0 0;
      color: #ccc;
    }
    section#stats h2 {
    color: white;
    text-align: left;
    font-size: 40px;
}

  h1 {
    font-size: 42px;
    line-height: 1.3;
    font-family:'IBM Plex Sans';

}

  h2 {
    font-family:'IBM Plex Sans';
}
  h3 {
    font-family:'IBM Plex Sans';
}
  h4 {
    font-family:'IBM Plex Sans';
}
  h5 {
    font-family:'IBM Plex Sans';
}
  h6 {
    font-family:'IBM Plex Sans';
}
  a {
    font-family:'IBM Plex Sans'!important;
}

section#stats p {
    color: white;
}

section#l-less-cnt-r-more p {
    padding: 5px 0px;
    margin:0px;
}
section#l-less-cnt-r-more h2 {
    font-size: 32px;
    line-height: 1.3;
}
section#purple-cta-box .dt-wsa-inner.text-white.text-center {
    background: #6C2DC7;
}
section#purple-cta-box button.btn.btn-black {
    background: #E61700;
    padding: 10px 20px;
    margin-top: 15px;
}
.dt-wc-col:nth-of-type(5) .dt-wc-box {
    border-top: 3px solid #9EFF00;
}
.dt-wc-col {
    margin-top: 20px;
}
.display-flex {
    display: flex;
        gap: 15px;
}
/* .width-20{
  width:20%;
      gap: 15px;
} */

section#solutions .hcta1-item1 h4 {
  border-bottom: none !important;
    border-top: 3px solid #FFD748 !important;
}
section#solutions .hcta1-item2 h4 {
    border-bottom: none !important;
    border-top: 3px solid #E5638E !important;
}
section#solutions .hcta1-item3 h4 {
    border-bottom: none !important;
    border-top:  3px solid #3881E4 !important;
}
section#solutions .hcta1-item4 h4 {
   border-bottom: none !important;
    border-top: 3px solid #FF7F72 !important;
}
section#solutions .hcta1-item5 h4 {
  border-bottom: none !important;
    border-top:  3px solid #9EFF00 !important;
}
section#solutions h4 {
    font-size: 20px;
        padding-top: 15px;
    padding-bottom: 0px;
}
section#table-design-box {
    background: #FFF5F4;
}
section#icon-cont-each-box p {
    color: white;
    font-size: 18px;
}
section#icon-cont-each-box .experience-studio-img-box {
    padding: 30px;
    height: 100%;
}
section#services {
    padding: 70px 0px;
}
section#each-icon-four-bx .experience-studio-img-box {
    padding: 30px;
    height: 100%;
}
section#each-icon-four-bx p {
    color: white;
    font-size: 18px;
}

section#id-for-faq .accordion-item{
  background: black;
  border:none;

}
section#id-for-faq .accordion-button::after {
    content: "+";
    background-image: none;
}
section#id-for-faq .accordion-button {
    min-height: 134px;
    font-size: 26px;
    color: #ffffff;
    background-color: #000000;
    align-items: baseline;
    border-bottom: 1px solid #ffffff4d;
}
section#id-for-faq .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -6px;
}
section#id-for-faq span.swiper-pagination-bullet {
    color: white;
    background: white;
}
section#id-for-faq .accordion-button:not(.collapsed)::after{
      content: "-" !important;
}
section#id-for-faq .swiper-slide.swiper-slide-next {
    margin-bottom: 29px;
}
div#footer-cta-box .btn {
    background: #FF7F72;
    padding: 10px 20px;
    margin-top: 15px;
}
div#footer-cta-box p {
    color: white;
}
div#footer-cta-box h6 {
    color: white;
}
div#footer-cta-box h3{
  text-align: center;
  margin: 0px auto 5px auto;
}
img.image-bg-left {
    position: absolute;
    top: 0;
    left: -115px;
}
section#icon-cont-each-box {
    position: relative;
}

.display-flex-wea {
    display: flex;
    flex-wrap: wrap;
}

.footer-top .footer--cta a.btn {
    max-width: max-content;
}

@media(max-width:768px){
  .stats-section {
    justify-content: left;
  }
  img.image-bg-left {
    width: 30%;
    position: absolute;
    top: 0;
    left: -55px;
}
.footer--cta {
    margin-top: 0px;
}
}

@media(min-width:768px){
  .width-20 {
    width: 20%;
    padding: 10px;
}
}