.header{background: #000; backdrop-filter: blur(20px); z-index: 99; padding: 5px 0px 0px;}
.header .header-logo{padding: 10px 0px;}
.header-logo img {width: 130px;}
.header .container{position: relative;}
.main-menu{ padding: 10px 0px 0px 0px; margin: 0; display: flex; justify-content: flex-end;}
.main-menu li{ padding: 0px 20px; list-style-type: none;}
.main-menu li a{ color: #fff; font-size: 16px; text-decoration: none;}

/*Homepage*/
/*.homepage .header{  background: transparent;}*/
.homepage  .header.my-fixed{ background: rgba(0,0,0,0.5); transition: all 500ms linear;}
.innerpage .header{ background: rgba(0,0,0,1);}
.innerpage .header.my-fixed{ background: rgba(0,0,0,0.5); transition: all 500ms linear;}

@-moz-document url-prefix() { 
    .homepage  .header.my-fixed{ background: rgba(0,0,0,0.8);}
    .innerpage .header.my-fixed{ background: rgba(0,0,0,0.8);}
  }

/*New home Banner*/
.new-home-banner .serBttn{ background: #FFD748; margin-right: 10px;}
.new-home-banner .solBttn{ background: #00DD8D;}
.new-home-banner .nhb-btns{ padding-bottom: 30px;}
.new-home-banner .nhb-btns .btn{ font-size: 16px; padding: 5px 25px 5px 20px; border-radius: 44px; position: relative;}
.new-home-banner .nhb-btns .btn:after{ content: url(../images/nb-arr.svg); position: relative; left: 10px; top: 2px;}

@media (max-width: 767px) { 
    .new-home-banner{ background: #000000;}
}
@media (min-width: 768px) { 
    /* .new-home-banner{ background: #000000;} */
    .new-home-banner{ background: url(../images/new-homebanner.png) no-repeat right bottom #000; background-size: contain;} 
    .new-home-banner .nhbimg{ display: none;}
    .new-home-banner .nhb-btns .btn{ font-size: 20px; padding: 5px 35px 5px 30px;}
  }

@media (min-width: 1366px) { 
    .new-home-banner h1{ font-size: 44px;line-height: var(--line-height-h2);}
}
@media (min-width: 1440px) { 
    .new-home-banner h1{ font-size: 48px;line-height: var(--line-height-h2);}
    .new-home-banner .nhb-btns{ padding-bottom: 60px;}
}
@media (min-width: 1600px) { 
    .new-home-banner{ background-position: right 15% bottom;}
}
@media (min-width: 2000px) { 
    .new-home-banner{ background-position: right 20% bottom;}
}
/*New home Banner end*/

@media (max-width: 1199px) {
    .nhban--inner{ background: url(../images/home-banner.jpg) no-repeat; background-position: center; background-size: cover; height: 100vh; display: flex; align-items: center; justify-content: center; width: 100%; margin: auto; overflow: hidden;}
    .nhban-Img{ display: none;}
}
.nh--Banner{ position: relative; background: #000; margin-top: -80px; display: flex; align-items: flex-end;}
.nh--Banner h1{ color: #fff;}

@media (min-width: 1200px) {
    .nhban--inner{ height: 100vh; display: flex; align-items: center; justify-content: center; width: 100%; margin: auto; overflow: hidden;}
    .nh--Banner h1{ position: absolute; font-size: 48px; line-height: 62px;}
    .nhban-Img{ width: 100%; height: 100%; overflow: hidden;}
    .nhban-Img img{ width: 100%; height: 100%; object-fit: cover; object-position: top; image-rendering: crisp-edges;}
}

@media (min-width: 1600px) {
    .nh--Banner h1{font-size: 72px; line-height: 90px;}
}


.hcta1-link a{ color: #000; font-weight: 700;}
.hcta1-link a:hover{ text-decoration: underline;}
.home-cta1--item{ margin-bottom: 30px;}
.home-cta1--item h4{ padding-bottom: 20px; margin-bottom: 20px;}
.hcta1-item1 h4{ border-bottom: 3px solid var(--color-orange);}
.hcta1-item2 h4{ border-bottom: 3px solid var(--color-dlavender);}
.hcta1-item3 h4{ border-bottom: 3px solid var(--color-dgreen);}
.home--cta1 strong{ font-family: var(--font-main); font-weight: 700;}

@media (min-width: 768px) {
    .home-cta1--item{ margin-bottom: unset;}
}

@media (min-width: 1200px) {
    .home--cta1.sp-50{ padding-top: 100px; padding-bottom: 100px;}
}

.client-page-logos{ display: grid; grid-template-columns: auto auto; justify-content: space-evenly;}
.client-page-logos img{ margin-bottom: 20px; width: 140px; }

@media (min-width: 576px) {
    .client-page-logos{ display: grid; grid-template-columns: auto auto auto;}
    .client-page-logos img{ margin-bottom: 30px; width: unset; }
}

@media (min-width: 768px) {
    .client-page-logos{ display: grid; grid-template-columns: auto auto auto auto;}
    .client-page-logos img{ margin-bottom: 30px; width: 155px; }
}

@media (min-width: 992px) {
    .client-page-logos{ display: grid; grid-template-columns: auto auto auto auto auto; justify-content: space-between;} 
    .client-page-logos img{ margin-bottom: 60px; width: unset;}
}


.we--are{ padding: 50px 0px;}
.we--are h4{ max-width: 900px; margin: auto; text-align: center;}
.we--are .dtd{ background: #FFD748; border-radius: 36px; padding: 5px 20px;}
.we--are .wbadp{color: #6C2DC7;}
.we--are .aviaj{color: #FD236B;}
.we--offer{ background: #000; color: #fff;}
.we--offer a{color: #fff;}
.we--offer .wo__box h3{ margin-bottom: 20px;}
.we--offer .wo__box p{ font-size: 16px; color: rgba(255,255,255,1); font-weight: 500;}
.we--offer .wo__box_list{ display: flex; flex-direction: column; justify-content: center;}
.we--offer .wo__box_m{ margin: 20px 0px;}
.we--offer .ss--box{ margin-top: 30px;}
.ss--box ul{ padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.ss--box ul li{ border-radius: 36px; padding: 5px 20px; list-style-type: none; margin: 10px 5px; text-align: center; background-size: 10%; color: #000;}
.ss--box ul li:nth-of-type(1){background: #FF7F72;}
.ss--box ul li:nth-of-type(2){background: #00DD8D;}
.ss--box ul li:nth-of-type(3){background: #A3A9F5;}
.ss--box ul li:nth-of-type(4){background: #E5638F;}
.ss--box ul li:nth-of-type(5){background: #FFD748;}
.ss--box ul li:nth-of-type(6){background: #3881E4;}
.ss--box ul li:nth-of-type(7){background: #FF7F72;}
.ss--box ul li:nth-of-type(8){background: #61C5BC;}
.ss--box ul li:nth-of-type(9){background: #A3A9F5;}


/*home latest projects mobile*/
.lp--slider .swiper {width: 100%; height: 100%;}
.lp--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: stretch;
      height: auto;
    }
.latest--proj{background: #F1F1F1;}
.latest--proj .mlpitem {position: relative; background: #fff; padding:20px 20px 0px; border-radius: 8px;}
.latest--proj .mlpitem .mlp-item-logo{ margin-bottom: 30px; width: 100%;}
.latest--proj .mlpitem .mlp-item-img{ text-align: center;}
.latest--proj .mlpitem h4{ margin-bottom: 30px;}
.latest--proj .mlpitem a{ color: #000;}
.latest--proj .mlpitem-group .mlpitem3{ grid-area: myArea;}
.mlpitem1{ margin-bottom: 20px;}

@media screen and (max-width: 767px){
    .mlpitem1 h4, .mlpitem2 h4{ margin-bottom: 20px;}
    .mlpitem1 .mlp-item-logo, .mlpitem2 .mlp-item-logo{ padding-bottom: 10px;}
}
@media screen and (min-width: 768px){
    .latest--proj .mlpitem-group { display: grid; grid-template-areas: 'myArea myArea'; grid-gap:30px;}
    .mlpitem1{ margin-bottom: unset;}
}

/*Desktop projects horizontal scroll*/
.hproj--sec {background: #F1F1F1}
section.phorizontal {width: 100%; height: 100%; position: relative;}
.lp__title{ position: absolute; top: 0;} 
section.phorizontal {overflow-x: hidden;}
section.phorizontal .ppin-wrap,
section.phorizontal .panimation-wrap {display: flex; position: relative; z-index: 1; height: 100vh; align-items: center;}
section.phorizontal .lpitem{position: relative; background: #fff; padding:30px 30px 0px; flex: 0 0 500px; height: 550px; display: flex; flex-direction: column; align-items: center; overflow: hidden; margin-right: 30px; border-radius: 8px;}
section.phorizontal .lpitem .lp-item-logo{ margin-bottom: 30px; width: 100%; padding-top: 10px;}
section.phorizontal .lpitem .lp-item-img{ text-align: center;}
section.phorizontal .lpitem h4{ margin-bottom: 30px;}
section.phorizontal .lpitem a{ color: #000;}
section.phorizontal .lpitem:nth-of-type(1){ margin-left: 6%;}
section.phorizontal .lpitem:nth-last-of-type(1){ flex: 0 0 30px; margin-right: 10px;}

section.phorizontal .lpitem, section.phorizontal .lpitem-group  {position: relative; flex: 0 0 700px; height: 550px; display: flex; flex-direction: column; align-items: center; overflow: hidden; margin-right: 30px; border-radius: 8px;}

@media (min-width: 1200px) {
    .lpitem1 h4{ margin-bottom: 0px !important; font-size: 24px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1439px)  {
    section.phorizontal .lpitem, section.phorizontal .lpitem-group  {height: 500px;}
    .lpitem, .lpitem-group{ margin-top: 50px;}
    .lpitem-group--inner .lpitem{ margin-top: unset;}
}

@media screen and (min-width: 1440px), 
       screen and (max-height: 678px) {
        .lpitem, .lpitem-group{ margin-top: 60px;}
        .lpitem-group--inner .lpitem{ margin-top: unset;}
}

@media (min-width: 1440px) {
    section.phorizontal .lpitem .lp-item-logo{ margin-bottom: 30px; padding-top: 40px;}
}

section.phorizontal .lpitem-group--inner .lpitem{flex: unset; height: unset; margin-right: unset;}
section.phorizontal .lpitem-group--inner .lpitem:nth-of-type(1){ margin-left: unset;}
section.phorizontal .lpitem-group--inner .lpitem:nth-last-of-type(1){ flex: unset;}
/*section.phorizontal .lpitem-group--inner .lpitem:nth-of-type(1){ padding: 20px;}*/
section.phorizontal .lpitem-group--inner { display: grid; grid-template-areas: 'myArea myArea'; grid-gap:30px;}
section.phorizontal .lpitem-group--inner .lpitem3{ grid-area: myArea;}
section.phorizontal .lpitem-first{margin-left: 5%;}



@media (min-width: 1200px) {
    .lpitem-nissan{ display: flex; align-items: center;}
    .lpitem-nissan .lp-item-logo{ width: auto !important; flex-shrink: 0; margin-right: 20px; align-items: center;}
    section.phorizontal .lpitem-group--inner .lpitem.lpitem-tata, section.phorizontal .lpitem-group--inner .lpitem.lpitem-wipro {height: 550px;}
}

.capabilities--sec{ background: #F1F1F1;}
.casestud--sec{background: #F1F1F1;}
.capabilities--sec .cab-sec-btn .btn{ background: var(--origin-blue); color: #fff;} 
.capabilities--sec .cab-title{ margin-bottom: 30px;}
@media (min-width: 992px) {
    .cab-item h3.mb-3{ margin-bottom: 30px !important;}
    .cab-sec-btn.sp-50{ padding-top: 50px; padding-bottom: 50px;}
}

/*casestudy horizontal scroll*/
section.horizontal {width: 100%; height: 100%; position: relative;}
section.horizontal {overflow-x: hidden;}
section.horizontal .pin-wrap,
section.horizontal .animation-wrap {display: flex; position: relative; z-index: 1; height: 100vh; align-items: center;}
section.horizontal .csitem {position: relative; background: #fff; padding:30px 30px 0px; flex: 0 0 500px; height: 550px; /*height: calc(100vh - 100px);*/ display: flex; flex-direction: column; align-items: center; overflow: hidden; margin-right: 30px; border-radius: 8px;}
section.horizontal .csitem .cs-item-logo{ margin-bottom: 30px; width: 100%;}
section.horizontal .csitem .cs-item-img{ text-align: center;}
section.horizontal .csitem h4{ margin-bottom: 30px;}
section.horizontal .csitem a{ color: #000;}
section.horizontal .csitem:nth-of-type(1){ margin-left: 5%;}
section.horizontal .csitem:nth-last-of-type(1){ flex: 0 0 100px; } 

/*home casestudy mobile*/
.casestudy--mob .csitem {position: relative; background: #fff;  border-radius: 8px; min-height: 485px;}
.casestudy--mob .csitem .cs-item-logo{ margin-bottom: 30px; width: 100%; height: 50px; display: flex; align-items: center;}
.casestudy--mob .csitem h4{ min-height: 100px;}
.csitem a:hover h4, .csitem a{ color: #000;}
.csitem-top{ padding: 20px;}
.cs-item-img{ padding: 0px 0px 10px 0px; text-align: center;}
.cs-item-img.stylenook-img{ padding: 0;}
.cs-item-img.stylenook-img img{ border-radius:0px 0px 8px 8px;}

@media (min-width: 992px) {
    .casestudy--mob .csitem {min-height: 560px;}
    .casestudy--mob .csitem h4{ min-height: 140px;}
    .casestudy--mob .csitem .cs-item-img {text-align: center; display: flex; align-items: flex-end; justify-content: center;  min-height: 300px;}
    .cs-item-img{ padding: 0px 0px 20px 0px;}
    .csitem-row{ display: flex; flex-direction: column; justify-content: space-between;}
}

@media (min-width: 1440px) {
    .casestudy--mob .csitem h4 {min-height: 120px;}
}
@media (min-width: 1600px) {
    .casestudy--mob .csitem .cs-item-img {min-height: 350px;}
}

.newly--in{ background: #000; color: #fff;}
.hri-cat { background: #292929; border-radius: 115px; font-weight: 400; padding: 3px 30px; display: inline-block; margin-top: 20px; margin-bottom: 30px;}
.cat-blog{ color: #9EFF00;}
.cat-casestudy{ color: #9EFF00;}
.cat-webinar{ color: #9EFF00;}
.thoughts--sec{ background: #F1F1F1;}
.faq-sec{ background: #000; color: #fff;}
.faq-accordion {margin-bottom: 100px;}

.newly-btn{ margin: 50px auto 0px;}
.newly-btn .btn{ color: #fff; border-radius: 50px; background: #292929; padding: 5px 30px; font-size: 18px;}
@media (min-width: 992px) {
    .hresource--item-desc {min-height: 80px;}
}

.faq-accordion .accordion-item {border-bottom: 1px solid rgba(255,255,255,0.5) !important; margin-bottom: 30px; padding-bottom: 20px;}
.faq-accordion .accordion-item, .faq-accordion .accordion-button{background: transparent; color: #fff;}
.faq-accordion .accordion-button{ padding:0px 20px 0px 0px; font-size: 18px; line-height: 22px; font-weight: 500; font-family: var(--font-head); 
position: relative;}
.faq-accordion .accordion-body{ padding: 20px 0px 10px;}
.faq-accordion .accordion-button::after{ content: "+"; background-image: none; font-size: 30px; font-weight: 300; position: absolute; top: 0px;
right: 0;} 
.accordion-button:not(.collapsed)::after {content: "-"; background-image: none; transform: none; font-size: 30px; font-weight: 300;}

@media (min-width: 1366px) {
    .faq-accordion .accordion-button {padding-right: 50px;}
}

.faq--swiper{ position: relative;}
.faq--swiper .swiper {width: 100%; height: 100%;}
.faq--swiper .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;
  }
.home--testimonials.bg-white{ background: #fff;}
.home--testimonials{ background: #000; overflow: hidden; position: relative;}
.testi--slider{ position: relative; padding-bottom: 30px;}
.testi--slider .swiper {width: 100%; height: 100%; max-width: 1035px; margin-left: auto; margin-right: auto;}
.testi--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;
    margin-bottom: 20px;
  }
  .testi--slider .swiper-pagination-bullet {background: #fff; opacity: 1;}
  .testi--slider .swiper-pagination-bullet-active{background: #6C2DC7;}

  .innerpage .testi--slider .swiper-pagination-bullet {background: #ccc; opacity: 1;}
  .innerpage .testi--slider .swiper-pagination-bullet-active{background: #6C2DC7;}

  .home--testimonials.bg-white .hts-box{box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.07);}
  .hts-box{ background: #fff; color: #000; border-radius: 13px; padding: 30px; min-height: 450px;}
  .hts-profile{ display: flex; margin-bottom: 20px;}
  .hts-txt .hts-name{ font-size: 16px; font-weight: 700;}
  .hts-txt .hts-desig{ font-size: 14px; font-weight: 400;}
  .hts-box .hts-desc{font-size: 15px; margin-top: 20px;}

  .testi-desktop-slider {
    display: flex;
    height: 100vh;
    padding: 10px 0;
    width: 100%;
    align-items: center;
    margin-top: 20px !important;
  }
  .testi-desktop-slider .hts-box{ margin: 0px 10px; min-width: 400px; min-height: unset; height: 450px;}
  .testi-desktop-slider .hts-box.hts-box-last{ min-width: 150px; max-width: 150px; background: transparent;}
  .home--testimonials.bg-white .hts-box.hts-box-last{ background: transparent; box-shadow: none;}
  .hts--desktop .container{ position: relative;}
  .testi-title{ position: absolute; top:30px; left: 0; right: 0;}

@media (min-width: 768px) {
    .hts-box{ min-height: 460px;}
}
@media (max-width: 1199px) {
    .hts--mobile{ display: block;}
    .hts--desktop{ display: none;}
}
@media (min-width: 1200px) {
    .hts--mobile{ display: none;}
    .hts--desktop{ display: block;}
}

@media (min-width: 1440px) {
    .testi-desktop-slider {margin-top: 30px !important;}
}

@media (min-width: 1600px) {
    .testi-desktop-slider .hts-box{ margin: 0px 10px; min-width: 600px; min-height: unset; height: 500px;}
    .testi-desktop-slider .hts-box.hts-box-last{ min-width: 250px; max-width: 250px; background: transparent;}
    .testi-desktop-slider .hts-box h6, .testi-desktop-slider .hts-box .hts-desc{ margin-top: 50px;}
}

/** Client logo Carousel **/
.hclient--logos{ background: #000; overflow: hidden; padding-top: 50px;}
.hclient--logos .swiper {width: 100%; height: 100%;}
.hclient--logos .swiper-wrapper{ align-items: center; -webkit-transition-timing-function:linear!important;    transition-timing-function:linear!important; position: relative;}
.hclient--logos .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;
  }

.cs--slider .swiper {width: 100%; height: 100%;}
.cs--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;
    }

@media (min-width: 768px) {
    .we--offer .wo__box_list{ display: flex; flex-direction: row; justify-content: space-between;}
    .we--offer .wo__box_m{ margin: 0px 10px;}
}

@media (min-width: 1200px) {
    .we--offer .wo__box p{ font-size: 22px; line-height: 28px !important;}
    .we--offer .wo__box{ max-width: 220px;}
    .we--offer .km-btn{ margin-top: 20px;}
    .we--offer .ss--box{ margin-top: 0px;}
    .faq-accordion .accordion-button{ font-size: 26px; line-height: 30px; }
    .faq-accordion .accordion{ display: grid; grid-template-columns: auto auto auto; grid-column-gap: 30px;}
    .we--are{ padding: 100px 0px;}
    .ht--inner{overflow:hidden; height: 500px;}
    .ht--inner .ht--content:nth-last-of-type(1){ margin-top: 100px;}
    .ht--inner .ht--content:nth-of-type(1) { margin-top: 100px;}

    /*.ht_3{ display: none;}
    .ht--inner .ht--content:nth-of-type(1) {visibility:visible;}
    .we--are h2, .we--are h4{ position: absolute; left: 0; right: 0;}
    .we--are h2{ font-size: 60px; line-height: 70px;}*/
    .hclient--logos{padding-top: 0px;}
}

@media (min-width: 1440px) {
    .we--are h4{ max-width: 980px;}
    .we--offer .wo__box p{ font-size: 24px; line-height: 30px !important;}
}

/*casestudy inner*/
.casestudy-inner-banner .cib__inner{ background: var(--color-peach); padding: 30px 20px; border-radius: 21px;}
.cs-inner-slider .swiper { width: 100%; height: 100%;}
.cs-inner-slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -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;
    max-width: 437px;
    height: auto;
  }
 .cs-inner-slider .cis__title{ background: #000; padding: 20px 10px; border-radius: 7.7px; color: #fff; text-align: center; width: 100%; height: 100%; margin-bottom: 30px; display: flex; align-items: center; justify-content: center;} 
 
 .cs-inner--hlts{ position: relative;}
 .cs--hlts-titl{ background:var(--origin-blue); display: inline-block; border-radius: 44px; padding: 5px 30px; position: absolute; left: 10px; top: -20px; color: #fff;} 
 .cs--hlts .bradius{border-radius: 21px; }
 .cs--hlts .cs-inner--hlts{background-attachment: fixed; background-repeat: no-repeat; padding: 50px 20px 0px; background-position: bottom right 0px; /*background-blend-mode: multiply;*/}
 .cs--hlts .cs-inner--hlts.induface-ceo-bg{background-image: url(../images/cs/indusface/group496-sm.png); background-color: #BEDAFF;}
 .cs--hlts .cs-inner--hlts h6{ margin-top: 30px; margin-bottom: 30px;}

 .csi-rs{ background:#000; margin-top: -300px; padding-top: 300px; padding-bottom: 150px; color: #fff;}
 .csi-rs--box{background: #17171A; border-radius: 12px; padding: 30px; margin-bottom: 10px; width: 100%;}
 .csi-rs h4{ color: #fff;}
 .csi-rs .col-md-4{ display: flex; align-items: stretch;} 

@media (min-width: 768px) {
    .csi-rs--box{padding: 30px; margin-bottom: 30px;}
}
@media (min-width: 992px) {
    .casestudy-inner-banner .cib__inner{padding: 50px 30px;}
    .cs--hlts .cs-inner--hlts{padding: 80px 30px 0px 50px; background-repeat: no-repeat; background-position: center right 70px;  background-size: contain;}
    .cs--hlts .cs-inner--hlts h6{ margin-top: 40px; margin-bottom: 30px;}
    .cs--hlts-titl{left: 50px;}
    .cs-inner--hlts p{ line-height: 30px !important;}
    .cs--hlts .cs-inner--hlts.induface-ceo-bg{background-image: url(../images/cs/indusface/group496.png);}
}

@media (min-width: 1200px) {
    .container.cis{ width: 100%; max-width: 1440px; margin-left: 5%; padding-right: 0;}
}

@media (min-width: 1600px) {
    .container.cis{ margin-left: auto; margin-right: auto;}
}


/* SEO Pages */ 
.seo--banner h1{ font-size: 26px; line-height:32px; font-weight: 700;}

@media (min-width: 992px) {
	.seo--banner h1{ font-size: 48px; line-height:62px;}
}
.seo--banner h2{ margin-bottom: 30px;}
.seo--banner h4{ margin-bottom: 30px;}
.seo-max-width{ max-width: 1060px; margin: auto;}
.state--of p{ font-size: 16px;}
.state--of strong{ font-weight: 500; font-family: var(--font-head);}
.state--of h3{ max-width: 850px; margin: 0px auto 30px;}

.seo-banner-btn .btn-black:hover{ background: #000;}

.kpi-max-width{ max-width: 1017px; margin: auto;}
.key--kpi h3{ color: #fff;}
.key--kpi-box{ background: #17171A; border-radius: 0px 0px 7px 7px; padding: 20px; color: #fff;}
.kpi-row{ display: flex; flex-direction: column; align-items: center;}

@media (min-width: 767px) {
    .key-kpi-sec .row{ align-items: stretch;}
    .key-kpi-sec .col-md-4 {display: flex;}
    .key-kpi-sec .kpi-box{ width: 100%;}
    .key-kpi-sec .kpi-box p{ margin-top: 30px;}
}

.our_process_box{ margin-bottom: 20px; border-top-width: 3px; border-top-style: solid; padding-top: 20px;}
.border-oyellow{border-top-color: var(--color-yellow);}
.border-opink{border-top-color: var(--color-pink);}
.border-odblue{border-top-color: var(--color-dblue);}
.border-omint{border-top-color: #61C5BC;}
.border-olavender{border-top-color: #A3A9F5;}
.border-orange{border-top-color: #FF5041;}

.bg-yellow{background-color: var(--color-yellow);}

.max-900{ max-width: 900px; margin: auto;}
.dtw-box{ padding: 30px 20px; border-radius: 17px;}
.bdtw-box{ margin-bottom: 30px;}
.bdtw-img{ max-width: 256px; margin: auto;}
.bdtw-txt{background: #17171A; border-radius: 7px; padding: 100px 20px 30px; color: #fff; margin-top: -70px;}

.seo-market-research .mr-txt{ font-size: 18px; line-height: 26px; font-weight: 500; font-family: var(--font-head); margin-bottom: 30px;
 margin-top: 30px;}
.seo-discover{ padding: 30px 0px;}
.seo-discover-box{ margin-bottom: 20px; border-top-width: 3px; border-top-style: solid; padding-top: 20px;}
.last--section{ padding-bottom: 150px;}
.seo-ux-process .sup-box{ background: #17171A; padding: 30px; color: #fff;}
.seo-ux-process .seo-max-width{ max-width: 980px;}

@media (max-width: 767px) {
    .seo--banner .row{ flex-direction: column-reverse;}
    .seo--banner .seo-banner-img{ margin-bottom: 30px;}
    .col--flip{ flex-direction: column-reverse;}
    .seo--banner, .state--of p{ text-align: center;}
}
@media (min-width: 992px) {
    .state--of p{ font-size: 20px; line-height: 26px;}
    .kpi-row{ display: flex; flex-direction: row; align-items: center;}
    .key--kpi-box{ border-radius: 7px 0px 7px 0px; padding: 50px 20px 50px 40px; max-width: 370px;}
    .our_process_box{ margin-bottom: 50px;}
    .seo-discover-box{ margin-bottom: 50px;}
    .dtw-box{ padding: 60px 60px;}
    .bdtw-txt{min-height: 265px; padding: 100px 50px 30px;}
    .seo-discover{ padding: 50px 0px 50px;}
    .seo-market-research .mr-txt{ font-size: 24px; line-height: 30px;}
    .last--section{ padding-bottom: 180px;}
}

@media (min-width: 1200px) {
    .dtw-box{ padding: 60px 100px;}
    .bdtw-txt{min-height: 255px; padding: 100px 50px 30px;}
    .seo-market-research .smr-inner{ background: linear-gradient(to bottom, transparent 0%, transparent 87%,rgba(255,255,255,1) 87%,rgba(255,255,255,1) 100%);}
    .seo-ux-process .sup-box{padding: 50px;}
}


/*************Extra**************/

.pune-bdtw-box .bdtw-img {
    max-width: 400px;
}

.seo-delhi-max-width{
    max-width: 100% !important;
}

.contact--form .bootstrap-select.form-control,.hire-form .bootstrap-select.form-control{
	border: 1.40526px solid #BCBCBC !important;
	border-radius: 1.4px !important;
	background:  transparent !important;
}

.contact--form .filter-option-inner-inner ,.hire-form .filter-option-inner-inner {font-size: 16px; color: #6c757d;}
.contact--form .btn-light,.hire-form .btn-light{background: transparent;}
.contact--form .btn,.hire-form .btn{font-weight: 400; font-family: var(--font-main);}
.hire-form  .form-check-input:checked,.form-check-input:checked[type="radio"]{ background-color: transparent; border:0px; background-image: none;}
.form-check label{ display: block; cursor: pointer; text-align: center;}
.form-check.checkactive{ background-color: #000; }
.form-check.checkactive label{ color: #fff; }
.hire-form  .form-check-input:checked{ background-color: #000;
    border-color: #000;}
.hire-form .form-check .form-check-input{ float: none; border: 1px solid #000; margin-right: 10px; background: transparent;}
.hire-form .form-check-input:focus{box-shadow: none;}
.hire-form textarea{ height: 168px;}
.contact--form .hire-form textarea{ height: 87px;}


.hire-form .form-check label {position: relative; top: 4px; margin-left: -20px;}
@media (min-width: 768px) {
    .form-left-col .row, .form-right-col .row{ margin-bottom: 10px;}
}
@media (max-width: 767px) {
    .hire-form {padding: 30px 20px !important;}
    .hire-form label{ margin-top: 10px !important;}
    .contact--form .hire-form label{ margin-top: 0px !important;}
}

.services-common-section .row{ align-items: center;}
.srv-btn .btn-black.btn-violet:hover{ background: var(--origin-blue)}


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

.join--slider .swiper {width: 100%; height: 100%;}
.join--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;
  }

.join-us-sec .container-fluid{ max-width: 1440px;}
.join-row { display: flex; flex-wrap: wrap; justify-content: space-around;}
.join-row img{ margin:0px 8px 15px 8px}

@media (max-width: 767px) {
    .join-row{ display: grid; grid-template-columns: auto auto; grid-column-gap: 10px;}
}

@media (min-width: 1440px) {
    .services-box.kpi-box h4{ min-height: 100px;}
    .services-box.kpi-box p.mt-5, .services-box.kpi-box p.mt-4{ margin-top: 50px !important;}
}

.ui-offer .max-880{ max-width: 886px; margin: auto;}
.dt-form-sec h4{ line-height: 36px;}

.hire-form .btn-black:hover {background: var(--origin-blue); color: #fff;}

@media (min-width: 768px) {
    /*.dt-form-txt-row {display: flex; flex-direction: column; justify-content: space-between;}*/
    .dt-form-sec .max-1110{ max-width: 1110px; margin: auto;}
    .dt--form .hire-form textarea {height: 131px;}
    .dt--form .hire-form input {height: 50px;}
}

/* Services Slider*/
@media (max-width: 1199px) {
    .dt-slider-mobile{ display: block;}
    .dt-slider-desktop{ display: none;}
    .dt-slider-desktop.sp-50{ padding-top: 30px; padding-bottom: 30px;}
    .dt-slider-mobile .uidesignswiper .swiper-wrapper {margin-bottom: 30px;}
    .dt-slider-mobile .uidesignswiper .swiper-slide img{ max-width: 100%;}
}
@media (min-width: 1200px) {
    .dt-slider-desktop.sp-50{ padding-top: 0px; padding-bottom: 0px;}
    .dt-slider-mobile{ display: none;}
    .dt-slider-desktop{ display: block;}
    .dt-slider {display: flex; align-items: center; overflow-x: hidden; height: calc(100vh - 2 * 10px); margin-top: 50px !important;}
    .dt-slider img {height: 200px; padding-left: 10px; width: auto;}
    .dt-slider img:last-child {padding-right: 10px;}
    .dt--slider{ position: relative;}
    .dt--slider-head{ position: absolute; top: 30px; left: 0; right: 0;}
    .dt-slider-desktop .container{ width: 100%; max-width: 1440px; padding-left: 5%; padding-right: 0;}
    .dt--slider-head.sticky-top.dt-fixed{ top: 120px; position: sticky; padding-top: 50px; z-index: 9;}
    .dt--slider-head.sticky-top{ position: relative;}
}

@media (min-width: 1440px) {
    .dt-slider {margin-top: 30px !important;}
}

@media (min-width: 1600px) {
    .dt-slider-desktop .container{ padding-left: 0; padding-right: 0;}
    .dt--slider-head.sticky-top.dt-fixed{ top: 150px; position: sticky; padding-top: 50px;}
    .dt--slider-head.sticky-top{ position: relative;}
    .dt-slider img {height: 500px; padding-left: 10px; width: auto;}
    .dt-slider {margin-top: 20px !important;}
}


@media (max-width: 991px) {
    .qmn{ display: none;}
}
@media (min-width: 992px) {
    .qmn{transition: all 300ms linear;}
    /*.qmn.qmnfixed {position: fixed; top: 70px; z-index: 9; background: #f2dd96; left: 0; right: 0; transition: all 300ms linear;}*/
    .qmn.sticky-top{top: 71px; z-index: 90;}
}
.benef-sec p{ max-width: 340px;}
.sol--path-inner{ max-width: 1196px; margin: auto;}
.ors-btm { max-width: 907px; margin:50px auto 0px; display: flex; flex-direction:row; justify-content: space-between; align-items: center;}
.ors-btm-txt a h2{ color: #fff;}
.ors-btm-txt a:hover h2{ color: #9EFF00;}
.ors-btm-txt a{ position: relative; display: inline-block; padding-bottom: 40px;}
.ors-btm-txt a:after{ content: url(../images/solutions/arrow-right-white.png); position: absolute; bottom: 0; left: 0;}
.ors-btm-txt a:hover:after{ content: url(../images/solutions/arrow-right-green.png);}

.ors-btm-txt.pd--obt a:hover h2{ color: #FF5041;}
.ors-btm-txt.pd--obt a:hover:after{ content: url(../images/solutions/sd-arr.png);}

.ors-btm-txt.dt--obt a:hover h2{ color: #3881E4;}
.ors-btm-txt.dt--obt a:hover:after{ content: url(../images/solutions/dt-arr.png);}

.ors-btm-txt.cx--obt a:hover h2{ color: #00DD8D;}
.ors-btm-txt.cx--obt a:hover:after{ content: url(../images/solutions/cx-arr.png);}

@media (max-width: 767px) {
    .ors-btm-txt h2{ font-size: 18px;}
    .ors-btm-txt img{ width: 30px;}
    .ors-btm { margin:30px auto 0px;}
    .service-banner-inner .row {flex-direction: column-reverse;}
    .service-banner-inner .sbi-txt{ margin-top: 30px;}
    .service-banner-inner .sbi-txt .pt-5 {padding-top: 1rem !important;}
    .service-banner-inner .sbi-txt .mt-5 {margin-top: 1.5rem !important;}
}

.service-banner-inner .sbi-txt .pt-5 {padding-top: 30px !important;}
.service-banner-inner .sbi-txt .mt-5 {margin-top: 30px !important;}
.sbi-txt .btn-black:hover {background: #000;}
.ui-banner-box{ max-width: 1196px; margin: auto;}
.service-banner-inner .row{ align-items: center;}
.service-listing-banner{ background: #000;}
.scs-inner{ max-width: 1140px; margin: auto;}
.slb-desc{ padding: 20px 0px;}
.ub--btm.mt-4 {margin-top: 2rem !important;}
.design-ops.sticky-top{ top: 69px; z-index: 9;}

@media (max-width: 767px) {
    .ub--btm.mt-4 {margin-top: 1rem !important;}
    .ub--top.mt-5 {margin-top: 1rem !important;}
    .service-listing-banner { text-align: center;}
    .service-listing-banner .slb-img{ margin-top: 30px;}
    .scs-inner.scs-odd .row{ flex-direction: column-reverse;}
    .scs-inner.scs-odd img {margin-bottom: 30px;}
    .scs-inner.scs-even img {margin-bottom: 30px;}
}

@media (min-width: 768px) {
    .design-ops.sticky-top{ top: 85px;}
}

@media (min-width: 992px) {
    .design-ops.sticky-top{ top: 70px;}
}

@media (min-width: 1200px) {
    .scs-inner p{ max-width: 520px;}
    .slb-desc{ padding: 30px 0px;}
    .slb-txt {padding-bottom: 30px;}
    .design-ops.sticky-top{ top: 70px; z-index: 9;}
}
@media (min-width: 1440px) {
    .slb-txt {padding-bottom: 20px;}
}

.pd--banner{ background: #ffe5e2;}
.sd--banner{ background: #f0ffd9;}
.ced--banner{ background: #fae1eb;}
.solutions--banner{ background: #f2dd96;}
.brand-trans-banner{ background: rgba(97,197,188,0.5);}
.sol-pages--banner .spb-max{ max-width: 980px; margin: auto;}
.sol-pages--banner .spb-max .btn{ width: unset; height: unset; padding: 10px 30px; margin-top: 10px;}
.sol-pages--banner .spb-max .btn-black:hover {background: #000; color: #fff;}
.spb-max h5{ margin-top: 30px; line-height: 32px;}
.spb--txt{ padding-bottom: 30px;}
.design-ops.pd--design-ops a{ color: #FF5041;}
.design-ops.sd--design-ops a{ color: #9EFF00;}
.design-ops.ced--design-ops a{ color: #DB3678;} 
.ex-studio-inner{ max-width: 1100px; margin: auto;}
.design-neon-orange{ background: #FF5041;}
.design-neon-green{ background: #9EFF00;}
.design-neon-fuschia{ background: #DB3678;}
.bootstrap-select .bs-ok-default::after {border-width: 0 2px 2px 0 !important;}
.brandt-journey .journey-content-box {min-height: unset; padding: 30px;}
.brandt-journey .journey-mini-content-box{ position: relative; bottom: unset; padding: 20px;}
.designer-journey.brandt-journey{padding: 50px 0px 30px 0px}
.journey-content-box.brandt-j-box1{background: #FF7F72}
.journey-content-box.brandt-j-box2{background: #A3A9F5}
.journey-content-box.brandt-j-box3{background: #00DD8D}
.journey-content-box.brandt-j-box4{background: #F6AEA4}
@media (max-width: 767px) {
    .sol-pages--banner .spb-max .row{ flex-direction: column-reverse;}
    .spb--titl.spb-50{ padding-bottom: 0;}
    .spb-max{ text-align: center;}
    .spb-max h5 {margin-top: 20px;}
}

@media (min-width: 768px) {
    .pd--banner{background: linear-gradient(to bottom, #ffe5e2 0%,#ffe5e2 92%,#ffffff 92%,#ffffff 100%);}
    .sd--banner{background: linear-gradient(to bottom, #f0ffd9 0%,#f0ffd9 92%,#ffffff 92%,#ffffff 100%);}
    .ced--banner{background: linear-gradient(to bottom, #fae1eb 0%,#fae1eb 92%,#ffffff 92%,#ffffff 100%);}
    .solutions--banner{background: linear-gradient(to bottom, #f2dd96 0%,#f2dd96 92%,#000000 92%,#000000 100%);}
    .brand-trans-banner{background: linear-gradient(to bottom, #b0e2dd 0%,#b0e2dd 92%,#000000 92%,#000000 100%);}
    .spb-max h5{ margin-top: 20px; line-height: 34px;}
    .designer-journey.brandt-journey{padding: 85px 0px 50px 0px}
    .brandt-journey .journey-content-box {padding: 50px 50px 230px 50px;}
    .brandt-journey .journey-content-box ol{ padding: 0px 0px 0px 20px;}
    .brandt-journey .journey-mini-content-box{ max-width: 80%; position: absolute; left: 24px; right: unset; bottom: 0px; padding: 34px 50px 54px 50px;}
    .brandt-journey .sol--path-inner .brandt-j-col{ display: flex; align-items: stretch; position: relative;}
    .journey-content-box.brandt-j-box1{background: linear-gradient(to bottom, #FF7F72 0%,#FF7F72 92%,#000000 92%,#000000 100%);}
    .journey-content-box.brandt-j-box2{background: linear-gradient(to bottom, #A3A9F5 0%,#A3A9F5 92%,#000000 92%,#000000 100%);}
    .journey-content-box.brandt-j-box3{background: linear-gradient(to bottom, #00DD8D 0%,#00DD8D 92%,#000000 92%,#000000 100%);}
    .journey-content-box.brandt-j-box4{background: linear-gradient(to bottom, #F6AEA4 0%,#F6AEA4 92%,#000000 92%,#000000 100%);}
}

@media (min-width: 1200px) {
    .spb-max h5{ margin-top: 30px; line-height: 39px;}
}

.connect__row .row{ align-items: stretch;}
.connect__col{ height: auto; align-items: center; display: flex; justify-content: center; padding-top: 10px; padding-bottom: 10px;}
.connect__row h4{  margin-bottom: 0; padding: 0px 10px;}
.connect__row h6{ margin-bottom: 0; line-height: 22px; padding: 0px 10px;}
.connect__row p{ margin-bottom: 0;}

@media (min-width: 992px) {
    .connect__col{ height: auto; align-items: center; display: flex; justify-content: center; padding-top: 20px; padding-bottom: 20px;}
    .connect__row p a{ font-size: 24px;}
    .connect__row h6{ line-height: 28px;}
}
@media (max-width: 767px) {
    .connect__row h4{  margin-bottom: 0; padding: 10px 15px 0px;}
    .connect__row h6{  padding: 0px 15px 10px;}
    .infog{ margin-bottom: 20px;}
}

.clogo-slider-contact .swiper-slide{ margin-left: 10px; margin-right: 10px;}
@media (min-width: 992px) {
    .clogo-slider-contact .swiper-slide{ margin-left: 10px; margin-right: 10px;}
}
@media (min-width: 1366px) {
    .clogo-slider-contact .swiper-slide{ margin-left: unset; margin-right: unset;}
}
@media (min-width: 1440px) {
    .clogo-slider-contact .swiper-slide{ margin-left: 25px;}
}


/*Careers page start*/
.careers--banner{ background: #80ffe2;}
.careers--banner .careers--banner-inner, .careers-desc-inner {max-width: 980px; margin: auto;}
.careers-banner-txt{ margin-top: 30px;}
.careers-banner-txt h2{ margin-top: 30px; margin-bottom: 30px;}
.careers-desc{ margin-top: 30px;}
.cl--box{ border: 1px solid #092067; border-radius: 26px; padding: 20px 20px;
margin-bottom: 20px;}
.cl--box .cl--box-rht .btn{background: #000000; border-radius: 26px; font-size: 18px; font-weight: 400; color: #fff; padding: 7px 40px 10px; font-family: var(--font-main); line-height: 18px;}
.cl--box .cl--box-rht .btn:hover{background: var(--origin-blue);}
.internship-footer-cta { padding: 0px 10px 0px 10px; margin-bottom: 0; text-align: center;}
.internship-footer-cta li{ list-style-type: none; font-size: 28px; color: #fff; font-weight: 500; margin-bottom: 16px;}
.internship-footer-cta li a{ color: #fff;}
.internship-footer-cta li a:after{ content: url(../images/int-arr.svg); position: relative; top: 5px; left: 10px;}


@media (max-width: 767px) {
    .career--row{ display: flex; flex-direction: column-reverse;}
    .career--row-btm .last--section {padding-bottom: 20px;}
    .careers-desc-sec{ padding-bottom: 150px;}
    .internship--row-top{ padding-bottom: 150px;}
    .careers-page #hire-btn-sm, .careers-detail #hire-btn-sm{ display: none !important;}
    .careers-page .footer-btm, .careers-detail .footer-btm {padding: 10px 0px 20px;}
}

@media (min-width: 768px) {
    .careers--banner{background: linear-gradient(to bottom, #80ffe2 0%,#80ffe2 90%,#ffffff 90%,#ffffff 100%);}
    .careers-banner-txt{ margin-top: unset;}
    .careers-banner-txt h2{ margin-bottom: unset;}
    .career-list{ display: grid; grid-template-columns: 50% 50%;}
    .career-list .cl--box:nth-child(odd) { margin-right: 10px;}
    .career-list .cl--box:nth-child(even) { margin-left: 10px;}
    .internship-footer-cta{ display: flex; justify-content: space-around; text-align: unset;}
    .internship-footer-cta li{ font-size: 28px; margin-bottom: unset;}
}
@media (min-width: 992px) {
    .cl--box{ padding: 30px 40px; margin-bottom: 40px;}
    .career-list .cl--box:nth-child(odd) { margin-right: 20px;}
    .career-list .cl--box:nth-child(even) { margin-left: 20px;}
    .cl--box h4{ margin-bottom: 20px;}
    .cl--box{ display: flex; align-items: center; justify-content: space-between;} 
}
@media (min-width: 1366px) {
    .careers-desc{ margin-top: -30px;}
    .cl--box h4{ margin-right: 10px;}
}
.careers-detail .footer--cta-o{ display: none;}
.career-requirements{ display: flex; align-items: center; justify-content: space-between; max-width: 600px; margin:30px auto 0px;}
.career-requirements .exp, .career-requirements .typ, .career-requirements .loc{ font-size: 13px; color: #000; font-weight: 400; 
    position: relative; padding-top: 30px;}
.career-requirements .exp::before, .career-requirements .typ::before, .career-requirements .loc::before{
    position: absolute; left: 0; right: 0; top: 1px; text-align: center;}    
.career-requirements .exp::before{ content: url(../images/briefcase.svg); }
.career-requirements .typ::before{ content: url(../images/clock.svg);}
.career-requirements .loc::before{ content: url(../images/cmap-pin.svg);}
.careers--form .hire-form{ background: #fff; padding: 40px; border: 1px solid #CACACA;}
.careers--form .hire-form label {margin-top: 0px !important;}

.uidesignswiper .swiper-slide {text-align: center;}
.contact-us-page.sp-50{ padding-top: 50px; padding-bottom: 50px;}

.cul--logos{ display: grid; grid-template-columns: auto auto; grid-column-gap:10px;}
.cul--logos img{ margin-bottom: 10px;}
.contactl-us-page {background: var(--color-black);}
.contact-us-page{ background: #000;} 

@media (max-width: 767px) {
    .con-loc.row{ flex-direction: column-reverse;}
    .contact-location{ margin-top: 30px;}
    .contact-us-page .contact-us-page-row{ flex-direction: column-reverse;}
    .contact-right{ margin-bottom: 30px;}
}
@media (min-width: 768px) {
    .career-requirements{ display: flex; align-items: center; justify-content: space-between; max-width: 600px; margin:30px auto 0px;}
    .career-requirements .exp, .career-requirements .typ, .career-requirements .loc{ font-size: 18px; padding-left: 30px; padding-top: unset;}
    .career-requirements .exp::before, .career-requirements .typ::before, .career-requirements .loc::before{
        position: absolute; left: 0; top: 1px; right: unset; text-align: unset;}
}

@media (min-width: 1200px) {
    .job-description-col h4{margin-top: 30px; margin-bottom: 20px;}
    .job-description-col h4:nth-of-type(1){ margin-top: 0;}
    .job-description-col p{ line-height: 26px !important;}
    .job-description-col li{ margin-bottom: 10px;}
    .cd-ftr-cta .ftr-cta-dflt a.btn{ margin-left: 10px;}
    .cul--logos{ display: grid; grid-template-columns: auto auto auto; grid-column-gap:unset;}
}
/*Careers page end*/

/*sticky sidebars*/
@media (max-width: 1199px) {
    .contact-us-page .contact-sidebar.sticky-top{ position: unset;}
    .ux-strategy-infog.sticky-top{ position: unset;}
    .ux-audit-infog.sticky-top{ position: unset;}
    .ux-research-infog.sticky-top{ position: unset;}
    .dt-form-txt-row.sticky-top{ position: unset;}
    .ux-design-infog.sticky-top{ position: unset;}
    .ux-dev-infog-rht.sticky-top{ position: unset;}
    .contact-location.sticky-top{ position: unset;}
}

@media (min-width: 1200px) {
    .contact-us-page .contact-sidebar.sticky-top{ top: 100px; z-index: 9;}
    .contact-us-page .contact-right{ padding-bottom: 100px;}
    .contact-left-top h5.pt-5 { padding-top: 1.5rem !important;}
    .contact-left-top .btn.mt-5{margin-top: 1.5rem !important;}

    .ux-strategy-infog.sticky-top{ top: 100px; z-index: 9;}
    .ux-strategy-infog .infog img{ width: 450px;}
    .ux-strategy-infog-rht{ padding: 100px 0px;}

    .ux-audit-infog.sticky-top{ top: 100px; z-index: 9;}
    .ux-audit-infog img{ width: 380px;}
    .ux-audit-infog-rht{padding: 100px 0px 0px;}

    .ux-research-infog.sticky-top{ top: 100px; z-index: 9;}
    .ux-research-infog img{ width: 200px;}
    .ux-research-infog-rht{padding: 100px 0px 100px;}

    .ux-design-infog.sticky-top{ top: 100px; z-index: 9;}
    .ux-design-infog img{ width: 500px;}
    .ux-design-infog-rht{padding: 50px 0px 0px;}

    .dt-form-txt-row.sticky-top{ top: 100px; z-index: 9;}
    .dt-form-sec .dt--form{ padding: 30px 0px 0px;}
    .dt-form-txt-btm img{ height: 200px; width: 100%; object-fit: cover; object-position: top;}

    .ux-dev-infog-rht.sticky-top{ top: 130px; z-index: 9;}

    .contact-location.sticky-top{ top: 100px; z-index: 9;}
}

@media (min-width: 1440px) {
    .contact-left-top h5.pt-5 { padding-top: 3rem !important;}
    .contact-left-top .btn.mt-5{margin-top: 3rem !important;}
    .ux-strategy-infog .infog img{ width: 500px;}
    .ux-audit-infog img{ width: 430px;}
    .ux-research-infog img{ width: 230px;}
    .dt-form-txt-btm img{ height: 250px;}
    .ux-design-infog img{ width: 550px;}
}

@media (min-width: 1600px) {
    .ux-strategy-infog .infog img{ width: unset;}
    .ux-audit-infog img{ width: unset;}
    .ux-research-infog img{ width: unset;}
    .dt-form-txt-btm img{ height: unset;}
    .dt-form-sec .row{ align-items: stretch;}
    .dt-form-sec .dfs-col{ display: flex; align-items: stretch;}
    .dt--form{ background: #F8F6F1;}
    .ux-design-infog img{ width: unset;}
}

@media screen and (min-width: 1920px), 
       screen and (min-height: 1080px) {
        
        .ux-strategy-infog.sticky-top,
        .ux-audit-infog.sticky-top{ top: 200px;}
        .ux-dev-infog-rht.sticky-top{top: 200px;}
        .ux-design-infog.sticky-top{ top: 300px;}
        .contact-us-page .contact-sidebar.sticky-top{top: 250px;}
        .dt-form-txt-row.sticky-top{top: 100px;} 
        .ux-research-infog-rht{padding: 0px 0px 0px;}
        .contact-location.sticky-top{ top: 200px;}
}


/* Industries */
.proptech-banner{ background: url(../images/industries/proptech/proptech-ban-bg.jpg) no-repeat; background-size: cover;}
.media-entertainment-banner{ background: url(../images/industries/media/media-ban-bg.jpg) no-repeat; background-size: cover;}
.technology-banner{ background: url(../images/industries/technology/tech-ban-bg.jpg) no-repeat; background-size: cover;}
.edtech-banner{ background: url(../images/industries/edtech/ed-ban-bg.jpg) no-repeat; background-size: cover;}
.fintech-banner{ background: url(../images/industries/fintech/fintech-ban-bg.jpg) no-repeat; background-size: cover;}
.travel-banner{ background: url(../images/industries/travel/travel-ban-bg.jpg) no-repeat; background-size: cover;}
.telecom-banner{background: url(../images/industries/telecom/telecom-ban-bg.jpg) no-repeat; background-size: cover;}
.cs-banner{background: url(../images/industries/cs/cs-ban-bg.jpg) no-repeat; background-size: cover;}
.d2c-banner{background: url(../images/industries/d2c/d2c-ban-bg.jpg) no-repeat; background-size: cover;}

.industry-banner-common{ padding: 50px 0px 100px; position: relative; z-index: 2;}
.ind-banner{ margin-top: -80px; position: relative; z-index: 3; text-align: center;}
.industry-section1-pic{ margin-bottom: 20px;}
.ind-todo-with-ux h4{ margin-bottom: 30px;}
.flagship{ background: #000;}
.flagship-inner{ max-width: 900px; margin: auto;}
.flagship-txt{ color: rgba(255,255,255,0.9);}
.flagship-txt h4{margin-top: 20px; margin-bottom: 10px;}
.flagship-inner.tech-flagship-inner{max-width: 1060px; margin: auto;}

.ind-benefits-tabs{ background: #000; padding: 20px 10px; border-radius: 12px;} 
.ibt-tab-links .nav-tabs .nav-link {margin-bottom: -1px; border: 0px}
.ibt-tab-links .nav-link{ color: rgba(255,255,255,0.5);}
.ibt-tab-links .nav-tabs .nav-link.active{background: #6C2DC7; border-radius: 51px; color: #fff;}
.ind-benefits-txt{ color: rgba(255,255,255,0.9); margin-top: 20px;}

@media (max-width: 767px) {
    .ib-tabs-sec{ margin-top: 20px;}
    .ind-benefits .container{ width: 100%;}
    .ibt-tab-links .nav-tabs {border-bottom: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; overflow-x: auto; margin-bottom: 20px; padding-bottom: 20px;}
    .ibt-tab-links .nav-link {white-space: nowrap;}
}

@media (min-width: 768px) {
.industry-banner-common{ padding: 50px 0px 250px;}
.ind-banner{ margin-top: -200px; margin-bottom: 30px;}
.industry-section1 .ind-banner{ text-align: center; width: 100%;}   
.industry-section1 .ind-banner img{width: 100%;} 
.flagship-inner .row.even{ flex-direction: row-reverse;}
.flagship-txt h4{ margin-top: 0; margin-bottom: 20px;}
.ind-todo-with-ux .row.even{ flex-direction: row-reverse;}
.ib-tabs-sec{padding-top: 100px;}
.ind-benefits-tabs{ padding: 0px 30px 30px; border-radius: 25px;} 
.ind-benefits-tabs{ display: flex;}
.ind-benefits-tabs .ibt-tab-links{ flex-basis: 40%; margin-right: 30px;}
.ind-benefits-tabs .tab-content{ flex-basis: 60%;}
.ibt-tab-links .nav-tabs{ display: flex; flex-direction: column; margin-top: 50px; border: 0;}
.ibt-tab-links .nav-tabs .nav-link {margin-bottom: 10px; text-align: left; border-radius: 50px; width: 100%;}
.ind-benefits-img{ margin-top: -60px;}
}

@media (min-width: 1200px) {
    .industry-banner-common{ padding: 50px 0px 350px;}
    .ind-banner{ margin-top: -300px; margin-bottom: 0px;}
    .edtech-sec1 .industry-section1-pic{ margin-top: 20px;}
    .edtech-sec1 p{ margin-bottom: 30px;}
    .d2c-sec-btm p{margin-bottom: 30px;}
    .d2c-sec-btm p:nth-of-type(1){margin-top: 30px;}
}

@media (min-width: 1366px) {
    .ind-benefits-tabs .ibt-tab-links{ flex-basis: 40%; margin-right: 50px;}
    .ind-benefits-tabs .tab-content{ flex-basis: 60%; padding-right: 50px;}
    .ibt-tab-links .nav-tabs .nav-link{ font-size: 24px; line-height: 31px; margin-bottom: 30px;  padding: .5rem 2rem;}
    .ind-benefits-txt{ margin-top: 30px;}
}

.f-and-s{ background: #F9FAFF;}
.f-and-s .fs-box{ padding: 20px 30px; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center;
margin-bottom: 10px; border-radius: 0;}
.bg-dlavender{ background: var(--color-dlavender);}

@media (min-width: 768px) {
    .f-and-s .fs-box{ padding: 30px 10px 30px 10px; height: 133px; margin-bottom: 20px;}
}

.ind-trends{ background: #000;}
.ind-trend-box{margin-bottom: 30px;}
.ind-trend-text{ color: rgba(255,255,255,0.9);}
.ind-trend-text h4{ margin-bottom: 10px;}
.ind-trend-img{margin-right:10px;}
.ind-trend-img img{ width: 60px; max-width: unset;}
.ind-trend-titl{ margin-bottom: 30px;}

@media (max-width: 767px) {
    .ind-trend-img {  float: left;}
    .hire-on-demand-banner .hodb-txt.spt-50{ padding-top: 0; text-align: center;}
}

@media (min-width: 768px) {
    .ind-trend-img{ flex-basis: 194px; margin-right: 30px;}
    .ind-trend-img img{ width: 194px; max-width: unset;}
    .ind-trend-box{display: flex; margin-bottom: 30px;}
    .ind-trend-text h4{ margin-bottom: 20px;}
    .ind-trend-box:nth-last-of-type(1){ margin-bottom: 0;}
}
@media (max-width: 991px) {
    .ind-trend-titl.sticky-top{ position: relative;}
}
@media (min-width: 992px) {
    .ind-trend-titl.sticky-top{ top: 100px;}
    .ind-trend-box{margin-bottom: 50px;}
}

.dsgnops--banner{ background: #61C5BC;}
.new--sec{ padding: 50px 0px;}
.new-sec-box{ background: #343434; padding: 30px; color: #fff; margin-bottom: 30px;}
.new-sec-box h4{ margin-bottom: 30px;} 
.new--sec .max-970{ max-width: 970px; margin: auto;}
.new-sec-box.neww{ position: relative; margin-top: 30px;}
.new-sec-box.neww:after{ content: url(../images/solutions/new-icon.png); position: absolute; top: -45px; right: 10px;}

.designops-workflow{ background: rgba(163, 169, 245, 0.2);}
.designops-workflow .max-930{ max-width: 930px; margin:auto;}
.designops-workflow-heading h2{ font-weight: 500;}
.designops-workflow .four-pillar{ margin: 30px 0px 50px;}
.dwf-col button{ display: block; background: transparent; border: 0; font-size: 20px; font-weight: 500; padding-left: 0;}
.dwf-col button:after{content:"\f35f"; font-family:"Ionicons"; margin-left: 10px; font-size: 18px;}
.dwf-col .collapse{padding-top: 10px;}
.designops-workflow .img-number{ flex-basis: 40px;}

@media (min-width: 768px) {
    .new-sec-box.neww{ margin-top: 0px;}
    .dwf-col button{ font-size: 16px;}
}
@media (min-width: 992px) {
    .new--sec{ padding: 100px 0px;}
    .new-sec-box h4{ min-height: 110px;}
    .dwf-col .collapse{ font-size: 18px; line-height: 24px;}
    .dwf-col button{ font-size: 20px;}
    .dwf-col{ margin-bottom: 30px;}
    .pcs-desc{ font-size: 24px; line-height: 34px !important;}
    .new-sec-box.neww:after{ top: -45px; right: 30px;}
}

@media (min-width: 1200px) {
    .dwf-col button{ font-size: 24px;}
}

.clutch-ftr{ margin-top: 20px;}
.footer-top .container{ position: relative;}

@media (min-width: 1080px) {
    .clutch-ftr{ position: absolute; left: 15px; bottom: 10px; margin-top: unset;}
}

@media (min-width: 1366px) {
    .clutch-ftr{ left: 15px; bottom: 30px;}
}

.newly--slider .swiper-pagination-bullet{ background: #ccc;}
.newly--slider .swiper-pagination-bullet-active{ background: var(--origin-blue);}
.newly--slider.swipe--slider .swiper {
	padding-bottom: 20px;
}

.cs-decks .max-1200{ margin-left: auto; margin-right: auto; max-width: 1200px;}
.cs-decks .mb-30{ margin-bottom: 10px;}
.cs-decks{ padding-top: 30px; padding-bottom: 100px;}

@media (min-width: 768px) {
    .cs-decks .mb-30{ margin-bottom: 30px;}
    .cs-decks{ padding-top: 50px; padding-bottom: 120px;}
}

/*design thinking new start*/
.font-book{font-family: 'Circular Std Book';}
.odtp-sec{ background: #CACACA;}
.odtp-box{ position: relative; z-index: 3; padding-top: 60px; margin-bottom: 20px;}
.odtp-box-front{ background: #fff; padding: 16px; font-weight: 500; margin-left: 5%; position: relative;}
.odtp-box-back{ padding: 16px 16px 50px; position: absolute; top: 0; left: 0; width: 95%;}
.odbb1{ background: #FF5041;}
.odbb2{ background: #FD236B;}
.odbb3{ background: #9EFF00;}
.odbb4{ background: #00FFC6;}

@media (min-width: 768px) {
    .odtp-box{ padding-top: 60px; margin-bottom: unset;}
    .odtp-box-front{ padding: 16px; font-size: 16px; margin-left: 10%; min-height: 274px;}
    .odtp-box-back{ padding: 16px 16px 130px; width: 90%;}
}

@media (min-width: 1200px) {
    .odtp-box{ padding-top: 90px; margin-bottom: unset;}
    .odtp-box-front{ padding: 20px; font-size: 20px; margin-left: 10%; min-height: 244px;}
    .odtp-box-back{ padding: 24px 20px 130px; width: 90%;}
}
.dt-client-logos{ border-bottom: 1px solid rgba(202,202,202,0.2);}
.dt-wc-sec .dt-wc-box{ padding: 20px 0px 0px;}
.dt-wc-col:nth-of-type(1) .dt-wc-box{border-top: 3px solid #FFD748;}
.dt-wc-col:nth-of-type(2) .dt-wc-box{border-top: 3px solid #E5638F;}
.dt-wc-col:nth-of-type(3) .dt-wc-box{border-top: 3px solid #3881E4;}
.dt-wc-col:nth-of-type(4) .dt-wc-box{border-top: 3px solid #FF7F72;}

.dt-wwo-sec .dt-wwo-box{ padding: 30px; border-radius: 12px; margin-bottom: 30px;}
.dt-wwo-sec .dt-wwo-col{ display: flex; align-items: stretch;}
.dt-wwo-col:nth-of-type(1) .dt-wwo-box{background: #f8f4fc;}
.dt-wwo-col:nth-of-type(2) .dt-wwo-box{background: #fff9f8;}
.dt-wwo-col:nth-of-type(3) .dt-wwo-box{background: #fdf5f8;}
.dt-wwo-col:nth-of-type(4) .dt-wwo-box{background: #f7fcfc;}


.dt-wsa-inner{ background: #3881E4; padding: 20px;}
@media (min-width: 1200px) {
    .dt-wsa-inner{ padding:50px 30px;}
    .dt-wsa-inner .dt-wsa-desc{ font-size: 24px; line-height: 28px;}
}

.dt-frame-box{ padding: 20px; margin-bottom: 20px;}
.dt-frame-box a{ font-weight: 500; text-decoration: underline; color: #000;}
.dt-frame-col{ display: flex; align-items: stretch;}
.dt-frame-col:nth-of-type(1) .dt-frame-box{background: #F6AEA4;}
.dt-frame-col:nth-of-type(2) .dt-frame-box{background: #F8D37B;}
.dt-frame-col:nth-of-type(3) .dt-frame-box{background: #61C5BC;}
.dt-frame-col:nth-of-type(4) .dt-frame-box{background: #7BB3FF;}
.dt-frame-col:nth-of-type(5) .dt-frame-box{background: #E5638F;}
.dt-frame-col:nth-of-type(6) .dt-frame-box{background: #A3A9F5;}
@media (min-width: 1200px) {
    .dt-frame-box{ padding: 30px 30px 30px 30px; margin-bottom: 20px; position: relative;}
    .dt-frame-box a{ font-size: 20px; position: absolute; bottom: 30px; left: 30px;}
}

.dt-cho-sec {background: linear-gradient(to bottom, #000 0%,#000 50%,#ffe5e2 50%,#ffe5e2 100%);}
.dt-cho-inner{ background: #ff5041; padding: 20px;}
@media (min-width: 1200px) {
    .dt-cho-inner{ padding:50px 30px;}
}

.dt-design-prod h4{font-family: 'Circular Std Book';}

.dt-usecase-sec{ background: #f1f2fd;}
.dt-usecase-desc{ padding: 30px; background: #A3A9F5;}
@media (min-width: 1200px) {
    .dt-usecase-desc{ padding: 50px 30px;}
    .dt-usecase-desc h4{ font-size: 24px; line-height: 32px;}
}

.dtuc--slider{position: relative;}
.dtuc--slider .swiper-slide{ height: auto; background: #000;}
.dtuc-logo{ display: flex; align-items: center; justify-content: center; background: #fff; padding: 30px;}
.dtuc-txt{ background: #000; padding: 24px; color: #fff;}

@media (max-width: 576px) {
    h2.spb--titl{font-size: 23px;}
}
/*design thinking new end*/