/****************************************\

Responsive CSS

*****************************************/

@media screen and (max-width: 2200px) {
  .content-item-box.second {
    left: 36%;
  }
  }


@media screen and (max-width: 1920px) {
  .strat {
     width: 100% !important;
  }

  /* ----------------------------------------------------- */

  .content-item-box.second {
    left: 33%;
  }

}

@media screen and (max-width: 1835px){
  .content-stat h2.heading-sec-46 {
    font-size: 40px;
    line-height: 50px;
  }
}


@media screen and (max-width: 1780px){
  /* 16/9/21  */
  /* .cj-video-head {
    margin-top: 75px;
} */

.cj-slid-video {
  width: 120%;
}
/* 16/9/21  */

  .main-banner.banner-750 .row {
    min-height: 650px !important;
  }

 

  .content-stat h2.heading-sec-46 {
    font-size: 34px;
    line-height: 42px;
  }

  /* --------------------------------------------------------- */

  .row.move-1 {
    left: 12%;
  }
  .row.move-2 {
    right: 12%;
  }

}

@media screen and (max-width: 1750px) {
  .box3line-banner-bg {
    height: 1080px !important;
  }
}

@media screen and (max-width: 1700px) {
  .box3line-banner-bg {
    height: 1000px !important;
  }
}

@media screen and (max-width: 1650px) {
  .content-stat h2.heading-sec-46 {
    font-size: 30px;
    line-height: 38px;
  }
}

@media screen and (max-width: 1600px) {
  .content-para.para-big-head h2 {
    font-weight: 500;
    line-height: 64px;
    font-size: 52px;
    text-align: left;
}
  .hotspot-360 .BornHS__Modal__Input.green-back.third .BornHS__Modal__Content {
    right: -19% !important;
    bottom: 3% !important;
}
.hotspot-360 .BornHS__Modal__Input.green-back.first .BornHS__Modal__Content  {
  left: -21% !important;
  top: 12% !important;
}
  .box2line-contsctn-rgt h4 {
    font-size: 24px;
}
.box2line-contsctn-rgt.lgt-redbg img {
  padding-top: 10px;
}
  .content-para h2 {
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
  }

  .faq-ques {
    padding-top: 80px;
    padding-bottom: 80px;
}
  .gov-icon-box img {
    padding-bottom: 20px;
}
section#introp-banner {
  height: 650px;
}
.banner-text-spacer h2.banner-heading {
  padding-top: 20px;
}
  .touchpoints-carousel .owl-dot button {
    font-size: 12px;
  }
  .strat {
    height: 715px !important;
  }

.content-stat {
padding: 15px 40px 15px 40px;
}
.footer-right h2 {
  margin-bottom: 25px;
}
.footer-left p {
  margin-bottom: 35px;
}
.homemain-slider {
  height: 500px !important;
}
 /*** customer journey page ***/
 .tab-carousel {
  padding: 200px 0px 0 0 !important;
}
.top-banner-sec {
  padding:50px 80px 0px 80px ;
}
.row.list-sec {
  height: 210px;
}
 
.banner-blue-line {
  position: absolute;
  top: 20px;
  left: 0;
}
.stickym-bgcolor {
  padding: 0px 40px !important;
}
/**Individual Service Page**/
.service-banner h2.banner-heading {
  font-size: 42px;
  line-height: 48px;
  font-weight: 900;
  margin-bottom: 1rem;
}
.service-banner .right-arrow-links{
  margin-top: 0px;
}
/** New Responsive Code**/
.ki-right-img {
  left: -37%;
}
.service-banner .owl-dots{
  bottom:40px;
}
img.searchInputIcon {
  width: 35px !important;
  Height: 35px !important;
}
.searchInputIcon {
  left: 32.3rem;
}
.resource-tip .svc-cs-left .buttons-bottom.cs-left-col .svcadd-pitch-btn {
  bottom: -22px !important;
}
.dnld-bnr-tooltip button {
  right: 7%;
}
/* .svc-left-col::after {
  top: 40%;
} */
.service-banner-text{
  padding: 30px 20.6% 40px 60px !important ;
}

/* --------------------------------NEW CSS----------------------------------- */

.gov-text-box {
  padding: 0 8%;
}

.box3line-banner-bg { 
  height: 960px !important;
}

.box3line-banner .custcol-12 {
  height: 316px;    
}

.box3line-banner-contbox {
  padding: 40px 40px;
}

.box3line-banner .custcol-4 {
  height: 642px;
}

.counter {
  font-size: 55px;
}

.counter-number {
  font-size: 55px;
}

.box3line-banner-contbox p {
  margin-bottom: 0rem !important;
}

/* --------------------------------------------------------------- */

.main-banner.banner-750 .row {
  min-height: 600px !important;
}
.about-vital h2.banner-heading {
font-size: 42px;
line-height: 50px;
}
.section.demanded-area {
padding-right: 0px;
}

.content-stat h2.heading-sec-46 {
  font-size: 38px;
  line-height: 48px;
}

/* -------------------------------------------------------------------- */

.row.move-1 {
  left: 8% !important;
}
.row.move-2 {
right: 8% !important;
}
section.section.office-interact {
background-size: 88% !important;
}
.content-item-box.second {
left: 31%;
top: 40%;
}
  .row.office-interact-inner {
  justify-content: center;
  padding-top: 130px !important;
  padding-bottom: 130px !important;
  }
  .office-interact .row.content-box {
  left: 15%;  
  }
  .office-interact .row.content-box.right {
  right: 15%;
  }

}

@media screen and (max-width: 1550px) {
  .box3line-banner-bg {
    height: 910px !important;
  }
}



@media screen and (max-width: 1480px) {
  /* 16/9/21  */
  .cj-slid-video {
    width: 130%;
  }
  /* 16/9/21  */
  .area-white-banner.banner-text {
    padding: 40px !important;
  
  }
  .section.vision-hov-boxes {
  padding-right: 0px !important;
}
  .content-stat h2.heading-sec-46 {
    font-size: 34px;
    line-height: 48px;
  }
  input#H1, .BornHS__Modal__Input.red-back.one label.BornHS__Label {
    left: 19% !important;
}
  input#H2, .BornHS__Modal__Input.red-back.two label.BornHS__Label {
    left: 33% !important;
}
input#H3, .BornHS__Modal__Input.green-back.three label.BornHS__Label {
  left: 40% !important;
}
input#H4, .BornHS__Modal__Input.green-back.four label.BornHS__Label {
left: 81% !important;
}
 
input#H5, .BornHS__Modal__Input.green-back.five label.BornHS__Label {
  left: 83% !important;

}

.BornHS__Modal__Input.red-back.two .BornHS__Modal__Content {
 left: 37% !important;
}

.BornHS__Modal__Input.green-back.three .BornHS__Modal__Content {
  left: 45% !important;
 }
 .BornHS__Modal__Input.green-back.four .BornHS__Modal__Content {
  left: 85% !important;
 }

 .BornHS__Modal__Input.green-back.five .BornHS__Modal__Content {
  left: 87% !important;
 }
 .section.geography-sec .red-half-2 .content-tab {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.section.client-sector-sec .red-half-2 .content-tab {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

/* --------------------------------------------------------------- */

.box3line-banner-bg {
  height: 880px !important;
}

}


@media screen and (max-width: 1440px) {
  .hotspot-360.BornHS__Wrapper .BornHS__Modal__Content {
    width: 400px !important;
}
.hotspot-360 .BornHS__Modal__Input.green-back.third .BornHS__Modal__Content {
    right: -10% !important;
    bottom: -2% !important;
}
.hotspot-360 .BornHS__Modal__Input.green-back.first .BornHS__Modal__Content {
  left: -13% !important;
  top: 11% !important;
}

.hotspot-360 .BornHS__Modal__Input.green-back.fifth .BornHS__Modal__Content {
  left: -13% !important;
}

.hotspot-360 .BornHS__Modal__Input.green-back.second .BornHS__Modal__Content {
  right: 2% !important;
}
  
  .ms-indst-trnd-box {
    bottom: 50px;
  }

  .obj-col-play2 {
    padding-left: 8%;
}
.trans-banner-box li {
  width: 190px;
  padding-bottom: 20px;
  padding-right: 40px;
  flex-shrink: 0;
}

/* -----------------------NEW CSS------------------------------ */

.box2line-contsctn-rgt .text {
  width: 260px;
}

.gov-text-box {
  margin-left: 70px;
}

.box3line-banner-bg {
  height: 850px !important;
}

.abt-IFM-model-4box .col-md-3 {
  width: calc(24% - 62px) !important;
  -ms-flex: 0 0 25%;
  flex: 0 0 24%;
}

/* --------------------------------------------------------- */

.gov-text-box {
  margin-left: 10px !important;
  padding: 0 10% 0 5% !important;   
}

.gov-sec-right {
  min-height: 500px;
}

/* ----------------------------------------------------------------- */

.about-vital h2.banner-heading {
  font-size: 38px;
  line-height: 46px;
}
  .trans-trend {
    padding-top: 10px !important;
    padding-bottom: 60px !important;
  }

  .heading-sec-46, .text-34 {
    font-size: 36px;
    line-height: 46px;
  }

  .content-stat h2.heading-sec-46 {
    font-size: 30px;
    line-height: 44px;
  }

  /* ------------------------------------------------------------------- */

  .image-holder img:nth-child(1) {
    top: -35px;
    left: 100px;
}
.image-holder img:nth-child(2) {
  top: 65px;
  left: 99%;
  transform: translateX(-50%);
}
.image-holder img:nth-child(3) {
  right: 30px;
  bottom: -30px;
}
.image-holder img:nth-child(4) {
  bottom: 40px;
  left: 0px;
  transform: translateY(50%);
}
.image-holder img {
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
.image-holder img:nth-child(5) {
  top: 30px;
  left: -30px;
}
.content-item-box.three {
  top: 38%;
}
.content-item-box.second {
  top: 38%;
}
  .content-item-box.second .overlay {
    border: solid 140px #F37A6C;
}
.content-item-box.three .overlay {
  border: solid 140px #27BDBE;
}
.content-item-box .overlay {
  border: solid 140px #e0523c;
}
.content-item-box {
    height: 310px;
    width: 310px;
}
.circle {
  width: 250px;
  height: 250px;
}
  .content-item-box.second {
    left: 29%;
    top: 39%;
}
  .row.move-2 {
    right: 7% !important;
    top: 31%;
}
.row.move-1 {
  left: 7% !important;
  top: 31%;
}
  section.section.office-interact {
    background-size: 95% !important;
}
  .image-circle img {
    margin-top: 110px;
    padding-bottom: 40px;
}
.service-well.tabs-over .nav-tabs .nav-link {
  margin-bottom: 35px !important;
}
.service-well .add-lists-demand p {
  padding-bottom: 2px;
}
  .row.of-eight-box {
    padding: 80px 25px;
  }
  .of-eight-box .flip .card .front, .of-eight-box .flip .card .back {
    padding: 15px 10px;
}
  .typical-start img {
    width: 250px;
}
  .of-eight-box .sd-box-badge p {
    font-size: 14px !important;
    line-height: 22px;
}
.area-typical-grid {
  margin-top: 60px;
}

  }


  @media screen and (max-width: 1400px) {

    .red-half-2 .content-tab {
      padding: 80px !important;
  }
  
.section.vis-bottom-sec {
      padding-top: 40px;
      padding-bottom: 20px;
    }
    .box2line-sctn .row .box2line-col {
      width: calc(20% - 0px);
      height: 320px;
      border: 3px solid #fff;
  }
  .box2line-banner.strat {
    height: 640px !important;
}
.box2line-contsctn-rgt h4 {
  font-size: 18px;
  line-height: 26px;
}
    .content-para h2 {
      text-align: center;
      font-weight: 600;
      font-size: 20px;
      line-height: 27px;
  }
    label.faq-drawer__title {
      padding: 22px 0px;
      padding-right: 25px;
  }
  img.add-sign {  
    width: 120px;
}
.faq-tabs-area .heading-18 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
    .svc-cs-left {
      padding-right: 5% !important;
  }
  section#svc-casestudy {
    padding-bottom: 80px!important;
  }
  .gov-text-box {
    padding: 0 20%;
  }
  .obj-col-play2 {
    border-left: 2px solid #FFFFFF50;
    padding-left: 8%;
  }
  section#introp-banner {
    height: 600px;
  }
  .introp-banner .banner-text.banner-text-spacer img {
    width: 100px !important;
  }
  .spacer-btm-sec {
    padding: 0px 0px;
  }
  #featured-services.environment {
    padding-bottom: 60px;
  }
  .banner-sub-heading {
    font-size: 16px;
    line-height: 24px;
  }
  .space-efficiency .service-list li {
    padding-bottom: 4px;
  }
  .service-list li {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 15px;
    text-indent: -0.55em;
  }
    .track-r h1 {
      color: #F05740;
      font-size: 60px;
      font-weight: 800;
      line-height: 67px;
  }
    .envse-left {
      padding-right: 10%;
  }
  .env-se-box2 {
    padding-left: 10%;
}
    .resource-tip .svc-cs-left .buttons-bottom .svcadd-pitch-btn {
      bottom: -30px;
  }

    hr.hr-line-thick {
      margin: 10px 40px !important;
    }
    .right-trend h2.sub-head-small {
      padding-top: 15px;
  }
    .right-trend .row {
      margin-bottom: 5px !important;
  }
    .cp-resp-banner h2.banner-heading {
      font-size: 52px !important;
      line-height: 66px !important;
      font-weight: 900 !important;
      margin-bottom: 1.875rem !important;
    }
    section#worklife-continuum{
      padding-top: 0px !important;
    }
    .content-details {
      padding-right: 0px !important;
  }
  .kc-resources {
    margin-left: 20px !important;
}
    .customer-deck {
      margin-top: 60px !important;
      margin-right: 40px !important;
  }
  .right-section-cont {
    padding-top: 10px !important;
}
    .main-banner .row {
      min-height: 450px !important;
  }
    .m-menutitle h2, h3.mmenu-rtitlebottom, h3.mmenu-rtitle, h3.article-title a {
      font-size: 18px !important;
      line-height: 26px;
    }

  .menu-content {
   padding: 40px 40px !important;
  }
    .strat {
      height: 612px !important;
  }
  .content-stat {
    padding: 20px 40px 20px 0px;
}
.content-stat h2.heading-sec-46 {
  font-size: 36px;
  line-height: 46px;
  margin-bottom: 5px;
}
    .navbar-custom {
      padding: 0px 20px 0px 40px;
  }
  .slider-text {
   left: 40px !important;
}
.insights-text p {
margin-top: 15px;
}
.box-insights.left-service {
  padding-top: 59.5%;
  padding-bottom: 3%;
}

.box-padd {
  padding-bottom: 40px;
}
.cp-resp-banner .banner-text {
  padding-right: 13%;
}

/***individual service page ***/
#svckey-contacts .heading-18 {
  font-size: 14px;
  line-height: 17px;
}

#svckey-contacts h3.text-14 {
  font-size: 11px;
  line-height: 22px;
}


/** New Responsive Code**/
.ki-right-img {
  left: -40%;
}
.service-banner-text{
  padding: 30px 20.6% 40px 60px !important;
}
.service-banner .owl-dots {
  bottom: 40px;
}
.value-prop-img::after {
  top: -9.5%;
  right: 17.4%;
}
.searchInput {
  width: 20rem;
}
.searchInputIcon {
  left: 22.5rem;
}
.resource-tip .svc-cs-left .buttons-bottom.cs-left-col .svcadd-pitch-btn {
  bottom: -28px !important;
  right: -22px;
}
.dnld-bnr-tooltip button {
  right: 8%;
}
/* .svc-left-col::after {
  top: 37.8%;
} */

/* --------------------------------------------------------------- */

  .about-vital h2.banner-heading {
    font-size: 36px;
    line-height: 46px;
  }
  .main-banner.banner-750 .row {
  min-height: 500px !important;
  }

  /* ----------------------------17/Sep/2021------------------------------------ */
  .box3line-banner-bg {
    height: 800px !important;
}

}

/* ------13/sep/2021------ */

@media screen and (max-width: 1378px) {
  .portfolio-service .ports {
    	margin-right: 28px;
   }

   .cj-slid-video {
    width: 155%;
  }

 .recognition-rewards-logo .single-logo img {
    height: 90px;
 }

}

@media screen and (max-width: 1366px) {
  .gov-sec-right {
    min-height: 550px;
  }

  .container {
    max-width: 100% !important;
  }

  .abt-overview-3box .col-md-4 {
    max-width: calc(33.333333% - 32px) !important;
  }

  .content-stat {
    padding: 20px 40px 20px 30px;
}

.content-stat h2.heading-sec-46 {
    font-size: 30px;
    line-height: 42px;
}

.title-18 {
    padding-left: 5px;
}

}


@media screen and (max-width: 1365px) {

  .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.one .BornHS__Modal__Content {
     left: -10% !important;
}
  .col-insghts {
    width: 25%;
}
.main-single-insights .w-100 {
  display: none;
}
    .banner-text {
      padding-right: 5%;
  }
  .portfolio-service .ports {
    margin-right: 15px;
  }

    .gov-sec-right {
      background-position: 60%;
    }
    .trans-banner-box li {
      width: 170px;
      padding-bottom: 20px;
      padding-right: 20px;
    }
    .touchpoints-carousel .owl-dot button {
      font-size: 11px;
      line-height: normal;
  }

  .resource-tip .svc-cs-left .buttons-bottom.cs-left-col .svcadd-pitch-btn {
    bottom: -34px !important;
  }
  .dnld-bnr-tooltip button {
    right: 8%;
  }
  #add-pitch-popup .popup {
    width: 44%;
}
   
    .filter-area span.select-dropdown {
      font-size: 13px !important;
      line-height: 18px !important;
  }
  .select-dropdown__list-item {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
    .grid-container.of-4-box .insights-text h3, .grid-container.of-4-box h4 {
      font-size: 16px !important;
      line-height: 24px !important;
      margin-bottom: 15px !important;
  }
    .cp-resp-banner .banner-blue-line
    {
    display: none;
    }
    .equals {
      min-height: 260px;
  }
  .boxes-5 .insights-text h3 {
    font-size: 15px;
    line-height: 23px;

}
.boxes-5  a.simple-btn {
  font-size: 13px;
}
/*** customer journey page ***/
.filter-area {
  padding-right: 0;
}
.filter-area ul.select-dropdown__list {
  width: 150px;
}

.banner-text {
  padding-right: 27%;
}
.cp-resp-banner .banner-text {
  padding-right: 8%;
}
/**Service Individual page ***/

.service-banner h2.banner-heading {
  font-size: 40px;
  line-height: 46px;
}
.service-banner-text {
  padding-right: 22% !important;
}
/*** new responsive code***/
.ki-right-img {
  left: -44%;
  top: -10%;
}
#service-overview .key-innov {
  padding: 20px 20px 40px 18%;
  margin-left: 28%;
}
.overview-bottom-box2 {
  padding-right: 85px;
}
section#service-overview {
  padding-top: 0px !important;
}
.service-banner .owl-dots {
  bottom: 45px;
  left: 60px;
}
.value-prop-img::after {
  top: -10%;
  right: 17.1%;
}
.dnld-bnr-tooltip button {
    right: 9%;
}

/* ------------------------------------------------------------ */

.item3 .card, .item3 .flip .card .back {
  min-height: 160px;
}

  }

  @media screen and (max-width: 1350px) {
    .box3line-banner .custcol-4 {
      height: 680px;
    }
    .abt-blu-sctn .pd-25 {
      padding: 25px 50px 25px 0 !important;
    }
  }

  @media screen and (max-width: 1298px) {
    .portfolio-service .ports {
      margin-right: 25px;
    }
  }


  @media screen and (max-width: 1280px) {
    .content-para.para-big-head h2 {
      line-height: 62px;
      font-size: 48px;
  }
    section.section.space-play {
      padding-bottom: 100px;
  }
    .hotspot-360.BornHS__Wrapper .BornHS__Modal__Content {
      width: 350px !important;
  }

  .hotspot-360 .BornHS__Modal__Input.green-back.third .BornHS__Modal__Content {
    right: -10% !important;
    bottom: -13% !important;
}
.hotspot-360 .BornHS__Modal__Input.green-back.first .BornHS__Modal__Content {
  left: -8% !important;
  top: 0% !important;
}

.hotspot-360 .BornHS__Modal__Input.green-back.BornHS__Modal__Input.fourth .BornHS__Modal__Content {
  bottom: 0% !important;
}
.hotspot-360 .BornHS__Modal__Input.green-back.fifth .BornHS__Modal__Content {
  left: 0% !important;
  bottom: -2% !important;
}

.hotspot-360 .BornHS__Modal__Input.green-back.second .BornHS__Modal__Content {
  right: 7% !important; 
}
    h2.heading-big-font {
      font-size: 45px;
      color: #E0523C;
  }
    ul.area-top-circle {
      right: 32%;
  }
    .image-right-logo img {
      width: 70%;
    }
    .faq-ques {
      padding-top: 60px;
      padding-bottom: 60px;
  }
    .trans-banner-box li {
      width: 160px;
      padding-bottom: 20px;
      padding-right: 20px;
    }
    .trans-banner-box ._title {
      min-height: 60px;
      font-size: 12px;
      font-weight: 400;
      line-height: 18px;
    }
    .trans-banner-box main {
      padding: 15px 10px 15px;
  }
    .gov-txt-box {
      margin-left: 10px;
    }
    .urban-hq .banner-text {
      padding-right: 0%;
    }

    .touchpoints-carousel .owl-dots {
      position: unset;
      left: 0%;
      top: 0%;
  }
  .touchpoints-carousel .owl-dot button {
    margin: 0px 0px 0 0px;
    padding: 20px 2px 20px 2px !important;
  }
  .touchpoints-carousel .owl-dot.active button::before, .touchpoints-carousel .owl-dot button::before {
    bottom: 30px;
    }
    .cp-resp-banner h2.banner-heading {
      font-size: 47px !important;
      line-height: 60px !important;
    }
    section#cpexplore-services {
      padding-top: 10px;
    }
    .title-30 {
      font-size: 26px !important;
      line-height: 32px !important;
  }
    .main-banner .row {
      min-height: 400px !important;
  }
    .strat {
      height: 572px !important;
  }
  .content-stat h2.heading-sec-46 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 0px !important;
}
    .footer-left {
      padding: 56px 40px !important
  }
  .footer-right {
      background-color: #333232;
      padding: 40px 40px !important;
  }
    h2.banner-heading {
      font-size: 47px;
    line-height: 55px;
    }

  .footer-left {
    padding: 65px 50px !important;
}
.cp-resp-banner .banner-text {
  padding-right: 10%;
}
/*** Service Individual Page***/
.service-banner .owl-dots {
  bottom: 40px;
}

.ki-right-img {
  left: -50%;
  top: -10%;
}
.overview-bottom-box2 {
  padding-right: 20%;
}

.value-prop-img::after {
  top: -10.5%;
  right: 16.7%;
}
#featured-services {
  padding-bottom: 0px;
}

/* -------------------------New CSS-------------------------------- */

section#service-overview {
  padding-top: 50px !important;
}

.box2line-banner.strat {
  height: 640px !important;
}

.box2line-sctn .row .box2line-col {
  height: 325px;
}

.box2line-contsctn-rgt .text {
  width: 215px;
}
.box2line-contsctn-rgt:hover .overlay {
  width: 102%;
}
.box3line-banner-bg {
  height: 780px !important;
}

.box3line-banner .custcol-4 {
    width: 40%;
}

.box3line-banner .custcol-4 {
  height: 680px;
}

/* ---------------------------------------------------------------- */

.gov-sec-right {
  min-height: 450px;
}

/* ------------------------------------------------------------------- */

.about-vital h2.banner-heading {
  font-size: 30px;
  line-height: 38px;
}

.content-stat {
  padding: 20px 40px 20px 0px;
}

.rp-three-imgsctn img {
  width: 30%;
  max-height: 200px;
}

/* ------------------------------------------------------------------- */

.content-item-box {
  height: 280px;
  width: 280px;
}
.content-item-box.second .overlay {
border: solid 130px #F37A6C;
}
.content-item-box.second .overlay-content {
left: -34% !important;
bottom: -67%;
}
.content-item-box.three .overlay-content {
right: -34.5% !important;
bottom: -67%;

}
.content-item-box .overlay-content {
left: -34% !important;
}
.row.office-interact-inner {
justify-content: center;
padding-top: 115px !important;
padding-bottom: 115px !important;
}

.content-item-box.three .corner-overlay-content {
left: 41%;
}
.content-item-box.second .corner-overlay-content {
left: 30%;
}
.content-item-box.three .overlay {
border: solid 130px  #27BDBE;
}
.content-item-box .overlay {
border: solid 130px#e0523c;
}
.area-typical-grid {
  margin-top: 50px;
}
.typical-start img {
width: 220px;
top: -10px;
}
.item6 .card, .item6 .flip .card .back {
min-height: 180px;
}
.item2 .card, .item2 .flip .card .back {
min-height: 120px;
}
.item4 .card, .item4 .flip .card .back {
min-height: 120px;
}
.of-eight-box .sd-text p {
font-size: 15px;
line-height: 22px;
}

/*----------------------------------------------------------------- */

.serv-pillars-5box h3 {
  font-size: 14px;
  padding: 10px 0px 0px 0px;
}

/* ----------------------------------------------------------------- */

.box3line-banner-bg {
  height: 710px !important;
}

}

@media screen and (max-width: 1240px) {
  .box3line-banner .custcol-4 {
    height: 630px;
    width: 60%;
  }
  .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.two .BornHS__Modal__Content, .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.third .BornHS__Modal__Content {
    right: 30% !important;
}
}



  @media screen and (max-width: 1200px) {
    /* 17/9/21  */     
    .ki-right-img img {
      width: 260px;
      min-height: 280px;
    }
    .abt-overview-4box .col-md-3 {
        display: block;
    }  
    .abt-overview-4box .col-md-3 img {
        margin-bottom: 15px;
    }
/* 17/9/21  */     

/* 16/9/21  */
  #featured-services {
    padding-bottom: 50px !important;
  }
    .service-5box.d-flex {
      flex-wrap: wrap;
   }

  .service-5box .ms-sm2 img {
    width: 30px !important;
  }
/* 16/9/21  */
    .hotspot-360 .BornHS__Modal__Input.green-back.BornHS__Modal__Input.fourth .BornHS__Modal__Content {
      bottom: 0% !important;
      left: 32% !important;
  }
    .hotspot-360 .BornHS__Modal__Input.green-back.third .BornHS__Modal__Content {
      right: -2% !important;
  }
    .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.two .BornHS__Modal__Content, .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.third .BornHS__Modal__Content {
      right: 28% !important;
  }

  .hotspot-360 .BornHS__Modal__Input.green-back.first .BornHS__Modal__Content {
    left: 31% !important;
    top: 0% !important;
}
  .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.two .BornHS__Modal__Content {
    top: -9% !important;
  }

  .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.third .BornHS__Modal__Content {
    right: 28% !important;
    bottom: -7% !important;

}
    .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.one .BornHS__Modal__Content {
      left: -14% !important;
  }

  .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.fourth .BornHS__Modal__Content {
    bottom: 36% !important;

}
    .box-fm.sea-green:after {
      border-right: 25px solid transparent;
      border-top: 60px solid #27bdbe33;
  }
  .box-fm.yellow:after {
    border-right: 25px solid transparent;
    border-top: 60px solid #f8983833;
}
    .col-fm {
      width: 33.33%;
      padding-right: 40px;
  }
    .box-fm {
      padding-left: 20px;
      padding-right: 20px;
  }
  .col-fm .row.image-text.second {
    margin-top: 30px !important;
}
.col-fm .row.image-text.first {
  margin-top: 60px !important;
}
.box-fm.yellow {
  padding-bottom: 90px;
}
.box-fm.red-box {
  padding-bottom: 120px;
}
    .red-half-2 .content-tab {
      padding: 60px !important;
  }
    .vision-hov-boxes .space-right {
      padding-right: 30px !important;
  }
    .strat-agenda .space-right {
      padding-right: 0px !important;
  }
    .area-strat-top.bottom li, .area-strat-top li {
      font-size: 12px;
  }
    .BornHS__Modal__Input.green-back.five .BornHS__Modal__Content {
      right: 22% !important;
      left: unset !important;
  }
    .BornHS__Modal__Input.red-back.two .BornHS__Modal__Content {
      top: 40% !important;
  }
    .pd-lft-twobox {
      padding-right: 40px !important;
      padding-top: 30px !important;
  }
    .pd-rgt-twobox {
      padding-left: 40px !important;
      padding-top: 10px !important;
  }
    .area-click-top img {
      width: 40px;
  }
  .area-click-top li {
    font-size: 16px;
    line-height: 24px;
  }
    .gl-box1 {
      margin-right: 15%;
    }

    .section.portfolio-area {
      padding-bottom: 0px !important;
  }
  
  .banner-text {
      padding-right: 15% !important;
  }
  .con-efficient .box.left {
    margin-right: 15px;
  }
  .con-efficient .box.right {
    margin-left: 15px;
  }
  .con-efficient p {
    margin-bottom: 30px !important;
  }
  .efficient-main-area .heading-space-20 {
    margin-bottom: 10px;
  }
  .ports {
    padding: 20px 15px !important;
  }
  .ports .text-24 {
    font-size: 20px;
    line-height: 24px;
  }
  .portfolio-area .heading-space-20 {
    margin-bottom: 10px;
  }
  .portfolio-area .bottom-50 {
    margin-bottom: 30px;
  }
  .portfolio-area .space-left {
    padding-left: 15px !important;
  }

  .faq-ques .heading-space-20 {
      padding-bottom: 10px !important;
  }
  label.faq-drawer__title {
    padding: 20px 0px;
    padding-right: 25px;
}
    .pharma-trends-box p.orange-text {
      font-size: 13.5px;
      line-height: 21px;
  }
    .gov-text-box {
      padding: 0 10% 0 0;
  }
  .gov-icon-box {
    margin-left: 5px;
    margin-right: 5px;
  }
  .trans-banner-box li {
    width: 145px;
    padding-bottom: 20px;
    padding-right: 20px;
  }
  .trans-banner-box main {
    padding: 10px 14px 14px;
  }
    .pharma-trends-box p.orange-text {
      font-size: 13.5px;
      line-height: 21px;
  }
    .gov-text-box {
      padding: 0 10% 0 0;
  }
  .gov-icon-box {
    margin-left: 5px;
    margin-right: 5px;
  }
 
    .dnb-arrow.right-arrow-links a:after {
      top: 25px !important;
    }
    img.svctp-img {
      padding-bottom: 20px;
    }
    .touchpoints-carousel .owl-dot {
      width: 15%;
  }
  .details-lft-sctn .w-100 {
    width: 100% !important;
  }
  .overview-top-box1.service-list li, .overview-top-box2.service-list li {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 5px;
  
  }
  .overview-top-box1 h3, .overview-top-box2 h3 {
    font-size: 16px;
    line-height: 20px;
  }
  .overview-top-box2 p {
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
  }
  .overview-top-box1, .overview-top-box2 {
    padding: 20px 20px 15px 20px;
  }
  .enabler-banner-bg {
    min-height: 700px;
  }
    section#overview-in .right-in-sec {
      padding-right: 10% !important;
    }
    .right-trend h2.sub-head-small {
      padding-top: 0px;
  }
  .right-trend .row {
    margin-bottom: 10px !important;
}
    .mid-content-ins {
      padding: 50px 0px 0px !important;
  }
  .mid-content-ins h2 {
    margin-bottom: 30px;
}
.mid-content-ins h3.title-30 {
  margin-top: 30px !important;
  margin-bottom: 20px !important;
}
    .mid-content-ins .space-right {
      padding-right: 30px !important;
  }
    .mid-content-ins .img-insight {
      margin-top: 20px !important;
  }

  .mid-content-ins .img-insight img {
    margin-bottom: 20px !important;
}
    .mid-content-ins .heading-sec {
      line-height: 44px !important;
  }

    #single-insights {
      padding-top: 30px;
    }
 
    .grid-container.of-4-box .f-item {  
      padding-top: 150px !important;
  }
    
    .grid-container.of-4-box {
      display: grid;
      grid-template-areas:
    
        'left left left right right right1 right1'
        'left left left bottom bottom bottom bottom';
      grid-gap: 4px;
      padding: 0px;
    }
    .grid-container.of-4-box .item1.f-item {
      background-position: 100% !important;
  }

    .tbl-title {
      padding: 0px 20px  10px 20px;
    }
    section#service-bundletbl {
      padding-top: 50px;
    }
    section#service-bundletbl {
      padding: 40px 40px 50px 40px !important;
    }
    .cp-resp-banner h2.banner-heading {
      font-size: 45px !important;
      line-height: 57px !important;
    }

    .track-r h1 {
 font-size: 60px !important;
line-height: 62px !important;
  }
  .track-r span {
 font-size: 34px !important;
 line-height: 36px !important;
}
.track-r {
  margin-right: 20px !important;
}
    .right-section-cont {
      padding-top: 40px;
      padding-right: 40px;
  }
  .winning .space-right {
      padding-right: 20px !important;
  }
    nav.sticky-menu {
    padding-right: 0% !important;
  }
    .menu-item {
      padding: 0px 10px !important;
  }
    .switch-cols {
      flex-flow: column-reverse;
    }
    .boxes-5 .col-xl-6 {
      background-position: 10%;
  }
    .in-latest .heading-space-40 {
      padding-bottom: 0px !important;
  }
    .boxes-5 .img-insight.box-2-sec {
      padding-top: 150px;
  }
  .row.equrows .row {
    margin: 5px !important;
}
.row.equrows {
  margin-left: 5px !important;
}
.box-insights.col-lg-3.col-md-3.col-sm-12 {
  margin-top: 5px;
  margin-bottom:5px;
}
  .equals {
    min-height: 150px;
}
    .strat {
      height: 537px !important;
  }
    .service-5box .eq-box {
      height: auto !important;
  }
    .service-5box .col-sm-2 img {
      width: 30px !important;
  }
 .service-5box .image-text {
    padding-bottom: 0px;
}
    .title-18 {
      font-size: 15px;
      line-height: 24px;
      padding-left: 10px;
  }
    .eq-uip .space-left {
      padding-left: 0px !important;
  }
  .heading-sec {
    font-size: 34px !important;
    line-height: 42px;
}
h2.banner-heading {
  font-size: 45px;
    line-height: 53px;
}
.text-sec-18 p {
  font-size: 16px !important;
  line-height: 26px !important;
}

.homemain-slider {
  background-position: 98%;
}
.dnb .right-arrow-links {
  padding-top: 20px;
}
.dnb h3 {
  padding-bottom: 0px;
}
table.dnb-table td {
  padding: 20px 0px;
}
table.dnb-table tr td {
  font-size: 15px;
  line-height: 24px;
}
.w-100 {
  width: 0% !important;
}

.kc-main-sec .kc-resources {
margin-left: 0px;
margin-top:20px;
}
.bannertitle-18 {
font-size: 16px;
line-height: 22px;
}

.bannerimage-text img {
width: 80% !important;
}
.banner-text {
padding-right: 26%;
}
.ss-stories {
margin-right: 20px !important;
}
.cp-resp-banner .banner-text {
  padding-right: 27%;
}
.percent-main-box {
padding: 20px 20px !important;
}

/***New Responsive Code ***/
.ki-right-img {
  left: -48%;
  top: -7%;
  width: 75%;
}
.svc-banner-row .w-100 {
  width: 100% !important;
}
.main-banner .row.svc-banner-row {
  min-height: 530px !important;
}
.service-banner .owl-dots {
  bottom: 30px;
}
.banner-right-arrow {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
}
.value-prop-img::after {
  top: -8.8%;
    right: 12.2%;
}
.value-prop-rightcol {
  padding-right: 20%;
  
}
#value-proposition .vp-left {
  padding-right: 20%;
}
span.service-ph {
  height: 3rem !important;
  padding: 14px 20px 14px 20px;
}
img.searchInputIcon {
  width: 35px !important;
  Height: 35px !important;
}
.searchInputIcon {
  left: 23rem;
  top:1rem
}
.dnld-bnr-tooltip button {
    right: 12%;
}
/* .svc-left-col::after {
  top: 41%;
} */

/* --------------------------------------------------------------------------- */

.demanded-area .img-port-single {
  height: auto !important;
  margin-bottom: 0px !important;
} 
.demanded-area .heading-space-20 {
  padding-bottom: 0px !important;
}
.add-lists-demand p {
margin-bottom: 10px !important;
}


.main-banner.banner-750 .row {
min-height: 450px !important;
}
.section.content-para.with-space {
padding-top: 60px;
padding-bottom: 0px !important;
}
.work-world .col-third {
width: 33.33%;
}
.work-world .col-third:last-child, .work-world .col-third:nth-child(4) {
border-right: 20px solid #ffffff;
}
.work-world .col-third:nth-child(3), .work-world .col-third:nth-child(6) {
border-right: 20px solid #E1523D;
}

/* ------------------------------------------------------------------------- */

.content-stat h2.heading-sec-46 {
  font-size: 28px;
  line-height: 36px;
}

/* ------------------------------------------------------------------ */

.image-holder img {
  position: absolute;
  width: 75px;
  height: 75px;
  border-radius: 50%;
}
.circle {
width: 200px;
height: 200px;
}
.content-item-box.second {
left: 26%;
top: 38%;
}
.office-interact .row.content-box {
left: 4%;
}
.office-interact .row.content-box.right {
right: 4%;
}
.image-holder img:nth-child(1) {
top: -25px;
left: 70px;
}
.image-holder img:nth-child(2) {
top: 40px;
left: 96%;
transform: translateX(-50%);
}
.image-holder img:nth-child(3) {
right: 10px;
bottom: -25px;
}
.image-holder img:nth-child(4) {
bottom: 25px;
left: 0px;
transform: translateY(50%);
}
.image-holder img:nth-child(5) {
top: 30px;
left: -20px;
}
.row.move-1 {
left: 7% !important;
top: 35%;
}
.row.move-2 {
right: 7% !important;
top: 35%;
}
section.section.office-interact {
background-size: 100% !important;
}
.row.of-eight-box:after {
    top: 16px;
  margin-right: 40px;
  width: 70px;
  height: 50px;

}
.service-well .content-tab {
  background-color: #293896;
  padding: 60px 25px !important;
}
.of-eight-box h2 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
}
.row.of-eight-box {
padding: 70px 20px;
}
section.tyipcal-flip {
padding-bottom: 60px;
}
.row.of-eight-box:before {
top: 40px;
}

.of-eight-box .item1 {
margin-top: 35px !important;
}
ul.side-tabs-typical li {
font-size: 15px !important;
}
ul.side-tabs-typical li {
padding: 25px 15px 25px 0px;
}

/* --------------------14/Sep/2021--------------------------- */

.servicedetails-8box .image-enab {
	display:none;
   }

   .servicedetails-8box .col-lg-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
 }

.servicedetails-8box .ms-lg2 {
    width: 19.666667%;
}

/* ---------------------------17/Sep/2021------------------------------ */

.abt-overview-4box .col-md-3 {
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  display: block;
 }

 .abt-overview-4box .col-md-3 img {
  margin-bottom: 10px;
 }

.abt-overview-4box {
  display: flex;
  flex-wrap: wrap;
}

.abt-overview-4box .col-md-3 {
  width: calc(50% - 20px);
  max-width: calc(50% - 20px);
  flex: 0 0 50%;
}

.abt-blu-sctn .pd-25 {
  padding: 25px 25px 25px 25px !important;
}

}


@media screen and (max-width: 1199px) {
  .pharma-trends-box.col-margin-left {
    margin-left: 0px;
    margin-top: 10px;
}
.pharma-trends-box.col-margin-right {
  margin-right: 0px;
}
  .lp-box2 {
   margin-left: 0px;
   margin-top: 10px;
}
.lp-box3 {
  margin-top: 10px;
}
.lp-box1 {
  margin-right: 0px;
}

  .svc-left-col::after {
    top: 110px;
    right: -52px;
    width: 124px;
    height: 156px;
}

  .details-lft-sctn .w-100 {
    width: 0% !important;
  }
  .sdtext-box.right-box-ab {
    position: unset;
    margin: 0 7px 15px 7px;
    width: auto !important;
}

/* --------------------------New CSS------------------------------ */

.sm-head {
  font-size: 20px;
  line-height: 28px;
}

/* ------------------------------------------------------------------------- */

.serv-5pillars-sctn {
  width: 96%;
  margin-left: 60px;
  margin-right: 10px;
}

.serv-pillars-5box h3 {
  font-size: 12px;
}

}

/* -----------------------17/09/2021---------------------------- */
@media screen and (max-width: 1174px) {
  .cj-slid-video {
    width: 160%;
  }
}

@media screen and (max-width: 1150px) {
  .box3line-banner-bg {
    height: 670px !important;
  }
  }


  @media screen and (max-width: 1099px) {
    /* 17/9/21  */     
    .ki-right-img img {
      width: 230px;
      min-height: 260px;
    }
    /* 17/9/21  */     
    /* 16/9/21  */
    .cj-video-head {
      height: 520px;
    }
  
    .cj-slid-video {
      width: 120%;
    }
    /* 16/9/21  */
    .content-para.para-big-head h2 {
      line-height: 56px;
      font-size: 42px;
  }
    .hotspot-360.BornHS__Wrapper .BornHS__Modal__Content {
      width: 400px !important;
  }

  .hotspot-360 .BornHS__Modal__Input.green-back.fifth .BornHS__Modal__Content {
    left: 41% !important;
    bottom: -2% !important;
}
.hotspot-360 .BornHS__Modal__Input.green-back.second .BornHS__Modal__Content {
  right: 48% !important;
}
.hotspot-360 .BornHS__Modal__Input.green-back.BornHS__Modal__Input.fourth .BornHS__Modal__Content {
  bottom: 0% !important;
  left: 24% !important;
}
    .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.one .BornHS__Modal__Content {
      left: -12% !important;
      top: 18% !important;
  }
    .section.padding-20, .padding-bottom-40 {
      padding-bottom: 20px;
  }
    .section.food-transform-sec {
      padding-bottom: 20px !important;
  }
    .BornHS__Modal__Input.green-back.four .BornHS__Modal__Content {
      right: 20% !important;
      left: unset !important
     }
    .BornHS__Wrapper .BornHS__Input + .BornHS__Label {
      height: 25px;
      width: 25px;
  }
    ul.area-top-circle {
      right: 28%;
      top: 4%;
  }
  ul.area-top-circle li{
  font-size: 11px !important;
  line-height: 19px;
  padding-bottom: 2px;
}
    .area-click-top li {
      font-size: 14px;
      line-height: 22px;
      padding-bottom: 5px;
     
    }
    .area-click-top {
      top: 30%;
      right: 13%;
      z-index: 2;
  }
    .col-insghts {
      width: 33.33%;
  }
    .box2line-contsctn-rgt.to-left:hover .overlay {
      left: -103%;
    }
    .box2line-contsctn-rgt .text {
      padding: 10px;
      }
    img.add-sign {
      width: 90px;
      right: 25%;
  }
  .banner-faqs .logo {
    top: 16%;
    width: 100px;
}
    .box-top-faq {
      padding: 30px 20px;
      margin-right: 20px;
  }
  .faq-tabs-area .col-sm-6.col-lg-3:last-child .box-top-faq {
    margin-right: 0px;
}
    .obj-col-play1 .col-lg-11.col-md-11.col-sm-11 {
      padding-left: 10px !important;
    }
    .obj-playbook {
      padding: 60px 40px;
    }
    .section.obj-playbook .padding-top20 {
      padding-top: 0px;
    }
    section#about {
      padding-top: 60px;
      padding-bottom: 80px;
    }
    .trans-banner-box li {
      width: 140px;
      padding-bottom: 20px;
      padding-right: 20px;
    }
    .kcleft-row1 {
      padding-bottom: 20px;
    }

    .enabler-dnld-btn.bdwnld-btn {
      background-color: #E0523C;
      padding: 10px;
      position: absolute;
      right: 0px;
      margin-top: 3%;
      cursor: pointer;
  }
    .resource-tip .svc-cs-left .buttons-bottom .svcadd-pitch-btn {
      bottom: -30px;
  }
 
    .row.tp-padding {
      padding-top: 30px;
  }
  .sd-text p, #svc-details .sd-rating p{
    font-size: 12px;
    line-height: 19px;
}
.section.details-boxes {
  padding-bottom: 20px !important;
}
section#sdx-breadcrumb-main {
  padding-top: 30px !important;
  padding-bottom: 20px !important;
}
.enabler-banner-bg {
  min-height: 600px;
}
.right-arrow-links.banner-right-arrow {
  display: inline-block;
} 
 .head-home-icon {
  margin-right: 20px;
  padding: 20px 25px 20px 0px;
}
    section#cp-testimonial .owl-dots {
      display: none;
  }
    .cpbox-all:hover {
      transform: scale(1.00) !important;
 
  }

    .testimonialbox-carousel:before {
      content: url(../images/quote-tab-img.png);
      position: absolute;
      left: -44px;
      display: inline-block;
      margin-left: 20px;
      top: 26px;
    }
    #cp-testimonial .owl-carousel .owl-next,
    #cp-testimonial .owl-carousel .owl-prev {
      width: 60px;
      height: 60px;
      line-height: 55px;
      }
      section#overview-in .right-in-sec {
        padding-right: 5% !important;
    }
    section#insights-head .insight-sec {
      padding-right: 0%;
    }
    section#single-saved .all-insights {
      padding-top: 0px;
    }
    .box-all:hover {
      transform: scale(1.00) !important;
 
  }
    #single-in {
      padding-bottom: 60px !important;
      padding-top: 40px !important;
  }

    .mid-content-ins .heading-sec {
      line-height: 39px !important;
  }
    .ss-stories:hover {
      transform: scale(1.00) !important;
  }
    section#success-stories {
      padding-bottom: 60px;
  }
    .mr-4, .mx-4 {
      margin-right: 15px!important;
    }
    .percent-98 .trends-img {
      max-width: 30% !important;
    }
    .percent-65 .trends-img {
      max-width: 30% !important;
    }
    .percent-56circle .trends-img {
      max-width: 30% !important;
    }
    .trends-img-right3 img {
      width: 40%;
    }
    .trends-img-right2 img {
      width: 80%;
    }
    .percent-80 h1, .percent-59 h1, .percent-56 h1 {
      font-size: 60px;
      line-height: 80px;
    }
    .trends-img-right img {
      width: 60%;
    }
    .trends-text p {
      font-size: 15px;
      line-height: 26px;
      }
      .percent-main-box {
        padding: 40px 15px !important;
    }
    .cp-resp-banner h2.banner-heading {
      font-size: 40px !important;
      line-height: 54px !important;
    }
    .testimonialbox-carousel {
      padding: 20px 40px;
    }
     
    .testimonial-quote p {
      font-size: 15px;
      line-height: 26px;
    }
    #cpexplore-services .d-flex {
      padding-top: 30px;
    }
    .ss-stories .right-arrow-links.size-15 {
      opacity: 1;
    }
    .customer-deck img {
      bottom: 40px !important;
      left: 20px !important;
  }
    .text-deck .text-sec-18 p {
      font-size: 15px !important;
      line-height: 24px !important;
  }
  .text-deck h3 {
    font-size: 16px!important;
    line-height: 24px!important;
}
.text-deck {
  padding: 0px 20px 30px 20px;
}
.text-deck .right-arrow-links.arrow-white a {
  font-size: 12px !important;
}
.text-deck .right-arrow-links.arrow-white a {
  padding: 12px 35px 12px 10px !important;
}
    a.navbar-brand.logo.text-uppercase {
      width: 135px !important;
  }
    .search-main img {
      padding: 18px 10px !important;
  }
    .menu-item a{
      font-size: 14px !important;
      line-height: 24px !important;
  }
    .menu-item {
      padding: 0px 5px !important;
  }
    .m-menuright {
      padding-left: 40px !important;
  }
    .m-menutitle h2, h3.mmenu-rtitlebottom,  h3.mmenu-rtitle, h3.article-title a {
      font-size: 15px !important;
      line-height: 24px;
  }

    .navbar-custom {
      padding: 10px 20px 10px 20px !important;
  }
    .equals {
      min-height: 170px;
  }
    .strat {
      height: 492px !important;
  }
  .content-stat h2.heading-sec-46 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 0px !important;
}
    h2.heading-sec-46 {
      margin-bottom: 20px !important;
  }
    .service-5box br {
      display: none;
  }
    .box-service:hover {
      transform: scale(1.00) !important;
  }
    .simple-btnbox.align-center {
      opacity: 1 !important;
  }
  .success-slider .heading-space-30 {
    padding-bottom: 45px !important;
}
    .single-logo:hover {
  transform: scale(1.00) !important;
  }
    .contact-foot ul li {
     margin-left: 15px !important;
  }
  .single-logo img {
    padding: 5px 10px !important;
}
   .brand-carousel.owl-carousel .owl-item img {
      margin: auto !important;
  }

    .heading-space-40 {
      padding-bottom: 20px !important;
  }
  .heading-space-30 {
    padding-bottom: 15px !important;
}
  .heading-space-20 {
    padding-bottom: 10px !important;
}
    .equip-left {
      padding-bottom: 20px;
  }
    section#footer {
      padding-top: 0px;
      padding-bottom: 0px;
  }
    ul.ul-links {
      padding-top: 20px !important;
  }
    .red-button a {
      padding: 7px 30px !important;
    }
    .green-button a {
     padding: 7px 45px !important;
    }
    #footer a {
      font-size: 15px !important;
  }
    .right-arrow-links a:after {
      content: url(../images/chev-1099.png) !important;
    }
    section#slider .owl-theme .owl-dots .owl-dot span {
      width: 10px !important;
      height: 10px !important;
  }
    .heading-sec {
      font-size: 30px !important;
      line-height: 37px;

  }
  .heading-sec-46, .text-34 {
    font-size: 30px;
    line-height: 40px;
}
h2.banner-heading {
  font-size: 40px;
  line-height: 47px;
}
  .right-arrow-links {
    font-size: 15px;
    margin-top: 15px;
    line-height: 22px;
}
    .filter-area {
    padding-right: 0;
  }
  .title-30 {
    font-size: 20px !important;
    line-height: 26px !important;
  }
  .select-dropdown {
      margin: 0 10px 0 0;
  }
  .footer-left {
    padding: 65px 40px !important;
}
.heading-sec-46 {
  margin-bottom: 25px;
}
.bouncing-back .text-sec-18 {
margin-bottom: 0px;
}
.item1.f-item.vertical-bottom.box-insights {
background-position: 22%;
}
.kc-main-sec .kc-left2col h3 {
font-size: 20px;
line-height: 26px;
}

.bannerimage-text {
bottom: 13%;
}
.cpbox-all {
margin: 10px !important;
}
.ss-stories {
margin-right: 20px !important;
}
.ss-stories {
padding: 20px 20px !important;
  }
  .report-4box {
    margin: 30px 10px 10px 10px;
}
/** Service Individual Page**/

.service-banner h2.banner-heading {
  font-size: 36px;
  line-height: 40px;
}
.service-banner .text-sec-18 p {
  font-size: 14px !important;
  line-height: 22px !important;
}
  section#svc-casestudy {
    padding-top: 60px !important;
    padding-bottom: 80px!important;
}

.service-banner .owl-dots {
  bottom: 35px;
}
.svc-banner-logo img {
  width: 130px !important;
  height: 150px !important;
}
.main-banner .row.svc-banner-row {
  min-height: 500px !important;
}
.service-banner .text-sec-18 p{
  padding-top:10px;
  padding-bottom: 10px;
 
}
.value-prop-img::after {
  top: -9.8%;
    right: 11.5%;
}
.value-prop-rightcol {
  padding-right: 0%;  
}

.homemain-slider {
  background-position: 81%;
}
.dnld-bnr-tooltip button {
    right: 14%;
}
#add-pitch-popup .popup {
  padding: 40px;
}
#add-pitch-popup .popup {
  width: 45%;
}
#add-pitch-popup .popup .close {
  position: absolute;
  top: 0px;
  right: 20px;
}
/* .svc-left-col::after {
  top: 37.3%;
} */

/* ---------------------------New CSS---------------------------------- */

.section#service-overview {
  padding-top: 60px !important;
}

#value-proposition .row .col-lg-9 img {
  width: 90% !important;
}

.counter-number, .counter {
  font-size: 40px;
  margin-bottom: 5px;
}

.box3line-banner-contbox {
  padding: 40px 30px;
}

/* ------------------------------------------------------------------ */

img.office-center {
  width: 180px;
}
.content-item-box.second .overlay {
border: solid 100px #F37A6C;
}
.content-item-box.three .overlay {
border: solid 100px  #27BDBE;
}
.content-item-box .overlay {
border: solid 100px#e0523c;
}
.row.office-interact-inner {
justify-content: center;
padding-top: 15px !important;
padding-bottom: 80px !important;
}
.content-box img {
width: 60px !important;
}
.office-interact .row.content-box p {
margin-bottom: 0px;
font-size: 13px;
line-height: 22px;
}
.office-interact .row.content-box {
width: 310px;
}
.row.move-1 {
left: 8% !important;
top: 27%;
}
.row.move-2 {
right: 8% !important;
top: 27%;
}
.content-item-box {
height: 210px;
width: 210px;
}
.content-item-box {
top: 2%;
}
.content-item-box.second {
left: 29%;
top: 33%;
}
.content-item-box.three {
top: 34%;
left: 47%;
}
.content-item-box.second:hover .overlay {
border: 30px solid  #F37A6C;
}
.content-item-box.three:hover .overlay {
border: 30px solid  #27BDBE;
}
.content-item-box:hover .overlay {
border: 30px solid#e0523c;
}
.content-item-box p { 
font-size: 9px;
}
.content-item-box.second .overlay-content {
left: -34% !important;
bottom: -62%;
}
.content-item-box.three .overlay-content {
right: -34% !important;
bottom: -62%;
}
.content-item-box .overlay-content {
left: -34% !important;
top: -4% !important;
}
.content-item-box .corner-overlay-content p {
font-size: 15px;
font-weight: 500;
}
.content-item-box.second .corner-overlay-content {
left: 35%;
}
.content-item-box.three .corner-overlay-content {
left: 36%;
}
.content-item-box .corner-overlay-content {
top: 40%;
}
.service-well .space-right {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.service-well.tabs-over .nav-tabs .nav-link {
  margin-bottom: 30px !important;
}
.image-circle img {
padding-bottom: 20px;
}
ul.side-tabs-typical li {
  font-size: 13.5px !important;
}
.typical-start img {
width: 200px;
}
ul.side-tabs-typical li {
padding: 25px 10px 25px 0px;
}
.of-eight-box .sd-box-badge p , .of-eight-box .back-sd-rating ul li{
font-size: 13px !important;
line-height: 18px;
}
.consumer-main.enabler-banner-bg {
  min-height: 500px;
}
/* ------------------------------------------------------------ */

}


@media screen and (max-width: 1099px) {
  .enabler-banner-bg {
      min-height: 520px !important;
  }
  
  .cj-slid-video {
      width: 130%;
  }
  
  }

@media screen and (max-width: 1065px) {
  h3.title-16 {
    font-size: 14px;
    line-height: 22px;
  }
}

@media screen and (max-width: 1030px) {
  .portfolio-service .ports {
    margin-right: 20px;
  }
}

  @media screen and (max-width: 1024px) {
    /* 17/9/21  */     
    .ki-right-img img {
      width: 230px;
      min-height: 260px;
   }
  .featured-svc-title {
     height: auto;
  }
  .featuredThumImage img {
    min-height: 135px;
  }
  /* 17/9/21  */     
    /* 16/9/21  */
    .cj-slid-video {
      width: 140%;
  }
  /* 16/9/21  */
    .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.fourth .BornHS__Modal__Content {
      left: 81% !important;
      bottom: 34% !important;
  }
    .section.vision-hov-boxes {
      padding-right: 40px !important;
    }
    .resouces-sctn {
      margin-top:50px;
    }

    .img-twobg-box::after {
      width: 120px;
      height: 120px;
      border-top: 30px solid #27BDBE;
      border-right: 30px solid #27BDBE;
      top: -30px;
      right: -30px;
    } 
    
    /* ------------------------New CSS------------------------------- */

    .ms-industry-trends {
      min-height: 600px;
    }

    .ms-indst-trnd-cont {
      padding-left: 0px !important;
      padding-top: 50px !important;
    }

    .serv-tab-sctn {
      padding-bottom: 20px !important;
    }
  
    .service-pillars-sctn {
      padding-top: 30px !important;
    }
  
    .box2line-contsctn-rgt .text {
      width: 190px;
    }
   
    .box2line-imgsctn img {
      margin: auto;
    }
  
    .insights-row .insights-row-img {
      width: 100%;
    }
  
    .insights-row .pd-50 {
      padding: 50px 0px 50px 0px !important;
    }
  
    .rp-list-item .ins-box {
      min-height: 280px;
    }
  
    #rp-three-img .pd-50 {
      padding: 30px !important;
    }
  
    .full-wdt-1024 {
      width: 100% !important;
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important; 
    }
  
    .gov-text-box {
      margin-left: 20px;
    }
  
    .gov-sec-right {
      min-height: 450px;
    }
  
    #employee-pr .col-lg-4, #employee-pr .col-lg-8 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
  
    .gov-text-box {
      padding: 0 10% 0 10% !important;
    }
  
    .row.gov-row {
      left: 10%;
    }
  
    .box3line-banner-bg {
      height: 630px !important;
    }
    
    .abt-overview-3box .col-md-4 {
      display: block;
    }

    /* ------------------------------------------------------------------ */

    .abt-blu-sctn .pd-25 {
      padding: 25px 25px 25px 25px !important;
    }
  
    .play-governance {
      padding: 0 0 0 0px;
    }

    /* ------------------------------------------------------------------ */

    .serv-5pillars-sctn {
      width: 100%;
      margin-left: 45px;
      margin-right: 0px;
    }

    /* -----------------14/sep/2021--------------------- */

    .servicedetails-8box .ms-lg2 {
      width: 25%;
  }

  }


  @media screen and (max-width: 1023px) {
    .strat-agenda .space-left {
      padding-left: 0px !important;
  }
    .full-wdt-1023 {
      width: 100% !important;
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
      padding-right: 0px !important;
    }
  
    .abt-overview-4box .col-md-3 {
      display: block;
    }
  
    .srv-ovrviw-psntsctn {
      background-size: 100%;
    }
  
    .abt-blu-sctn .mid-drkbox   {
      display: block !important;
      width: 100% !important;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      float: left !important;
      margin-bottom: 30px;
    }
  
    .srv-ovrviw-psntsctn {
      font-size: 13px;
      line-height: 22px;
    }
  
    .abt-overview-4box .col-md-3 img {
      margin-bottom: 10px;
    }
  
    .structure-global-cont .col-md-10 {
      width: 100%;
      max-width: 100%;
      flex: 0 0 100%;
    }
  
    .structure-global-cont .col-md-2 {
      display: none !important;
    }
  
    .abt-overview-3box .col-md-4 {
      max-width: calc(33.333333% - 20px) !important;
  }
  
  .abt-value-proposition-4box .col-md-3 {
      width: calc(50% - 42px);
      max-width: 50%;
      flex: 0 0 50%;
  }
/* ----------------------------17/09/2021----------------------------------------- */
  .abt-blu-sctn .col-lg-3 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  
  }

  @media screen and (max-width: 999px) {
/* 16/9/21  */
    .service-5box .title-18 {
      padding-left: 0px;
    }
  
   .cj-slid-video {
      width: 135%;
    }
    /* 16/9/21  */

    .ms-industry-trends {
      min-height: 500px;
    }

    .margin-image {
      margin-bottom: 50px;
    }
  
    .full-wdt-999 {
      width: 100% !important;
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
    }
  
  .vision-box {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .box3line-banner .custcol-4 {
      height: 600px;
      width: 100%;
      background-color: #f9f9f9;
    }
  }

  @media screen and (max-width: 975px) {
    h3.title-16 {
      font-size: 12px;
      line-height: 20px;
    }
  }

  @media screen and (max-width: 991px) {
    /* 17/9/21  */     
    .ki-right-img img {
      width: 210px;
      min-height: 220px;
     }  
     #widgetId12 .key-innov {
       margin-left: 20%;
       margin-top: 80px;
     }
     /* 17/9/21  */     
    /* 16/9/21  */
    /* .cj-video-head {
      margin-top: 60px;
    } */
    /* 16/9/21  */
    img.desktop-display {
      width: 70px;
  }
  .box2line-contsctn-rgt.to-bottom img.desktop-display {
    width: 22px;
    padding: 0px !important;
}
    .row.first-line-box .box2line-col:nth-child(9) .box2line-contsctn-rgt img {
      transform: rotate( 
        180deg);
            margin-top: 20px;
  }
    .box2line-contsctn-rgt .overlay {
      position: absolute;
      bottom: 0;
      left: 0%; 
      background-color: #ffffff;
      overflow: hidden;
      width: 0;
      height: 100%;
      transition: .5s ease;
      }
      .box2line-contsctn-rgt:hover .overlay {
        opacity: 100% !important;
    }
    .box2line-sctn.boxes-2-area .box2line-col:nth-child(3),
    .box2line-sctn.boxes-2-area .box2line-col:nth-child(5), 
    .box2line-sctn.boxes-2-area .box2line-col:nth-child(9)  {
    display: none;
}

.box2line-sctn.boxes-4-area .box2line-col:nth-child(5),.box2line-sctn.boxes-3-area .box2line-col:nth-child(5), .box2line-sctn.boxes-3-area .box2line-col:nth-child(9)  {
display: none;
}

.box2line-sctn .box2line-col:nth-child(even) {
display: none;
}
.row.first-line-box .box2line-contsctn-rgt:hover .overlay {
  width: 100%;
  bottom: 0%;
  left: unset;
  right: unset;
  height: 100% !important;
}
    .content-para.para-big-head h2 {
      line-height: 50px;
      font-size: 38px;
  }
    .hotspot-360 .BornHS__Modal__Input.green-back.first .BornHS__Modal__Content {
      left: 33% !important;
      top: 0% !important;
  }
  .hotspot-360 .BornHS__Modal__Input.green-back.second .BornHS__Modal__Content {
    right: 20% !important;
    top: 16% !important;
}
.hotspot-360  .BornHS__Modal__Input.green-back.third .BornHS__Modal__Content {
  bottom: -29% !important;
}
.hotspot-360 .BornHS__Modal__Input.green-back.BornHS__Modal__Input.fourth .BornHS__Modal__Content {
  bottom: 0% !important;
  left: 10% !important;
}
    .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Content ,.BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.one .BornHS__Modal__Content,
    .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.two .BornHS__Modal__Content,
    .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.third .BornHS__Modal__Content,
    .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input.fourth .BornHS__Modal__Content {
      bottom: auto !important;
      left: 48% !important;
      top: 50% !important;
      transform: translate(-50%, -50%) !important;
  }
  .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Content {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 24px rgb(0 0 0 / 22%);
  }
  .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Content p{
   text-align: center;
  }

  .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input .BornHS__Modal__Content {
    width: 300px !important;
  }

    .space-area-150 {
      min-height: 0px;
  }
    .geography-sec .banner-swop {
      flex-flow: column-reverse;
  }
    section.section.full-width-sec {
      padding: 0px 40px !important;
  }
  .red-half-2.first .col-lg-6:first-child, .red-half-2.second .col-lg-6:last-child  {
    min-height: 400px;
}
    .row.red-half-2.first img {
      padding-left: 10px;
  }

    .col-fm .row.image-text.first {
      margin-top: 20px !important;
  }
    .col-fm {
      width: 100%;
      padding-right: 0px;
  }
  .box-fm.yellow:after, .box-fm.sea-green:after,.box-fm.yellow:before, .box-fm.sea-green:before{
display: none;
  }
  .box-fm-inner {
    height: auto !important;
}
.box-fm {
  padding-bottom: 30px !important;
}


.col-fm .row.image-text {
  height: auto !important;
  padding-bottom: 20px;
}
    section.section.full-width-sec .content-tab img {
      margin-bottom: 10px;
  }
    .red-half-2 .content-tab {
      padding: 60px 40px !important;
  }
    .vision-hov-boxes .space-right {
      padding-right: 0px !important;
  }
    h2.heading-big-font {
      font-size: 35px;
  }
    .strat-agenda{
      padding-bottom: 0px !important;
    }
    .vision-mis .md-head {
      font-size: 24px;
      line-height: 31px;
      font-weight: 800;
      margin-bottom: 1rem;
  }
   .sec-rentention .pd-lft-60 {
      padding-left: 30px !important;
  }
  .sec-rentention .pd-50 {
    padding: 30px !important;
}
    .section.feasability-sec {
      padding-bottom: 20px;
  }
    ul.area-top-circle {
      right: 30%;
      top:8%;
  }
  ul.area-top-circle li {
    font-size: 9px !important;
    line-height: 13px;
    padding-bottom: 2px;
}
    .area-click-top li img {
      padding-right: 5px;
      width: 35px;
  }

    .image-right-logo img {
      width: 60%;
    }
    .box2line-banner.strat {
      height: auto !important;
      padding: 0px !important;
    }
    .box2line-sctn {
      position: unset;
  }
    .item1.f-item{
      min-height: 300px !important;
  }
    .grid-container.of-five-box {
      display: grid;
      grid-template-areas:
      'left left'
      'right right1'
      'right right1'
      'bottom bottom1'
      'bottom bottom1';
      grid-gap: 10px;
      padding: 0px;
  }
  .grid-container.of-four-box {
    display: grid;
    grid-template-areas:
    'left left'
    'right right'
    'bottom bottom1'
    'bottom bottom1';
    grid-gap: 10px;
    padding: 0px;
}
  .grid-container.of-three-box {
  display: grid;
  grid-template-areas:
  'left left'
  'right bottom'
  'right bottom';
  grid-gap: 10px;
  padding: 0px;
  }

    .box2line-contsctn-rgt .text {
      width: 260px;
    }
    .box2line-contsctn-rgt.to-left:hover .overlay {
      left: -102%;
  }
  .box2line-contsctn-rgt:hover .overlay {
    left: 100.6%;
}
.box2line-contsctn-rgt.to-bottom:hover .overlay {
  bottom: 0;
  left: 100%;
  width: 102%;
  height: 100%;
}
.box2line-contsctn-rgt.to-bottom .overlay {
  position: absolute;
  bottom: 0%;
  left: 0%;
  background-color: #ffffff;
  overflow: hidden;
  width: 0%;
  height: 100%;
  transition: .5s ease;
}
    .box2line-sctn .row .box2line-col {
      width: calc(33.33% - 0px);
      height: 320px;
      border: 3px solid #fff;
  }
  .row.first-line-box .box2line-col:nth-child(3) .box2line-contsctn-rgt img {
    transform: rotate(360deg);
    margin-top: 0px;
    margin-left: 0px;
}

.row.first-line-box .box2line-col:nth-child(7) .box2line-contsctn-rgt img {
  transform: rotate(
180deg);
margin-bottom: -30px;
  margin-left: 0px;
}

  .row.first-line-box .box2line-col:last-child {
    display: none;
}
.box2line-contsctn-rgt.to-bottom img {
  transform: rotate(
270deg);
}
 /* .first-line-box .box2line-col:nth-child(1),  .first-line-box .box2line-col:nth-child(5)  {
display: none;
  }
  .second-line-box .box2line-col:nth-child(4),  .second-line-box .box2line-col:nth-child(5)  {
    display: none;
      } */
.gl-box1 {
  margin-right: 10%;
}
.hs-sec br {
  display: block;
}  
    .box.left {
      padding-bottom: 20px;
  }
  
  .center-ico {
  padding-top: 20px !important;
  }
  .center-ico img {
    display: none;
    }
    .portfolio-service .col4 {
      width: 100%;
  }
  .portfolio-service .ports {
    margin-right: 0px;
    margin-top: 10px;
  }

    img.add-sign {
      width: 90px;
      right: 20%;
  }
    .box-top-faq {
      margin-right: 15px;
      margin-bottom: 20px;
  }
  .faq-ques {
    padding-top: 40px !important;  
}
  .faq-tabs-area .col-sm-6.col-lg-3:last-child .box-top-faq {
    margin-right: 15px;
}
    h3.foot-left-head {
      font-size: 24px;
      line-height: 32px;
  }
    .env-se-box2 {
      padding-left: 0%;
      border: 0px solid #C6C6C6 !important;
      padding-top: 10px;
  }
    .gov-icon-box {
      margin:  5px 20px;
      height: auto !important;
  }
  .gov-sec-right {
    min-height: 600px;
  }
  .gov-txt-box {
    padding-top: 10px;
  }
  .row.gov-row {
    left: 0%;
  }
  .gov-txt-box {
    margin: 0px 20px;
  }
  .gov-icon-box img {
    padding-bottom: 10px;
  }
  /* .trans-banner-box header {
    padding: 14px 14px 20px;
  } */
  .trans-banner-box ._title {
    /* height: 45px; */
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .trans-banner-box li {
    width: 120px;
    padding-bottom: 10px;
    padding-right: 10px;
  }

    img.svctp-img {
      width: 20% !important;
      margin: 0 auto;
  }

    .enabler-dnld-btn.bdwnld-btn {
      background-color: #E0523C;
      padding: 10px;
      position: absolute;
      right: 0px;
      margin-top: 8%;
      cursor: pointer;
  }
    nav.navbar.navbar-expand-md.navbar-custom.sticky.sticky-dark {
      height: 62px;
  }
  .head-home-icon {
    margin-right: 20px;
    padding: 15px 20px 15px 0px;
}
    .menu-item a {
      font-size: 12px !important;
      line-height: 21px !important;
  }
  
    .touchpoints-carousel .owl-dot {
      width: 25%;
  }
    img.svctp-img {
      width: 15% !important;
  }
    section#svc-casestudy .content-details {
      padding-bottom: 50px !important;
  }
    #svckey-contacts .heading-18 {
      line-height: 17px !important;
  }
  .details-lft-sctn {
    width: calc(100% - 10px);
    padding-right: 10px;
}
/* .service-list.kb-equal-height {
  height: auto !important;
} */
.image-enab {
  padding-top: 12.5% !important;
}
.overview-top-box1, .overview-top-box2 {
  margin-right: 10px;
    margin-left: 10px;
}
.overview-top-box1 {
  margin-bottom: 10px;

}
.section-image-enable {
  height: 300px !important;
  background-position: 40%;
  margin-bottom: 10px;
  border-top: 1px solid #fdf9f9;
}
.enabler-contbox-lft {
  width: calc(100% - 0px);
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 15px;
}
.enabler-btm-contbox {
  display: block;
}
.enabler-contbox-rgt {
  width: 100%;
}
.enabler-contbox-rgt p {
  font-size: 14px;
  line-height: 23px;
}
.section.enabler-banner-bg {
  padding-bottom: 0px !important;
}
.enabler-contbox-lft img {
  width: 60px;
}
    .explore-all .row.all-services {
      padding-top: 15px !important;
  }
 
    .insights-text h3 {
      font-size: 16px !important;
      line-height: 24px !important;
  }
    .articles .all-insights .box-all {
      margin: 10px !important;
 
  }
    section#overview-in .right-in-sec {
      padding-right: 0% !important;
    }
    .content-sect .heading-sec {
    font-size: 18px !important;
    line-height: 28px !important;
    }
    section#overview-in .text-sec-15 p {
      margin-bottom: 0px !important;
    }
    section#insights-head {
      padding-bottom: 30px !important;
    }
    section#overview-in .row.content-sect {
      padding-top: 30px;
      padding-bottom: 0px;
    }
    section#single-main {
      padding-top: 0px;
    }
    .right-trend .area-flex {
      display: flex !important;
  }
    #single-in {
      padding-top: 10px !important;
  }
    .mkt-trend {
      padding-right: 20px !important;
  }
  .right-trend img {
    padding-right: 0px !important;
}
.right-trend h2.sub-head-small {
  padding-top: 20px;
}
    .right-trend .heading-18 {
      margin-bottom: 25px !important;
      margin-top: 20px !important;
  }
    .title-30 {
      font-size: 18px !important;
      line-height: 24px !important;
  }
    .right-3-box {
      margin-bottom: 10px;
  }
    .top-detail-ins p {
      font-size: 12px !important;
      line-height: 14px !important;
      margin-bottom: 10px !important;
  }
    .mid-content-ins .heading-sec:after {
      right: 0px !important;
  }
    .mid-content-ins .heading-sec {
      line-height: 36px !important;
  }

    #single-insights {
      padding-top: 0px !important;
    }
    .line-break {
      width: 100% !important;
    }
    .filter-area .select-dropdown__button {
      width: 150px !important;
  }
  .filter-area .main-ul {
    display: flex !important;
    flex-flow: row wrap !important;
}
 
  .filter-area {
    margin-right: 0px !important;
    margin-bottom: 0px !important;
}
    .ss-stories h3 {
      font-size: 15px !important;
      line-height: 24px !important;
  }
  .right-arrow-links.center {
    margin-top: 30px;
}
    .cp-resp-banner h2.banner-heading {
      font-size: 30px !important;
      line-height: 42px !important;
    }
    .cp-resp-banner h2.banner-heading {
      margin-bottom:20px !important;
    }
    .worklife-cont .heading-sec {
      font-size: 18px !important;
      line-height: 20px;
    }
    #cpexplore-services .d-flex {
      padding-top: 0px;
    }
    .percent-main-box.percent-65 {  
      background-size: 2px 0%, 93% 2px, 2px 93%, 0% 2px, calc(100% - 8px) calc(100% - 8px);
    }
    .percent-main-box.percent-59 {
       background-size: 2px 0%, 93% 2px, 2px 0%, 0% 2px, calc(100% - 8px) calc(100% - 8px);
    }
    .percent-main-box.percent-56circle {
      background-size: 2px 0%, 0% 2px, 2px 0%, 0% 2px, calc(100% - 8px) calc(100% - 8px);
    }
    .section.latest-pharma  {
      padding-bottom: 0px !important;
    }
    .kc-resources {
      margin-left: 0px !important;
  }
    .track-r h1 {
      font-size: 45px !important;
      line-height: 47px !important;
      margin-bottom: 15px;
  }
  .track-r {
    margin-right: 15px !important;
}
  .track-r span {
    font-size: 25px !important;
    line-height: 27px !important;
}
    .pharma-ppt .kc-resources {
      margin-top: 20px !important;
  }
  .pharma-ppt  .heading-space-40 {
    padding-bottom: 0px !important;
}
    .winning .space-right {
      padding-right: 10px !important;
  }
    .main-banner .row {
      min-height: 350px !important;
  }
    section#slider .slider-text {
      padding-right: 40px !important;
  }
    .navbar-custom {
      padding: 10px 20px 10px 20px !important;
  }
    .m-menuleft {
      padding-right: 20px !important;
    }  
    ul.dropdown-menu.show {
      width: 230px;
    }
    .m-menuright .flex-1:first-child {
      padding-right: 10px;
  }
  .m-menutitle h2, h3.mmenu-rtitlebottom, h3.mmenu-rtitle, h3.article-title a {
    font-size: 14px !important;
    line-height: 24px !important;
}
div#insights-tabs {
  margin-right: 20px;
}
.menu-item {
  padding: 0px 2px !important;
}
.search-main img {
  padding: 9px 5px !important;
}
.multi-lingual {
  padding-left: 10px !important;
}
.menu-content {
  padding: 40px 40px !important;
}
h3.article-title {
  margin-bottom: 10px !important;
}
    .section.in-latest {
      padding-bottom: 0px !important;
    }
    .strat {
      height: 445px !important;
  }
  .content-stat h2.heading-sec-46 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 0px !important;
}
    .dnb h3 {
      padding-bottom: 0px;
      font-size: 20px;
      line-height: 26px;
  }
    .success-slider .owl-nav button span {
     padding: 5px 5px 5px 10px !important;
    }
    .text-dnb .text-sec-18 {
      padding-bottom: 0px;
  }
    table.dnb-table td {
      padding: 15px 0px !important;
  }
  .text-dnb {
    padding: 20px 20px 20px 50px !important;
}
    .dnb {
      background-color: #293896;
      padding: 30px 20px !important;
  }
    .brand-carousel.owl-carousel .owl-item img {
      width: auto !important;
     
  }
    .equip-left {
      padding-bottom: 10px !important;
  }  
    .foot {
      padding: 15px 0px!important;
  }
    .heading-18 {
      font-size: 16px;
      line-height: 26px !important;
      margin-bottom: 10px;
  }
    .space-right {
      padding-right: 30px !important;
  }

  .heading-sec {
    font-size: 24px !important;
    line-height: 32px;

}
h2.banner-heading {
  font-size: 30px;
  line-height: 37px;
}
.margin-image {
  margin-top: 10px;
}
 /*** customer journey page ***/
 .select-dropdown {
  margin: 0 10px 0 0;
} 
.bouncing-back {
padding-top: 30px;
}
.slider-bounce::before {
inset: 15px 25% 0px -1px;
}

.kc-resources {
margin-left: 0px;
}
.box-all {
background-color: #F9F8F7;
margin: 10px;
}
h2.banner-heading {
margin-bottom: 15px !important; 
}

.banner_main {
padding: 50px 40px !important;

}
.bannertitle-18 {
font-size: 14px;
line-height: 18px;
}
.bannerimage-text img {
width: 70% !important;
}
.faq-drawer__title {
font-size: 14px;
line-height: 22px;

}
h3.bannertitle-18 {
position: relative;
left: -15px;
}

.faq-drawer__content-wrapper {
font-size: 13px;
line-height: 23px;
}
label.faq-drawer__title {
  padding: 15px 30px 15px 0px;
}
.banner-text {
padding-right: 14%;
}
.cp-resp-banner .banner-blue-line {
top: 41px;

}
.cp-resp-banner .banner-text {
padding-right: 13%;
}
/**Service Individual Page **/
.service-banner h2.banner-heading {
  font-size: 30px;
  line-height: 38px;
}
.service-banner .owl-dots {
  bottom: 30px;
}

.service-banner h2.banner-heading {
  font-size: 26px;
  line-height: 30px;
}
.service-banner-text {
  padding-right: 31% !important;
}
/**Service Individual Page Insights Section**/

.text-28 {
  font-size: 22px;
  font-weight: 900;
  line-height: 32px;
}

.vp-left {
  padding-right: 20% !important;
}
#service-overview hr.hr-line {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.overview-bottom-box2 {
  padding-left: 0px;
  padding-top: 20px;
}
#service-overview .row.key-elements-row {
  padding-bottom: 20px;
}
nav.sticky-menu ul li a {
 font-size: 14px ; 
}
.svc-cs-left {
padding-right: 0% !important;
  }
  .overview-top-box2 {
    margin-right: 0px;
}
.svc-cs-left {
 padding-bottom: 40px !important;
   }

 
.svcadd-pitch-btn {
  position: absolute;
  right: 0px;
  bottom: -30px;
}
.overview-bottom-box2 {
  padding-right: 0%;
}
section#sdx-breadcrumb-main {
  padding-bottom: 20px !important;
}
#service-overview .key-innov {
  padding: 20px 40px 40px 32%;
  margin-left: 0%;
}
.ki-right-img {
  left: -19%;
  top: -12%;
  width: 40%;
}
#service-overview .key-innov {
  padding: 20px 40px 10px 20%;
  margin-left: 16%;
margin-top: 8%;
}
.tooltip-text-down {
  right: -5% !important;
}
.value-prop-img::after {
  top: -10.8%;
  right: 10.5%;
}
.section#value-proposition {
  padding-top: 60px !important;
  padding-bottom: 40px !important;
}
.value-prop-rightcol {
  padding-right: 0%;
}
.ins-box {
  margin-right: 10px !important;
}
.ins-box.ins-consumer {
  margin-left: 10px !important;
}
.ins-center-box {
  margin-right: 10px !important;
}
.text-24 {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 1rem;
}
.searchInput::placeholder {
  color: #000000;
  font-size: 14px;
  line-height: 24px;
}
span.service-ph {
  font-size: 14px;
  line-height: 24px;
}
span.service-ph {
  padding: 16px 20px 15px 20px;
}
img.searchInputIcon {
  width: 35px !important;
  Height: 35px !important;
}
.searchInput {
  width: 16rem;
}
.searchInputIcon {
  left: 18.5rem;
  top: 0.7rem;

}
.searchInputWrapper {
  position: relative;
  padding: 5px 0px 30px 0px;
}
.home-slider .slider-text .text-sec-18 {
  margin-bottom: 0rem;
}
.resource-tip .svc-cs-left .buttons-bottom .svcadd-pitch-btn {
  bottom: 15px;
  right: -20px !important;
}
.resource-tip .svc-cs-left .buttons-bottom.last-area .svcadd-pitch-btn {
  bottom: 16px;
}
.resource-tip .svc-cs-left .buttons-bottom.cs-left-col .svcadd-pitch-btn {
  bottom: 15px !important;
}
.resource-tip .svc-cs-left .buttons-bottom.cs-left-col.last-area .svcadd-pitch-btn {
  bottom: 15px !important;
}
.dnld-bnr-tooltip button {
    right: 19%;
}
#add-pitch-popup .popup {
  width: 54%;
}
#add-pitch-popup .popup {
  padding: 25px;
}
#add-pitch-popup .popup .close {
  font-size: 50px;
}
#add-pitch-popup .popup .close {
  position: absolute;
  top: 0px;
  right: 10px;
}
section#svc-enablers {
  padding-top: 0px !important;
}

/* ----------------------------New CSS------------------------------- */

#StrategicAgenda .space-right {
  padding-right: 0px !important;
}

#StrategicAgenda .space-left {
  padding-left: 0px !important;
}

#employee-pr .gov-sec-right {
  min-height: 450px;
}

.gov-row .col-lg-4 {
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
} 

/* ------------------------------------------------------------------- */

.trend-of-list {
  padding-top: 20px;
}
.tagret-audience  .space-left {
padding-left: 0px !important;
}
.target-trend {
  border-right: 0px solid #D4D2CA;
  border-bottom: 1px solid #D4D2CA;
  margin-bottom: 30px;
}
.trend-of-list .row {
flex-wrap: nowrap;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.space-left {
  padding-left: 30px !important;
}
.trans-trend .red-add {
  display: none;
}
.about-vital h2.banner-heading {
font-size: 22px;
line-height: 30px;
}
.space-area-65 {
height: 10px;
}
.segment-demand .vision-box .box.left {
padding-bottom: 0px;
}
.segment-demand .vision-box{
background-size: 0px !important;
border: 1px solid  #c6c6c675;
}
.segment-demand .vision-box:nth-child(odd){
border-right: 0px solid  #c6c6c675 !important;
}
.segment-demand .vision-box:nth-child(n+1){
border-bottom: 0px solid  #c6c6c675 !important;
}
.segment-demand .vision-box:last-child{
border-bottom: 1px solid  #c6c6c675 !important;
border-right: 1px solid  #c6c6c675 !important;
}
.segment-demand .vision-box:nth-child(8){
border-bottom: 1px solid  #c6c6c675 !important;
}
.work-world .col-third {
border-right: 10px solid #ffffff;
margin-top: 5px;
margin-bottom: 5px;
}
.work-world .col-third:last-child, .work-world .col-third:nth-child(4) {
border-right: 10px solid #ffffff;
}
.work-world ul {
flex-wrap: wrap;
}
.work-world ul li {
width: 33.33%;
margin-bottom: 5px;

}
.work-world ul li:nth-child(3) {
margin-bottom: 5px;
border-right: 0px solid !important;
}

/* ------------------------------------------------------------------------------- */

.row.office-interact-inner {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.image-holder img {
position: absolute;
width: 60px;
height: 60px;
border-radius: 50%;
}
.circle {
width: 160px;
height: 160px;
}
.image-holder img:nth-child(3) {
bottom: -20px;
}
.image-holder img:nth-child(1) {
top: -25px;
left: 55px;
}
.row.move-2 {
right: 7% !important;
top: 31%;
}
.row.move-1 {
left: 7% !important;
top: 31%;
}
img.office-center {
width: 140px;
}
 .section.service-well {
  padding-top:0px !important;
}
ul.nav.nav-tabs.flex-column.mb-3 {
  display: flex;
  flex-direction: unset !important;
  margin-bottom: 0px !important;
}
.image-circle img {
padding-bottom: 10px;
}
.row.absolute-head {
position: absolute;
padding-top: 50px;
}
.service-well li.nav-item {
margin-right: 30px;
}
.service-well {
  padding-right: 40px;
}
.service-well .add-lists-demand p {
padding-bottom: 10px;
}
.padding-inner {
padding-top: 100px !important;
padding-bottom: 0px !important;
}
.service-well .content-tab {
background-color: #293896;
padding: 40px 20px !important;
}
.image-circle img {
margin-top: 10px;
}
.service-well.tabs-over .nav-tabs .nav-link {
margin-bottom: 10px !important;
}
.service-well .space-right {
padding-right: 0px !important;
padding-left: 0px !important;
}
ul.bottom-dots li {
  margin-right: 0px;
}
.of-eight-box ul li {
line-height: 17px;
font-size: 12px !important;
padding-right: 10px;
}
ul.side-tabs-typical li {
padding: 10px 5px !important;
}
ul.side-tabs-typical {
display: flex;
flex-wrap: wrap;
}
.item2 .card, .item2 .flip .card .back, .item3 .card, .item3 .flip .card .back,.item4 .card, .item4 .flip .card .back {
  min-height: 120px;
}

.item5 .card, .item5 .flip .card .back, .item6 .card, .item6 .flip .card .back, .item7 .card, .item7 .flip .card .back, .item9 .card, .item9 .flip .card .back {
min-height: 150px;
}
.item8 .card, .item8 .flip .card .back {
min-height: 200px;
}
.row.of-eight-box {
  margin-left: 0% !important;
}
.typical-start img {
width: 150px;
top: -20px;
}
.area-typical-grid {
margin-top: 40px;
}
.of-eight-box h2 {
margin-bottom: 10px;
margin-top: 15px;
}
.row.of-eight-box {
padding: 30px 20px;
}
ul.bottom-dots {
bottom: 5px;
left: 25px;
}
ul.side-tabs-typical {
  display: flex;
  border-right: 0px solid #D4D2CA;
  border-bottom: 1px solid #D4D2CA;
  margin: 0px;
  margin-top: 10px;
}
ul.side-tabs-typical li {
border-bottom: 0px solid #D4D2CA;
padding: 10px;
}
ul.side-tabs-typical li {
 margin: auto;
}
.item1.f-item{
  min-height: 300px !important;
}

.serv-pillars-5box h3 {
  font-size: 11px;
}

  }




  @media screen and (min-width:768px) and (max-width:991px) { 
    
    .section.tagret-audience .after-arrows p:after {
      right: 20px;
  }
    .eblr-row .col{
      max-width: 25%;
    }
 
    .svc-sticky-bar ul li a {
        font-size: 12px !important;
        line-height: 21px !important;
        padding: 15px 5px !important;
    }

    .content-stat h2.heading-sec-46 {
      font-size: 20px;
      line-height: 28px;
    }

    }


    
  @media screen and (max-width: 930px) {
    .content-stat h2.heading-sec-46 {
      font-size: 20px;
      line-height: 28px;
    }
   /* ----------------------17/09/2021------------------------ */
    .cj-slid-video {
      width: 150%;
    }

  }

  @media screen and (max-width: 870px) {
    .content-stat h2.heading-sec-46 {
      font-size: 16px;
      line-height: 26px;
    }
    .BornHS__Wrapper.circle-hotspots .BornHS__Modal__Input .BornHS__Modal__Content {
      width: 250px !important;
  }
  }



  @media screen and (max-width: 850px) {
    .area-click-top {
      top: 34%;
      right: 8%;
      z-index: 2;
  }
    .office-interact .row.content-box {
      width: 235px;
  }
  .circle {
    width: 130px;
    height: 130px;
}
.image-holder img {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.content-item-box.second .overlay {
border: solid 80px #F37A6C;
}
.content-item-box.three .overlay {
border: solid 80px  #27BDBE;
}
.content-item-box .overlay {
border: solid 80px#e0523c;
}
.content-item-box {
height: 175px;
width: 175px;
}
.content-item-box.second {
left: 29%;
top: 31%;
}
.content-item-box.three {
top: 30%;
left: 47%;
}

img.office-center {
width: 110px;
}
.content-item-box.second:hover .overlay {
border: 26px solid  #F37A6C;
}
.content-item-box:hover .overlay {
border: 26px solid#e0523c;
}
.content-item-box.three:hover .overlay {
border: 26px solid  #27BDBE;
}
.content-item-box.second .overlay-content {
left: -32% !important;
bottom: -56%;
}
.content-item-box.three .overlay-content {
right: -33% !important;
bottom: -56%;
}
.content-item-box .overlay-content {
left: -32% !important;
top: -7% !important;
}
.image-holder img:nth-child(1) {
top: -14px;
left: 55px;
}
.image-holder img:nth-child(3) {
bottom: -15px;
}
.image-holder img:nth-child(5) {
top: 10px;
left: -10px;
}
  }


  @media screen and (max-width: 840px) {
    .cj-slid-video {
        width: 165%;
    }
    }


  @media screen and (max-width: 810px) {
    .content-stat h2.heading-sec-46 {
      font-size: 13px;
      line-height: 24px;
    }

    .service-banner-text {
      padding-right: 10%!important;
    }

  }

  @media screen and (max-width: 770px) {
    .content-stat h2.heading-sec-46 {
      font-size: 12px;
      line-height: 20px;
    }
  }


    @media screen and (max-width: 768px) {
      
/* 16/9/21  */
      #about .ms-lg5, #about .ms-lg7 {
        width: 100%;
    }
  
    .featured-svc-title {
      min-height: 110px !important;
    }
  
   .featuredThumImage img {
      min-height: 120px;
   }
  
   .featuredThumImage {
      height: auto;
   }
  
  #featured-services {
      padding-bottom: 60px;
  }
  /* 16/9/21  */
    .ms-industry-trends {
      min-height: 400px;
    }

      .two-clum-list-sctn {
        width: 100%;
      }
    
      .counter-number-mid {
        width: 33%;
        float: left;
      }
    
      .srv-ovrviw-psntsctn {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
      }
    
      .abt-blu-img-sctn {
        text-align: center;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
      }
      .abt-blu-img-sctn img {
        padding-left: 20px;
      }
    
      .box2line-contsctn-rgt .text {
        width: 195px;
      }
      .drk-list li {
        font-size: 13px;
        line-height: 21px;
      
    }
      .box2line-contsctn-rgt:hover .overlay {
        width: 102%;
    }
      .box2line-contsctn-rgt h4 {
        font-size: 16px;
      }
    
      .rp-banners-contsctn h2 {
        font-size: 38px;
        line-height: 44px;
      }
    
      .abt-blu-sctn .pd-25 {
        padding: 25px 20px 25px 0px!important;
      }
    
      .rating>label {
        font-size: 6vw;
      }
    
      .IFM-competitors-tbl-ovrviw {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
      }
    
      .ss-stories-sctn .col-md-4 {
        width: 100%;
      }
    
      .mult-colr-tag {
        font-size: 12px;
      }
    
      .abt-overview-4box {
        display: flex;
        flex-wrap: wrap;
      }
    
      .abt-overview-4box .col-md-3 {
        width: calc(50% - 20px);
        max-width: calc(50% - 20px);
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
      }
    
      .abt-overview-3box .col-md-4 {
        max-width: calc(50% - 20px) !important;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
      }
    
      #value-proposition .col-md-9, #value-proposition .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
      
      }
    
      #value-proposition .col-md-3 .row {
        display: block;
      }
    
      #self-delivery-model .col-md-3 .row {
        display: block;
        margin-top: 30px;
      }
    
      #self-delivery-model .col-md-9, #self-delivery-model .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
      
      }
    
      #self-delivery-model .col-md-9 {
        margin-bottom: 30px;
      }
    
      .abt-IFM-model-4box {
        flex-wrap: wrap !important;
      }
    
      .abt-IFM-model-4box .col-md-3 {
        width: calc(50% - 20px);
        max-width: calc(50% - 20px);
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
      }

      .strat {
        height: 350px !important;
      }

      .content-stat h2.heading-sec-46 {
        font-size: 18px;
        line-height: 28px;       
      }
    
      .full-wdt-768 {
        width: 100% !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important; 
      }

      .overview-top-box1, .overview-top-box2 {
        margin-right: 0px;
        margin-left: 0px;
      }  
      
      .rp-three-imgsctn img {
        max-height: 220px;
      }

/* ---------------------------------------------------------------------------- */

      .serv-5pillars-sctn {
        flex-wrap: wrap;
      }

      .serv-pillars-5box {
        width: calc(32% - 10px);
        padding: 3px 0px 0px 0px;
      }

      /* ------13/sep/2021------ */

      img.add-sign {
        width: 75px;
        right: 26%;
        top: 14%;
       }   

    }


  
  @media screen and (max-width: 767px) {
    /* 16/9/21  */
    .service-5box .ms-lg4 {
      width: 50% !important;
    }
    /* 16/9/21  */

    .bring-vital img.long-arrow {
      bottom: 10px;
    }

    .content-para.para-big-head h2 {
      line-height: 46px;
      font-size: 34px;
  }
    .hotspot-360 .BornHS__Modal__Input.green-back.first .BornHS__Modal__Content,  .hotspot-360 .BornHS__Modal__Input.green-back.second .BornHS__Modal__Content,
    .hotspot-360 .BornHS__Modal__Input.green-back.fifth .BornHS__Modal__Content ,
  .hotspot-360 .BornHS__Modal__Input.green-back.third .BornHS__Modal__Content,.hotspot-360 .BornHS__Modal__Input.green-back.BornHS__Modal__Input.fourth .BornHS__Modal__Content {
      left:50% !important;
      top: 50% !important;
  }
  .hotspot-360 .BornHS__Modal__Input.green-back.fifth .BornHS__Modal__Content ,
  .hotspot-360 .BornHS__Modal__Input.green-back.third .BornHS__Modal__Content,.hotspot-360 .BornHS__Modal__Input.green-back.BornHS__Modal__Input.fourth .BornHS__Modal__Content{
    bottom: unset !important;
}
    .hotspot-360 .BornHS__Modal__Input.green-back label.BornHS__Close {
      background: #e0523c;
  }
    .row.red-half-2.first img {
      padding-left: 0px;
  }
    .col-fm .row.image-text img{
      margin-bottom: 15px !important;
    }
    .red-half-2 .content-tab {
      padding: 40px 40px !important;
  }
    
    
    .vision-box-grey {
      height: auto !important;
  }
  .over-normal {
    top: 52%;
}
section.section.full-width-sec {
  padding-top: 20px !important;
}
.section.heading-only.padding-20{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.section.heading-only.padding-bottom-40{
  padding-top: 40px !important;
  padding-bottom: 0px !important;
}
    .red-half-2.first .col-lg-6:first-child {
      min-height: 350px;
  }
  .red-half-2.second .col-lg-6:last-child {
    min-height: 350px;
}
    .vision-box-grey {
      margin: 20px 0px 0px 0px !important;
  }
    .area-strat-top.bottom li, .area-strat-top li {
      font-size: 10px;
  }
  .area-strat-top.bottom {
    padding: 10px 5px;
 
}

    .BornHS__Modal__Input.red-back.one .BornHS__Modal__Content, .BornHS__Modal__Input.red-back.two .BornHS__Modal__Content, 
    .BornHS__Modal__Input.green-back.three .BornHS__Modal__Content,  .BornHS__Modal__Input.green-back.four .BornHS__Modal__Content,  .BornHS__Modal__Input.green-back.five .BornHS__Modal__Content {
    top: 50% !important;
      left: 50% !important;
  }
    .BornHS__Wrapper .BornHS__Input + .BornHS__Label {
      height: 20px;
      width: 20px;
  }
    section.sec-rentention {
      padding-bottom: 0px !important;
    }
    .section.sec-rentention .red-bg {
      margin-bottom: 20px !important;
  }
    .sec-rentention .pd-50 {
      padding: 25px !important;
  }
    .section.vis-bottom-sec {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
  } 
    .pd-lft-twobox {
      padding-right: 0px !important;
      padding-top: 0px !important;
      padding-bottom: 20px !important;
  }
    .pd-rgt-twobox {
      padding-left: 0px !important;
      padding-top: 20px !important;
    
  }

  .section.vision-mis {
padding-top: 40px !important;
  }

    .life-client-sec .BornHS__Wrapper {
      margin-bottom: 40px;
  }
    .sec-rentention .pd-lft-60 {
      padding-left: 0px !important;
  }
    .section.feasability-sec .space-right {
      padding-right: 0px !important;
  }
  .section.feasability-sec {
    padding-bottom: 0px !important;
}
    .section.feasability-sec h2 {
      padding-top: 20px;
      margin-bottom: 20px;
  }
    .row.absolute-head {
      position: unset;
      padding-top: 50px;
  }
  .padding-inner {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
    .service-well li.nav-item {
      margin-right: 15px;
      font-size: 13px;
  }
    .area-click-top li {
      font-size: 10px;
      line-height: 14px;
      padding-bottom: 5px;
  }
  .area-click-top li img {
    padding-right: 5px;
    width: 25px;
}
.area-click-top {
  top: 33%;
  right: 18%;
  z-index: 2;
}
ul.area-top-circle {
  right: 29%;
  top: 6%;
}
    .content-item-box.second .corner-overlay-content, .content-item-box.three .corner-overlay-content {
      top: 44%;
  }
    .row.office-interact-inner {
      padding-top: 340px !important;
      padding-bottom: 400px !important;
    }
    .content-item-box.first {
      top: 30%;
    }
    .content-item-box.second {
      top: 43% !important;
    }
    .content-item-box.three {
      top: 43% !important;
      left: 46% !important;
    }
   .key-head-main  p {
      font-size: 13px;
      line-height: 20px;
  }
    .col-insghts {
      width: 50%;
  }
    .image-right-logo {
      right: 0;
      top: 0px;
    
    }
    .box2line-contsctn-rgt .text {
      height: 230px;
  }
    nav.sticky-menu ul li.right-menu-st {
      list-style: none;
      margin-right: 0% !important;
  }
    .grid-container.of-five-box,  .grid-container.of-four-box, .grid-container.of-three-box, .grid-container.of-two-box {
      display: grid;
      grid-template-areas:
      'left'
      'right'
      'right1'
      'bottom'
      'bottom1';
      grid-gap: 10px;
      padding: 0px;
  }
 
    .box2line-sctn .row .box2line-col {
      height: 260px;
  }

.glc-mob {
  display: flex;
  padding-bottom: 20px !important;
}
.glc-mob .gl-box1 {
  margin-right: 5%;
}
.gl-box1 {
  padding-bottom: 20px;
  width: 100%;
}
.glc-mob .gl-box1:last-child {
  margin-right: 0%;
}

    .padding-right-20 {
      padding-right: 0px !important;
    }
  
    .img-port-single {
      height: 285px !important;
      margin-bottom: 20px !important;
  }
    .ports .text-24 {
      font-size: 16px;
      line-height: 20px;
  }
  .portfolio-area .space-left {
    padding-left: 0px !important;
  }
    .banner-text {
        padding-right: 0% !important;
    }
    .content-para h2 {
        text-align: center;
        font-weight: 600;
        font-size: 15px;
        line-height: 22px;
    }
    .content-para {
      padding-top: 0px !important;
  }
  .con-efficient .box {
    height: auto !important;
  }
  .con-efficient .box.left {
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .con-efficient .box.right {
    margin-left: 0px;
  }
  .con-efficient .box {
    padding: 20px;
  }
    .banner-faqs.main-banner .row {
      min-height: 200px !important;
  }
  img.add-sign {
    top: 10%;
    right: 25%;
}
/* ------13/sep/2021------ */
/* .banner-faqs .logo {
  top: 10%;
} */

.banner-faqs .logo {
  top: -14%;
 }
/* ------END   11/sep/2021------ */
    .section.faq-tabs-area {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
  }
  .box-top-faq {
    margin-right: 10px;
    margin-bottom: 10px;
  }
    h3.foot-left-head {
      font-size: 18px;
      line-height: 26px;
      font-weight: 700;
      color: #333332;
  }
    #svc-casestudy .resources-orange .kc-rcontent h6 {
      font-size: 15px;
      line-height: 22px;
  }

    section.main-banner.banner-resp {
      padding: 40px 40px 0px 40px !important;
  }
  section#banner hr.hr-line {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
  }
    .track-percent .head-insights {
      padding-bottom: 10px;
  }
    section#pharma-ptr {
      padding-bottom: 0px !important;
  }
    .pharma-indust-trends {
      padding-bottom: 0px !important;
    }
    .indust-trends-right {
      padding-left: 0%;
      padding-top: 20px;
  }
    section#svc-casestudy {
      padding-bottom: 50px!important;
  }
    section#svc-casestudy .content-details {
      padding-bottom: 0px !important;
  }
  .svc-cs-left {
    padding-bottom: 0px !important;
  }
    .envse-left {
      padding-right: 0%;
      padding-bottom: 20px;
  }
    .banner-sub-heading {
      font-size: 14px;
      line-height: 21px;
    }
    section.main-banner.banner-resp.urban-hq, section.main-banner.banner-resp.value-prep {
    padding-top: 40px !important;
    }
    .loc-profile .lp-left {
      padding-right: 0%;
      padding-bottom: 30px;
  }
  section#banner.urban-hq hr.hr-line, section#banner.value-prep hr.hr-line {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
  }
  .lp-box1 {
    margin-top: 10px;
  }
  .lp-equal-hgt {
    height: auto !important;
  }
  .gov-sec-right {
    min-height: 500px;
  }
  .obj-col-play2 {
    border-left: 0px solid #FFFFFF50;
    padding-left: 0%;
  }
  .obj-col-play1 .col-lg-11.col-md-11.col-sm-11 {
    padding-left: 0px !important;
  }
  .obj-col-play1 img {
    margin-bottom: 10px;
  }
  .about .space-right {
    padding-right: 0px !important;
  }
  .trans-banner-box li {
    width: 175px;
    padding-bottom: 10px;
    padding-right: 10px;
  }
  .sliding-box {
    display: block;
  }
  .slide-box ul {
    display: flex;
  }
  .trans-banner-box:first-of-type {
    transform: translateX(-350px);
    -webkit-animation: moveCodeSamplesHorizon 20s linear infinite;
    animation: moveCodeSamplesHorizon 20s linear infinite;
  }
  @keyframes moveCodeSamplesHorizon {
    100% {
      transform: translateX(-1023px);
    } 
  }
  section#introp-banner {
    overflow: hidden;
  }
  section#introp-banner {
    height: 1100px;
  }
  .banner-text.banner-text-spacer {
    padding-bottom: 4%;
  }
  .banner-text.banner-text-spacer {
    padding-top: 0;
    padding-right: 0% !important;
  }
  #featured-services.environment {
    padding-bottom: 50px !important;
  }
  h3.title-16 {
    font-size: 15px;
    line-height: 21px;
  }
  section#featured-services .owl-dots {
    display: none;
  }
    .eblr-row .col{
      max-width: 100%;
      margin-bottom: 20px;
    }
    .cjt-text p {
      font-size: 18px;
      line-height: 24px;
    }
    .navbar {
      justify-content: left;
    }
    .head-home-icon img {
      width: 32px;
  }
    .head-home-icon {
      padding: 16px 20px 16px 0px !important;
  }

 

.right-arrow-links.banner-right-arrow a {
  font-size: 14px;
}
.logo-white-vital {
  padding-bottom: 15px;
}
    .logo-white-vital img {
      width: 75px;
    }
    .enabler-btm-contbox {
      padding: 20px 20px 30px;
    }
    .enabler-contbox-rgt p {
      font-size: 12px;
      line-height: 22px;
  }
    section#service-overview-sec2 hr.hr-line {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
    }
    .image-enab {
      padding-top: 20px !important;
  }
  .sdx-breadcrumb p {
    font-size: 13px;
}
  .text-34.details-sec {
    padding-bottom: 20px;
}
.details-lft-sctn {
  width: calc(100% - 0px);
  padding-right: 0px;
}
.image-enab {
  text-align: center;
}
section#sdx-breadcrumb-main {
  padding-top: 30px !important;
  padding-bottom: 0px !important;
}
    .trends-equal-box {
      height: auto !important;
  }
    .cp-resp-banner h2.banner-heading {
      font-size: 24px !important;
      line-height: 36px !important;
  }

    section#insights-head .banner-text {
      padding-top: 10px;
      padding-right: 0px;
  }

   .main-insights .banner-text {
      padding-top: 0px;
      padding-right: 0px;
  }
  section#single-in .all-insights {
    padding-top: 0px !important;
}
    .report-4box {
      margin: 15px 10px 10px 10px;
    }
    .worklife-cont .row.d_flex {
      padding-bottom: 20px !important;
    }
    .trends-img img {
      width: auto !important;
    }
    .trends-img-right img {
      width: auto !important;
    }
     
    .trends-img-right2 img {
      width: auto !important;
    }
    .trends-img-right3 img {
      width: auto !important;
    }
    section#overview-in {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
    }
    section#overview-in .trends-right-text {
      padding-top: 20px !important;
    }
    section#single-main {
      padding-top: 10px !important;
    }
    .section.main-banner.cp-resp-banner .banner-text {
      padding-bottom: 0px;
    }
    section#cpexplore-services p.text-sec-18 {
      font-size: 15px;
      line-height: 26px;
    }
    section#worklife-continuum {
      padding-bottom: 30px !important;
    }
    section#cpexplore-services {
      padding: 20px 40px !important;
    }
    section#success-stories .row.head-insights {
      padding-bottom: 20px;
  }
    section#success-stories h2.heading-sec-46 {
      margin-bottom: 10px !important;
    }
    #success-stories .head-insights .right-arrow-links.align-right {
      padding-right: 25px !important;
    }
    .right-arrow-links a:after {
      margin-left: 15px;
    }
    .tbl-title h3 {
      font-size: 15px !important;
      line-height: 22px !important;

  }
    .banner-blue-line {
      display: none;
  }  
    .insights-content .space-right {
      padding-right: 0px !important;
  }
    .mid-content-ins h3.title-30 {
      margin-top: 25px !important;
      margin-bottom: 15px !important;
  }
  .mid-content-ins .heading-sec:after {
    top: 60px !important;
}
.mid-content-ins h2 {
  margin-bottom: 25px;
}
.mid-content-ins {
  padding: 40px 0px 0px !important;
}
    .mid-content-ins .heading-sec {
      line-height: 28px !important;
  }
    p {
      margin-bottom: 15px !important;
    }
    .grid-container.of-4-box .f-item {
      background-position: 50% !important;
  }
    .tbl-title {
      padding-left: 5px;
    }
    .cp-resp-banner h2.banner-heading {
      font-size: 20px !important;
      line-height: 31px !important;
  }
    .cp-resp-banner .bannertext-img img {
      width: 45% !important;
    }
    .cp-resp-banner .banner-text {
      padding-right: 0px;
      padding-top: 0px;
    }
    .main-banner .row {
      min-height: auto !important;
  } 
    .worklife-cont .space-right {
      padding-right: 0px !important;
    }
     
    .worklife-cont .space-right.margin-image {
      padding-bottom: 15px !important;
    }
    #cp-testimonial .owl-carousel .owl-prev {
      left: 0px;
    }
     
    #cp-testimonial .owl-carousel .owl-next {
      right: 0px;
    }
    .percent-main-box.percent-98.trends-equal-box {
      background-image: none !important;
      border: 2px solid #c6c6c675;
      
    }
    .percent-main-box.percent-80.trends-equal-box {
      background-image: none !important;
      border: 2px solid #c6c6c675;
      margin-top:10px;
    }
    .percent-main-box.percent-65 {
      background-image: none !important;
      border: 2px solid #c6c6c675;
      margin-top:10px;
      }
      .percent-main-box.percent-59 {
        background-image: none !important;
      border: 2px solid #c6c6c675;
      margin-top:10px;
      }
      .percent-main-box.percent-56circle {
        background-image: none !important;
      border: 2px solid #c6c6c675;
      margin-top:10px;
      } 
      .percent-main-box.percent-56 {
        background-image: none !important;
      border: 2px solid #c6c6c675;
      margin-top:10px;
      }
      #cpexplore-services .trends-text {
        padding-top: 15px;
    }
    #success-stories .head-insights .right-arrow-links.align-right {
      padding-bottom: 0px;
    }
    #success-stories .heading-space-40 {
      padding-bottom: 0px !important;
    }
    .percent-main-box {
      padding: 20px 20px !important;
    }
    .percent-main-box {
      padding-right: 24% !important;
    }
 
    .content-details {
      padding-left: 20px !important;
  }
    .all-services {
      padding-bottom: 0px !important;
  }
    .track-r h1 {
      font-size: 35px !important;
      line-height: 37px !important;
    }
    .track-r span {
      font-size: 20px !important;
      line-height: 22px !important;
  }
  .section.pharma-ppt ,.section.track-percent {
    padding-bottom: 0px !important;
}
    .track-r {
      margin-right: 0px !important;
      margin-bottom: 15px;
  }
    .customer-deck img {
      position: unset;
      padding-bottom: 20px !important;
  }
    .section.winning {
      padding-bottom: 30px !important;
  }
    .right-section-cont {
      padding-top: 25px !important;
  }
  .customer-deck {
    margin-top: 10px !important;
    margin-right: 0px !important;
}
    .winning .space-right {
      padding-right: 0px !important;
  }
    .stickym-bgcolor {
      padding: 0px 0px !important;
  }
  .section.with-menu {
    padding-bottom: 15px !important;
}
    #slider .owl-dots {
      position: unset !important;
    }

    section#slider .slider-text {
      padding: 20px 70px 20px 0px !important;
  }
    .mobile-switch  .w-100{
      display: block;
     }   
    .homemain-slider {
      height: 350px !important;
  }
    .multi-lingual img {
      width: 40px !important;
  }

    header .desk-menu .menu-container .menu > li a:hover {
      color: #E1523D !important;
  }
    .table-scrolling table {
      width: 727px !important;
      overflow-x: scroll;
      max-width: 727px !important;
    }
    .table-scrolling {
      overflow: auto;
    }

    .kc-leftimg img {
      padding-bottom: 20px;
  }
    ul.sub-menu.open-sub {
      height: 100vh !important;
  }
    li.main-menu-head {
      font-size: 14px !important;
      color: #000000 !important;
      font-weight: 900;
      line-height: 22px;
      text-transform: uppercase;
      margin-bottom: 10px !important;
      margin-top: 10px !important;
  }
    header .desk-menu .menu-container .menu-head {
      padding: 13px 20px !important;
  }
  
    nav.box-menu {
      display: block !important;
  }
  
    .boxes-5 .img-insight.box-2-sec {
      padding-top: 250px;
  }
    .head-insights .right-arrow-links.align-right {
      margin-top: 5px !important;
  }
  .boxes-5 p.white {
    padding-bottom: 30px;
}
.insights-text {
  padding: 15px 15px 30px !important;
}
    .box-insights.col-lg-3.col-md-3.col-sm-12 {
      margin: 5px !important;
  }
    .row.equrows {
      margin-left: 0px !important;
  }
  .row.equrows .row {
    margin: 5px !important;
}
    .head-insights .right-arrow-links.align-right {
      padding-bottom: 20px;
  }
    .strat {
   background-position: 35% !important;
    }
    .strat {
      height: 345px !important;
  }
  .content-stat h2.heading-sec-46 {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0px !important;
}
.content-stat .right-arrow-links {
  margin-top: 8px;
}
    .success-slider .owl-carousel.owl-drag .owl-item {
      padding: 0px 3px 3px !important;
  }
    .img-dnb img {
      margin-bottom: 0px;
  }
    .dnb {
      margin: 10px 0px 20px !important;
  }
    .margin-image {
      margin-top: 0px;
  }
    .space-right {
      padding-right:30px !important;
  }
  h2.banner-heading {
    font-size: 24px;
    line-height: 31px;
}

  .heading-sec-46, .text-34 {
    font-size: 20px;
    line-height: 32px;
}
  .text-sec-18 p {
    font-size: 15px !important;
    line-height: 24px !important;
}


    .about img {
      margin-bottom: 20px;
  }
    .heading-sec {
      font-size: 18px !important;
      line-height: 26px;
      margin-bottom: 20px;
  
  }

    .grid-container.of-4-box {
      display: grid;
      grid-template-areas:
          'left'
          'right'
          'right1'
          'bottom';
      grid-gap: 4px;
      padding: 0px;
  }

  .grid-container.of-5-box {
    display: grid;
    grid-template-areas:
        'left'
        'right'
        'right1'
        'bottom'
        'bottom1';
    grid-gap: 10px;
    padding: 0px;
}
    .navbar-custom {
      margin-top: 0px;
      padding: 0px 20px !important;
      background-color: #ffffff !important;
   color: #ffffff !important;
    }
    .search-main img {
      padding: 12px 5px !important;
      width: 48px;
  }
    nav.navbar.navbar-expand-md.navbar-custom.sticky.sticky-dark {
      height: 62px;
  }
    .navbar-custom .navbar-nav {
      margin-top: 0px;
    }
    .navbar-custom .navbar-nav li.active {
      border-color: transparent;
    }
    .navbar-custom .navbar-nav li a {
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      color: #343a40 !important;
      margin: 0px;
    }
    .navbar-custom > .container {
      width: 90%;
    }
    .navbar-custom .navbar-nav li.active a,
    .navbar-custom .navbar-nav li a:hover,
    .navbar-custom .navbar-nav li a:active {
      color: #F05740 !important;
    }
    .multi-lingual {
      position: absolute;
      right: 12% !important;
  }
  div#header-sroll {
      position: absolute;
      right: 20px;
  }
  .search-main {
    position: absolute;
    right: 20%;
}
    .navbar-toggler {
      font-size: 24px;
      margin-top: 0px;
      margin-bottom: 0px;
      color: #343a40;
    }
    .home-content .title {
      font-size: 44px;
    }
    .logo .logo-light {
      display: none;
    }
    .logo .logo-dark {
      display: inline-block;
    }
    .progress-border:before {
      border: none;
    }
    .section {
      padding: 50px 40px !important;
  }
  section#Success-stories {
    padding: 50px 40px 0px !important;
}
  /****** **********/
  .title-30 {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .slider-bounce::before {
    inset: 15px 0 0px -1px;
}
#report.success-slider .owl-nav {
  top: -60px;
}
.bouncing-back {
padding-left: 0px;
}
.head-insights .right-arrow-links.align-right {
padding-right: 0px !important;
margin-top: 0px !important;
}

.kc-leftimg img {
width: 100%;
}
.content-details {
padding-left: 0px;
}  
.popular-service .grid-container.of-popular-box {
display: grid;
grid-template-areas:
    'left'
    'right'
    'right1'
    'bottom'
    'bottom1';
grid-gap: 10px;
padding: 0px;
}
.item1.f-item.vertical-bottom.box-insights, .item2.f-item.vertical-bottom.box-insights, .item3.f-item.vertical-bottom.box-insights, .item4.f-item.vertical-bottom.box-insights, .item5.f-item.vertical-bottom.box-insights  {
padding-top: 160px;
}
.spacer-20 {
height: 10px !important;
}
.kc-main-sec .kc-left2col {
padding: 15px 0px;
}
section.food-togo-sticky {
padding: 0px 0px !important;
}
.food-togo-sticky nav.sticky-menu {
padding-left: 10px !important;
}
nav.sticky-menu ul {
  display: block;
  text-align: center !important;
  margin-top: 35px;
  transition: .3s ease-in-out;
}
.food-togo-sticky nav.sticky-menu {
padding-left: 0px !important;
}
li.add-bundle-btn a:after {
top: unset;
}
.text-bg {
padding-left: 0% !important;
}
.servicedetails-8box {
padding: 5px 0 30px 0;
}
section#service-details {
padding-bottom: 20px !important;
}
section#related-services {
padding-top: 15px !important;
padding-bottom: 0px !important;
}
section#faqs {
padding-bottom: 30px !important;
padding-top: 40px !important;
}
.bannertext-img figure {
text-align: center !important;
}

.bannerimage-text {
bottom: 18%;
left: 23%;
}
.banner-blue-line {
position: absolute;
top: 48px;
left: 0;
}
.banner-swop {
flex-flow: column-reverse;
}
.banner-text {
  padding-top: 20px;
  padding-right: 0px;
}
.sub-head-small {
  margin-bottom: 5px !important;
}
.food-togo-sticky .container {
height: 55px;
}
/* .row.tbl-content table {
overflow-x: scroll;
max-width: 927px;
} */
.cp-resp-banner .banner-blue-line {
top: 65px;
}
.img-insight.box-2-sec img {
margin-bottom: 0px;
}
/*** mobile sticky menu*******/
.site-nav {
position: absolute !important;
top: 100%;
right: 0%;
background: #a6a6a6;
height: 0px;
overflow: hidden;
}

.site-nav-open {
height: auto;
}



.site-nav a {           
color: #f2f2f2;
display: block;
padding: 2em 2em 2em 1.5em; 
text-decoration: none;
}

.menu-toggle {
padding: 1em;
position: absolute !important;
top: 23px;
right: 1em;
cursor: pointer;
display: block !important;
}
.site-nav .site-nav-icon {     /* Removes Font Awesome Icons for larger screens */
display: block !important;
}
nav.sticky-menu ul li a:hover, nav.sticky-menu ul li a.active {
border-bottom: 1px solid #E0523C !important;
color: #E0523C;
font-weight: 700;

}

nav.sticky-menu ul li a:hover, nav.sticky-menu ul li a {
border-bottom: 2px solid transparent;
}
li.add-bundle-btn a {
border-bottom: none !important;
}
/***Service Individual Page ***/
.service-banner-text {
  background-color: #ffffff;
  padding: 30px 30px 40px 30px !important;
}

.service-banner-text {
padding-right: 0% !important;
}

.service-banner.section {
  padding: 0px 0px !important;
}
.service-banner-text
 {
   padding-right: 30px !important;
   margin-top: 30px;
  }

  .service-banner .owl-dots {
    bottom: 10px;
    left: 45%;
  }
  .service-banner .right-arrow-links{
   
    margin-bottom: 0px; 
  }
/**Service Individual Page Insights Section**/
.svc-insights-col.svc-insights-center {
  display: none;
}
.ins-box {
  margin-right: 15px;
}
.ins-box.ins-consumer {
  margin-left: 15px;
}
.row.ins-mobile-head {
  display: block !important;
}

.vp-left {
  padding-right: 0% !important;
  padding-bottom: 10px;
}

#service-overview hr.hr-line {
  
  margin-bottom: 0px !important;
  
}


li.add-pitch-btn a:after {
 bottom: 12px !important;
  
}

section#dnld-btn hr.hr-line{
  margin-top: 10px !important; 
}
.svcadd-pitch {
 padding-top: 15px !important;
  padding-bottom: 15px !important;
  }
  .overview-top-box1 {
    margin-right: 0px;
    margin-bottom: 15px;
    
}
.svc-overview{
  padding-bottom: 0px !important;
}
.kb-equal-height {
  height: auto !important;
}
.head-insights .right-arrow-links.align-right{
  padding-right: 25px !important;
}
/***New Responsive Code ***/
 
.svcadd-pitch-btn {
  position: absolute;
  right: 0px;
  bottom: -15px;
}
section#service-overview {
  padding-bottom: 0px !important;
}
.overview-top-box1 {
  margin-left: 0px;
}
.overview-top-box2 {
  margin-left: 0px;
}
.svc-overview hr.hr-line {
    margin-top: 0px !important;
}
.value-prop-rightcol {
  padding-right: 0%;
  
}
.value-prop-img::after {
  top: -7%;
  right: 0.5%;
}
.value-prop-img img {
  width: 100%;
}
.section#value-proposition {
  margin-top: 0px;
  padding-top: 0px !important;
}
.ins-mobile-head h3.text-34 {
  font-size: 22px;
    line-height: 34px;
  color: #000000;
  padding-bottom: 10px;
}
section#svc-details {
  padding-bottom: 0px !important;
}
section#svc-touchpoints {
  padding-top: 40px !important;
}
.service-banner-text {
  margin-right: 22%;
}
.main-banner .row.svc-banner-row {
  min-height: 350px !important;
  padding-bottom: 70px;
}
#svc-casestudy .kc-rcontent h6{
  padding-right: 25px;
}
.ki-right-img {
  position: unset;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
#service-overview .key-innov {
  padding: 40px 0px 20px 0px;
  margin-left: 0%;
  margin-top: 8%;
}
#service-overview .key-innov-inner {
  padding-left: 40px;
  padding-right: 40px;
}
section#sdx-breadcrumb-main {
  padding-bottom: 0px !important;
}
.value-prop-img::after {
  display: none;
}
.homemain-slider {
  background-position: 100%;
}
img.searchInputIcon {
  width: 35px !important;
  Height: 35px !important;
}
.banner-video-btn a:after {
  bottom: 14px !important;
  
}
.banner-video-btn {
  font-size: 15px;
  line-height: 26px;
  font-weight: 600;
}
section#featured-services {
  padding-bottom: 0px !important;
}
section#Success-stories {
  padding-top: 20px !important;
}
.buttons-bottom .svcadd-pitch-btn {
  right: 0;
  bottom: 2px;
}
.resource-tip .svc-cs-left .buttons-bottom .svcadd-pitch-btn {
  bottom: 32px;
  right: -20px !important;
}
.resource-tip .buttons-bottom .svcadd-pitch-btn {
  bottom: -18px;
  right: -25px;
}
.resource-tip .svc-cs-left .buttons-bottom.last-area .svcadd-pitch-btn {
  bottom: 32px;
}
.resource-tip .svc-cs-left .buttons-bottom.cs-left-col .svcadd-pitch-btn {
  bottom: 30px !important;
}
.resource-tip .svc-cs-left .buttons-bottom.cs-left-col.last-area .svcadd-pitch-btn {
  bottom: 30px !important;
}
.flip .card {
  width: 150px;
  }

.flip .card .front {
  width: 150px;
}
.flip .card .back {
width: 150px;
}
 .dnld-bnr-tooltip button {
  top: 5px;
    right: 90%;
}
#add-pitch-popup .popup {
  width: 73%;
}
.svc-left-col::after {
  display: none;
}
.svc-banner-logo {
  padding: 20px 20px 0px 80px;
}
#service-overview .row.key-elements-row {
  padding-bottom: 0px;
}

/* ----------------------------------------------------------------------- */

  .bdr-btm-767 {
    padding-bottom: 30px !important;
    border-bottom: 1px solid #c4c4c4;
  }

  .fullwdth-767 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .gov-text-box {
    margin-left: 0px !important;
    padding: 0 0% 30px 0% !important;
  }

  #employee-pr .gov-sec-right {
    min-height: 400px !important;
  }

/* ------------------------------------------------------------------------ */

.trend-of-list img {
  margin-bottom: 10px;
}
.trend-of-list .row {
  flex-wrap: wrap;
}
.trans-trend {
  padding-top: 10px !important;
  padding-bottom: 40px !important;
}
.padding-top-20 {
padding-top: 10px !important;
}
.center-ico {
padding-top: 10px !important;
}
.trans-trend .space-right {
  padding-right: 0px !important;
}
.trans-trend .space-left {
padding-top: 20px !important;
padding-left: 0px !important;
}
.img-tr-single {
  padding-top: 20px !important;
}
.work-world ul li:nth-child(even) {
  border-right: 0px solid !important;
}
.work-world ul li:nth-child(odd) {
border-right: 5px solid  #ffffff;
}
.work-world .col-third:nth-child(even) {
border-right: 0px solid !important;
}
.work-world .col-third:nth-child(odd) {
border-right: 10px solid  #ffffff;
}
.work-world ul li {
  width: 50%;
}
.work-world .col-third {
  width: 50%;
}
.demanded-area .img-port-single {
  height: 340px !important;
  margin-bottom: 0px !important;
}
.target-trend {
  border-right: 0px solid #D4D2CA;
}

.demand-left {
  padding-top: 0px !important;
  padding-bottom: 10px !important;
  padding-right: 0px !important;
}
.segment-demand .vision-box:nth-child(n+1), .segment-demand .vision-box:nth-child(odd){
  border-bottom: 1px solid  #c6c6c675 !important;
  border-right: 1px solid  #c6c6c675 !important;
}

.segment-demand .vision-box:last-child{
  border-bottom: 1px solid  #c6c6c675 !important;
}
.segment-demand .vision-box{
 margin-bottom: 10px;
}
.area-white-banner.banner-text {
width: 100%;
}
.main-banner.banner-750 .row {
min-height: 500px !important;
}
.main-banner {
background-position-x: 40% !important;
}
.vision-box img {
padding-right: 0px !important;
}
.segment-demand .box h2 {
font-size: 16px;
}
.segment-demand .vision-box {
padding: 20px 20px!important;
}

/* ----------------------------------------------------------------------------- */

.office-interact .row.content-box.circ1 {
  left: 32% !important;
  top: 20% !important;
}
.office-interact .row.content-box.circ2 {
left: 32% !important;
bottom: 24% !important;
top: unset;
}
.office-interact .row.content-box {
  width: 310px;
}   
.image-mobile-space {
  display: block;
  text-align: center;
}
.row.move-1 {
  left: 40% !important;
  top: 0%;
}
.row.move-2 {
right: 40% !important;
top: unset;
bottom: 6%;
}
.office-interact .row.content-box.right {
right: 5%;
bottom: 10%;
top: unset;
}
.office-interact .row.content-box {
left: 5%;
}
.image-mobile-space {
display: block;
text-align: center;
padding-top: 240px;
padding-bottom: 300px;
}
.image-mobile-space img {
  width: 300px;
}
section.section.office-interact {
background-image: none !important;
}

.row.of-eight-box:after {
  top: 17px;
  margin-right: 20px;
  width: 55px;
  height: 40px;
}
.section.service-well {
  padding-top:0px !important;
}
.service-well .add-lists-demand p {
  padding-bottom: 5px;
}
.row.of-eight-box {
  padding: 30px 15px 40px;
}
.section.boxes-grid.resources-grid .f-item.vertical-bottom.box-insights {
  background-position: center;
}

}

@media screen and (max-width: 754px) {
  .cj-slid-video {
    width: 185%;
  }
}



@media screen and (max-width: 740px) { 
  .servicedetails-8box  .ms-lg2 {
     width: 33.33%;
  }
 }


@media screen and (max-width: 720px) {
  .content-stat h2.heading-sec-46 {
    font-size: 18px;
    line-height: 26px;
  }
  .content-item-box.second {
    left: 27%;
}
}

@media screen and (max-width: 650px) {
  .cj-slid-video {
      width: 200%;
  }
  }


  @media screen and (max-width: 640px) {
   .service-well li.nav-item {
      width: 33.33% !important;
      margin-right: 0px !important;
  }
    li.nav-item.with-dropdown {
      margin-bottom: 0px;
  }
    .content-item-box.second {
      left: 23%;
  }
  .content-item-box.first {
    top: 29%;
}
    .ms-indst-trnd-box {
      right: 0px;
      bottom: 0px;
      padding-right: 20px !important;
      width: 100%;
    }

    

    .horizontal-list {
      display: block;
    }
  
    .srv-ovrviw-psntsctn {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
  
    .abt-blu-img-sctn {
      text-align: center;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
  
    .counter-number-mid {
      width: 100%;
    }
  
    .section#service-overview {
      padding-top: 20px !important;
    }
  
    .srv-ovrviw-psntsctn {
      position: relative;
      min-height: 350px;
    }
  
    .rp-banners-contbox {
      min-height: 400px !important;
    }  
  
    .rp-banners-contsctn {
      padding: 30px 25px;
      bottom: -15px;
    }
  
    .rp-banners-contsctn h2 {
      font-size: 16px;
      line-height: 24px;
    }
  
    .rp-banr-btm-orngbar .col-md-3 h3 {
      border-right: 0px solid #fff;
    }
  
    #rp-three-img .pd-50 {
      padding: 0px !important;
    }
  
    .rp-three-imgsctn img {
      width: 27%;
    }
  
    .rp-list-item .ins-box {
      min-height: auto;
    }
  
    .md-head {
      font-size: 24px;
      line-height: 30px;
    }
    
    /* ------------------------------------------------------------------ */
    #employee-pr .gov-sec-right {
      min-height: 320px !important;
    }

    .rp-three-imgsctn img {
      max-height: 100px;
    }

    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
      top: 45px;
    }

    .content-stat h2.heading-sec-46 {
      font-size: 16px;
      line-height: 26px;
    }

    .banner-faqs .logo {
      width: 75px;
   }

  }

  @media screen and (max-width: 620px) {
    .cj-slid-video {
      width: 230%;
  }
    }


  @media screen and (max-width: 575px) {
    /* 18/9/21  */
    .cj-video-head {
      height: 428px;
  }
  
  .cj-slid-video {
      width: 148%;
      margin-top: -103px;
  }
  
  .enabler-banner-bg {
      min-height: 470px!important;
  }
/* 18/9/21  */  
  
/* 16/9/21  */
    .service-5box .ms-lg4 {
      width: 100% !important;
    }
    
    .cj-video-head {
      height: 480px;
      /* margin-top: 50px; */
    }
  
  .cj-slid-video {
      width: 245%;
  }
  /* 16/9/21  */

    .box2line-imgsctn {
      border-bottom: 1px solid #ffffff;
  }
    .content-para.para-big-head h2 {
      line-height: 40px;
      font-size: 28px;
  }
    .col-fm .row.image-text {
      height: auto !important;
      padding-bottom: 10px;
  }
    .content-tab .col-lg-10 p {
      margin-right: 30px;
  }
    .right-con-segment {
      padding-top: 10px;
  }
  h2.heading-big-font {
    font-size: 30px;
}
  .right-con-segment p {
    margin-bottom: 5px !important;
}
    .area-strat-top ul {
      padding-bottom: 5px;
      padding-right: 0px;
  }
    .area-strat-top h4.heading-18.white {
      font-size: 10px;
  }
    .area-strat-top ul li {
      padding: 0px 5px;
      line-height: 15px;
  }
  .area-strat-top.bottom li, .area-strat-top li {
    font-size: 8px;
}
.area-strat-top.bottom {

  margin: 4px 0px;
}
    .life-client-sec .space-right {
      padding-right: 0px !important;
  }
    .office-interact .content-box .col-lg-4 {
      width: 30% !important;
  }
  .office-interact .content-box .col-lg-8 {
    width: 70% !important;
}
.office-interact .row.content-box.right {
  bottom: 25% !important;
}
.office-interact .row.content-box.circ1 {
  top: 19% !important;
}
    .content-item-box.second {
      left: 19%;
  }
    .col-insghts {
      width: 100%;
  }
  .main-single-insights .box-all p,  .main-single-insights .box-all h3 {
    height: auto !important;
  }
  .main-single-insights .all-insights .box-all {
    margin: 0px !important;
}

.row.first-line-box .box2line-col:nth-child(7) .box2line-contsctn-rgt img {
  transform: rotate(180deg);
  margin-top: 20px;
  margin-left: 0px;
}


 .row.first-line-box .box2line-col:nth-child(3) .box2line-contsctn-rgt img {
      transform: rotate(
  360deg);
      margin-top: 0px;
      margin-left: 0px;
  }
   
    .box2line-sctn .row .box2line-col {
      width: calc(50% - 0px);
  }
  .box2line-contsctn-rgt:hover .overlay {
    width: 101%;
}
.box2line-contsctn-rgt:hover .overlay {
  opacity: 100%;
}
 
#contact-tab .flex-column {
  -ms-flex-direction: column!important;
  flex-direction: unset !important;
}
#contact-tab li.nav-item {
  width: 25%;
}
section#have-suggestions {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.hs-sec .red-button {
  text-align: left !important;
  padding-top: 20px;
}
.hs-sec {
  padding: 30px 8%;
}

    .con-efficient p {
      margin-bottom: 20px !important;
    }
    .banner-faqs .logo,  .banner-faqs img.add-sign {
      width: 75px;
  }
  img.add-sign {
    top: 10%;
    right: 35%;
}
    .box-top-faq {
      height: auto !important;
  }
  .box-top-faq {
    padding: 20px 20px;
    margin-right: 0px;
    margin-bottom: 10px;
}
.faq-tabs-area .col-sm-6.col-lg-3:last-child .box-top-faq {
  margin-right: 0px;
}
    .flip .card {
      width: 100%;
      margin-bottom: 15px;
      margin-left: 0px !important;
  }
  .flip .card .front {
      width: 100%;
  }
  .flip .card .back {
      width: 100%;
  }
  .row.eblr-row {
      display: block;
  }

    .sdtext-box.right-box-ab, .sdtext-box.service-details-div, .techenabler-box.service-details-div, .vsframewrk-box.service-details-div, .customertp-box.service-details-div, .targetenv-box.service-details-div {
      margin: 0 0px 15px 0px;
  }
    section#cpexplore-services .heading-space-40 {
      padding-bottom: 15px !important;
  }
    .cpbox-all {
      margin: 0px 0px 15px !important;
  }
    .articles .all-insights .box-all {
      margin: 0px 0px 15px !important;
 
  }
    .testimonialbox-carousel:before {
      content: url(../images/quote-tab-img.png);
      position: absolute;
      left: 0px;
      display: inline-block;
      margin-left: 0px;
      top: 26px;
    }
     
    section#cp-testimonial button.owl-prev span:before {
      content: url(../images/chev-1099-left.png) !important;
      position: absolute;
        left: 20px;
        top: 5px;
    }
     
    section#cp-testimonial button.owl-next span:before {
      content: url(../images/chev-1099.png) !important;
      position: absolute;
        left: 22px;
        top: 5px;
    }
    #cp-testimonial .owl-carousel .owl-next, #cp-testimonial .owl-carousel .owl-prev {
      line-height: 40px;
    }
    #success-stories .head-insights .right-arrow-links.align-right {
      padding-bottom: 0px;
  }
    .row.all-insights:after {
    display: none;
  }
  #single-in {
    padding-top: 0px !important;
}
    .right-trend .area-flex {
      display: block !important;
  }
  section#single-in .all-insights {
    padding-top: 0px;
}
    .row.top-detail-ins .col-sm-6 {
      width: 50% !important;
  }
    .line-break {
      display: none;
  }
  .filter-area .select-dropdown__button {
    padding: 8px !important;
  }
  .filter-area .select-dropdown__button {
    width: 131px !important;
}
.filter-area ul.select-dropdown__list {
  width: 140px !important;
}

.filter-area  .select-dropdown__list-item {
  padding: 10px 10px !important;
}
.filter-area span.select-dropdown, .select-dropdown__list-item {
  font-size: 12px !important;
  line-height: 16px !important;
}
    .ss-stories {
      margin-right: 0px !important;
  }

    .grid-container.of-4-box .f-item {
      padding-top: 80px !important;
  }
    .cp-resp-banner .bannertext-img img {
      width: 65% !important;
    }
    #cp-testimonial .owl-nav {
      position: absolute;
      top: -68px;
      right: 46px;
    }
     
    #cp-testimonial h2.heading-sec-46 {
      margin-bottom: 70px !important;
    }
    #cp-testimonial .owl-carousel .owl-next, #cp-testimonial .owl-carousel .owl-prev {
      width: 50px;
      height: 50px;
    margin: 5px;
    }
    .percent-main-box {
      padding-right: 40px !important;
    }
 
    .content-details {
      padding-left: 0px !important;
  }
    .boxes-5 p.white {
      padding-bottom: 0px !important;
  }
    .footer-left {
      background-image: url(../images/footer-banner-mobile.png) !important;
      background-position: 50% !important;
  }
  .footer-left .text-sec-18 {
    padding-right: 35%;
}
    .mobile-switch {
      flex-flow: column-reverse; 
     }
    .multi-lingual {
      position: absolute;
      right: 15% !important;
  }

  .search-main {
    position: absolute;
    right: 25% !important;
}
    .content-stat h2.heading-sec-46 {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 0px !important;
  }
    .simple-btnbox {
      padding: 0px 0 0px 0 !important;

  }
    .service-5box .col-sm-2 {
      width: 15%;
  }
  
  .service-5box .col-sm-10.eq-box {
      width: 85%;
  }
    .success-slider .col-lg-4.col-md-4.col-sm-5 {
      width: 40%;
  }
  .success-slider .col-lg-8.col-md-8.col-sm-7 {
      width: 60%;
  }
   .text-dnb {
      padding: 20px 20px 30px 20px !important;
  }
    .heading-space-40, .heading-space-30,.heading-space-20{
      padding-bottom: 0px !important;
  }
    .equip-left .col-lg-2.col-md-2.col-sm-2 {
      text-align: left !important;
  }
    .equip-left {
      padding-bottom: 0px !important;
  }

    .foot-top p {
      margin-bottom: 25px !important;
  }
  .foot-top h2 {
    margin-bottom: 15px !important;
}
ul.ul-links {
  margin-bottom: 10px !important;
}
.foot {
  padding: 15px 0px!important;
}
/******* **********/
.heading-space-40 {
  padding-bottom: 0px !important;
}
.head-insights .right-arrow-links.align-right {
  padding-bottom: 20px;
  text-align: left;
}
.kcleft-row1 {
  padding-bottom: 20px;
}
.item1.f-item.vertical-bottom.box-insights, .item2.f-item.vertical-bottom.box-insights, .item3.f-item.vertical-bottom.box-insights, .item4.f-item.vertical-bottom.box-insights, .item5.f-item.vertical-bottom.box-insights {
  padding-top: 80px;
}

h3.bannertitle-18 {
  padding-right: 30% !important;
  top: 20%;
  left: -18px;
}
 
.bannerimage-text img {
  width: 19% !important;
    position: absolute;
    top: 16px;
    left: -34%;
}
.kc-leftcol1 {
  padding-bottom: 10px;
}
#service-bundle .heading-sec-46  {
  margin-bottom: 80px!important;
}

.report-4box {
  margin: 15px 0px 10px 0px;
}

/*** Individual Service Page ****/
.ins-box {
  margin-right: 0px;
  margin-bottom: 10px;
}

.svc-kc-box {
  padding: 0px 0px 20px 0px;
}
.service-banner-text {
  margin-right: 10%;
}
.ins-box.ins-consumer {
  margin-left: 0px !important;
  margin-top: 10px;
}
img.searchInputIcon {
  width: 35px !important;
  Height: 35px !important;
}
.searchInputIcon {
  left: 18.5rem;
  top: 0.7rem;
}
#add-pitch-popup .popup {
  width: 86%;
}
#add-pitch-popup .popup h2 {
  font-size: 18px;
  line-height: 30px;
}
.svc-left-col {
  width: 88%;
}
.svc-rcol{
width:12%
}

/* --------------------------------------------------------------- */

.area-list-trend {
  padding-left: 0px;
  padding-top: 20px;
}
.work-world ul li {
  width: 100% !important;
}
.work-world ul li:nth-child(odd) {
border-right: 0px solid #ffffff!important;
}
.work-world .col-third {
  border-right: 0px solid  #ffffff !important;
}
.work-world .col-third {
  width: 100% !important;
}
.work-world .col-third {
border-right: 0px solid #ffffff !important;

}

.office-interact .row.content-box.circ1 {
  left: 20% !important;
  top: 17% !important;
  padding: 10px;
}
.office-interact .row.content-box.right {
left: 20% !important;
bottom: 23% !important;
padding: 10px;
}
.office-interact .row.content-box.circ1 img, .office-interact .row.content-box.right img{
margin-bottom: 10px;
}

.of-eight-box .bottom-dots li {
  line-height: 20px;
  font-size: 10.5px !important;
}
.of-eight-box h2 {
  margin-bottom: 5px;
  margin-top: 10px;
}
.consumer-main.enabler-banner-bg {
  min-height: 450px;
}

.tab-content .mt-3 {
  font-size: 16px;
  padding: .0rem 1rem;
}


  }



  @media screen and (max-width: 480px) {
    /* 16/9/21  */
    .cj-slid-video {
      width: 290%;
    } 
    /* 16/9/21  */

    .content-para.para-big-head h2 {
      line-height: 34px;
      font-size: 21px;
  }
    .hotspot-360 .Content__Wrapper ul {
      padding-top: 0px;
      padding-bottom: 10px;
  }
  .hotspot-360 .Content__Wrapper ul {
    padding-top: 0px;
    padding-bottom: 10px;
}
    .red-half-2 .content-tab .row p {
      margin-bottom: 10px !important;
      font-size: 14px;
  }
    section.section.full-width-sec {
      padding: 0px 30px !important;
  }
    .section.vision-hov-boxes {
      padding-right: 30px !important;
    }
    .section.client-sector-sec .red-half-2 .content-tab {
      padding-right: 30px !important;
      padding-left: 30px !important;
      padding-bottom: 40px !important;
  }
  .section.geography-sec .red-half-2 .content-tab {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
    img.long-arrow {
      width: 25px;
  }
 
    .red-half-2 .content-tab {
      padding: 30px 20px !important;
  }
    
    .BornHS__Wrapper .BornHS__Modal__Content {
      width: 300px;
  }
  .BornHS__Modal__Input.red-back.one .BornHS__Modal__Content, .BornHS__Modal__Input.red-back.two .BornHS__Modal__Content, 
   .BornHS__Modal__Input.green-back.three .BornHS__Modal__Content,  .BornHS__Modal__Input.green-back.four .BornHS__Modal__Content,  .BornHS__Modal__Input.green-back.five .BornHS__Modal__Content {
    top: 90% !important;
}
    .BornHS__Wrapper .BornHS__Input + .BornHS__Label {
      height: 18px;
      width: 18px;
  }

  .compass-list li {
    padding-left: 50px;
  }


    .service-well li.nav-item {
      width: 50% !important;
      margin-right: 0px !important;
  }
  .service-well .nav-tabs {
    padding-top: 0px;
}
    .office-interact .row.content-box.right, .office-interact .row.content-box.circ1 {
      left: 16% !important;
  }
    .row.move-2 {
      right: 35% !important;
  }
  .row.move-1 {
    left: 35% !important;
}
.content-item-box.second {
  right: 41%;
  left: unset;
}
  .content-item-box.three {
    left: 44% !important;
}

    img.mob-display {
      margin: auto !important;
  }
    .box2line-contsctn-rgt .text {
      width: 270px;
  }
  .box2line-contsctn-rgt .text {
    height: 205px;
  }
    .consumer-main.enabler-banner-bg {
      background-position: 22% !important;
  }
    .box2line-contsctn-rgt:hover .overlay {
      width: 100%;
  }
  .box2line-sctn .row .box2line-col {
    border: 0px solid #fff;
}

  .second-line-box {
    border-bottom: 1px solid #e0e0e0;
}
.box2line-contsctn-rgt {
  position: relative;
  width: 100%;
  height: 100%;
}
    .box2line-sctn .row .box2line-col {
      width: calc(100% - 0px);
  }
 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
      top: 45px;
    }
  .glc-mob {
      display: block;
      padding-bottom: 20px !important;
    }
    section.main-banner.banner-resp {
      padding: 40px 30px 0px 30px !important;
  }

    .svcadd-pitch {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
    }


    .lookbook-grid-2 {
      grid-template-columns: repeat( 1, minmax( 175px, 1fr ) );
    }

    .resouces-sctn {
      margin-top: 0px;
  }

    .text-34.details-sec {
      padding-bottom: 10px;
  }
    .touchpoints-carousel .owl-dot {
      width: 33%;
  }
  
  img.svctp-img {
    margin: 0 auto;
    width: 30% !important;
  }

    hr.hr-line-thick {
      margin: 10px 30px !important;
  }
    section#cp-testimonial button.owl-next span:before {
      left: 17px;
      top: 0px;
    }
    section#cp-testimonial button.owl-prev span:before {
      left: 14px;
      top: 0px;
    }
    .trends-img img {
      width: auto !important;
      max-width: fit-content;
    }
    .trends-img-right img {
      width: auto !important;
      max-width: fit-content;
    }
     
    .trends-img-right2 img {
      width: auto !important;
      max-width: fit-content;
    }
    .trends-img-right3 img {
      width: auto !important;
      max-width: fit-content;
    }
  
    #cp-testimonial .owl-carousel .owl-next, #cp-testimonial .owl-carousel .owl-prev {
      width: 40px;
      height: 40px;
    margin: 5px;
    }
    .percent-main-box .d-flex {
      display: -ms-flexbox!important;
      display: block!important;
    }
    .trends-equal-box{
      height: auto !important;
     
    }
    .section.winning {
      padding-bottom: 20px !important;
  }
  .right-section-cont {
    padding-right: 0px !important;
}
.section.success-slider {
  padding: 40px 30px 0px !important;
}
    img.for-desktop {
      display: none !important;
  }
  img.for-mobile {
    display:block !important;
  }
    header .desk-menu .menu-container .menu-header-container ul {
      padding: 10px 20px!important;
  }
  header .desk-menu .menu-container .menu-head {
    padding: 13px 20px !important;
}
    .navbar-custom {
      padding: 0px 20px !important;
    }
    .strat {
      background-position: 25% !important;
  }
  div#header-sroll {
    right: 15px !important;
}
.multi-lingual {
  right: 16% !important;

}
.search-main {
  right: 28% !important;
}
.search-main img {
  padding: 12px 0px !important;
  width: 38px;
}
    table.dnb-table tr td {
      font-size: 14px;
      line-height: 24px;
  }
    .success-slider .col-lg-4.col-md-4.col-sm-5 {
      width: 100%;
  }
  .success-slider .col-lg-8.col-md-8.col-sm-7 {
      width: 100%;
  }
    .padding-sides {
      padding-left: 30px !important;
      padding-right: 30px !important;
  }
    .footer-right {
     padding: 40px 30px !important;
  }
  .footer-left {
    padding: 49px 30px !important;
}
    .slider-text {
      left: 30px !important;
  }
  
  .section {
    width: 100%;
    padding: 40px 30px !important;
}


.section.main-banner.cp-resp-banner {
  padding: 40px 30px 10px !important;
}
h2.banner-heading {
  font-size: 20px;
  line-height: 27px;
}
.content-details {
  padding-left: 0px;
  padding-right: 0px;
}  
.item1.f-item.vertical-bottom.box-insights, .item2.f-item.vertical-bottom.box-insights, .item3.f-item.vertical-bottom.box-insights, .item4.f-item.vertical-bottom.box-insights, .item5.f-item.vertical-bottom.box-insights {
padding-top: 40px;
}
.bannerimage-text img {
width: 22% !important;
left: -45%;
}
h3.bannertitle-18 {
padding-right: 30% !important;
top: 20%;
left: -32px;
font-size: 14px;
  line-height: 19px;
}
.kc-main-sec .kc-left2col {
padding: 10px 0 15px 0px;
}

/** Individual Service Page**/
.service-banner-text {
  padding: 20px !important;
}
.service-banner-text
 {
   padding-right: 20px !important;
   margin-top: 20px;
  }
  .service-banner h2.banner-heading {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 5px !important;
  }
  .service-banner .text-sec-18 p {
    font-size: 12px !important;
    line-height: 20px !important;
  }
  .service-banner .right-arrow-links {
    font-size: 12px;
    margin-top: 15px;
    line-height: 18px;
}
.right-arrow-links a:after {
  top: 1px;
  
}
.right-arrow-links a:after {
  margin-left: 8px;
}
.service-banner .owl-dots {
  left: 40%;
}
.service-banner-text
 {
   padding-right: 20px !important;
   margin-top: 50px;
  }
  .svc-overview{
    padding-bottom: 0px !important;
  }
  img.searchInputIcon {
    width: 35px !important;
    Height: 35px !important;
  }
span.service-ph {
  padding: 18px 20px 15px 20px;
}
.searchInput {
  margin-left: -10px;
}
.searchInput {
  width: 14rem;
}
.searchInput::placeholder {
  color: #000000;
  font-size: 12px;
  line-height: 24px;
}
span.service-ph {
  font-size: 12px;
  line-height: 24px;
}
.searchInputIcon {
  left: 16rem;
  top: 0.7rem;
}
.service-banner-text .banner-right-arrow a:after{
  display: none !important;
}
.service-banner-text a.banner-btn.banner-btn-bg {
  padding: 10px 15px 10px 15px;
}
.banner-right-arrow {
  font-size: 14px;
  line-height: 24px;
}
.ap-img img {
  width: 75%;
}
#add-pitch-popup .add-pitch-head {
  padding-left: 5px;
}
#add-pitch-popup .add-pitch-head h4 {
  font-size: 12px;
  line-height: 22px;
}
#add-pitch-popup .pitch-services {
  padding-right: 20px;
  font-size: 12px;
  line-height: 16px;
}

.pitch-resources {
  font-size: 12px;
  line-height: 16px;
}
#add-pitch-popup hr.hr-line {
  margin-bottom: 15px !important;
}

#add-pitch-popup .ap-popup-filter {
  margin-bottom: 15px;
 padding: 10px 10px;
}

#add-pitch-popup .ap-popup-inner {
  margin-bottom: 15px;
 padding: 10px 10px;
}
#add-pitch-popup .pitch-btns {
  padding-top: 10px;
}
#add-pitch-popup .popup {
  padding: 20px;
}
#add-pitch-popup .ap-popup-filter p {
font-size: 12px;
  line-height: 16px;
  margin-bottom: 0px !important;
}
#add-pitch-popup button.done-btn {
  font-size: 12px;
  line-height: 18px;
padding: 5px 20px;
}

#add-pitch-popup button.create-pitch-btn {
  padding: 5px 20px;
  font-size: 12px;
  line-height: 18px;
}
#add-pitch-popup .popup h2 {
  font-size: 16px;
  line-height: 28px;
}

/* ----------------------------------------------------------------- */

.ss-stories p {
  padding-bottom: 10px;
}

.abt-overview-3box .col-md-4 img {
  margin: 0 auto;  
}

.abt-overview-3box .col-md-4 {
  text-align: center;
}

#value-proposition .col-md-3 {
  text-align: center;
}

.abt-overview-4box .col-md-3 img {
  margin: 0 auto;
}

.abt-overview-4box .col-md-3 {
  text-align: center;
}


.abt-blu-img-sctn .pd-lft-60 {
    padding-left: 10px !important;
}

.abt-blu-img-sctn img {
  margin-bottom: 50px;
}

.box3line-banner-bg {
  height: 920px !important;
}

.box3line-banner .custcol-4 {
  height: 900px;
}

.abt-overview-4box .col-md-3 {
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.abt-overview-3box .col-md-4 {
  max-width: calc(100% - 20px) !important;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.mult-colr-tag-box {
  display: flex;
  flex-wrap: wrap;
}

.mult-colr-tag {
  margin-bottom: 7px;
}

#value-proposition .col-md-3 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
} 

.abt-IFM-model-4box .col-md-3 {
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

/* ----------------------------------------------------------- */

.area-white-banner.banner-text {
  padding: 30px 30px !important;
}

/* ----------------------14/Sep/2021-------------------------------- */
.service-details-div {
  height: auto !important;
}

.servicedetails-8box .ms-sm4, .servicedetails-8box .ms-lg2  {
width: 100%;
}

img.svctp-img {
width: 50%!important;
}

}


@media screen and (max-width: 400px) {
  .hotspot-360.BornHS__Wrapper .BornHS__Modal__Content {
    width: 300px !important;
}
  .office-interact .row.content-box.right {
    left: 11% !important;
    bottom: 25% !important;
}
.office-interact .row.content-box.circ1 {
  left: 11% !important;
  top: 20% !important;
}

  .lookbook-grid-2 {
    grid-template-columns: repeat( 1, minmax( 150px, 1fr ) );
  }

  a.banner-btn.banner-btn-bg {
    padding: 10px 10px 10px 10px;
}
.enabler-banner-bg .right-arrow-links.banner-right-arrow a:after {
  display: none !important;
}
  .multi-lingual {
    right: 16% !important;
}
a.navbar-brand.logo.text-uppercase {
  width: 100px !important;
}
  span.service-ph {
    padding: 20px 10px 16px 10px;
  }
  .searchInputIcon {
    left: 13rem;
    top: 0.7rem;
}
img.searchInputIcon {
  width: 35px !important;
    Height: 35px !important;
}
.searchInput {
  width: 12.4rem;
}
.searchInput::placeholder {
  color: #000000;
  font-size: 10px;
  line-height: 20px;
}
span.service-ph {
  font-size: 10px;
  line-height: 20px;
}
.search-main {
  right: 30% !important;
}
  }

  @media screen and (max-width:380px) { 
    .content-item-box.second {
      right: 40%;
      left: unset;
  }
    .office-interact .row.content-box.right {
      left: 7% !important;
  }
  .office-interact .row.content-box.circ1 {
    left: 7% !important;

  } 
  .content-item-box.three {
    left: 40% !important;
}
  }
@media screen and (max-width: 359px) {
  .hotspot-360.BornHS__Wrapper .BornHS__Modal__Content {
    width: 280px !important;
}

  .BornHS__Wrapper .BornHS__Modal__Content {
    width: 260px;
}
  .row.move-2 {
    right: 30% !important;
}
.row.move-1 {
  left: 30% !important;
}
  .content-item-box.second {
    right: 35%;
    left: unset;
}
  .office-interact .row.content-box.right {
    left: 12% !important;
}
.office-interact .row.content-box.circ1 {
  left: 12% !important;

} 
.content-item-box.three {
  left: 35% !important;
}
  section#introp-banner {
    height: 1150px;
  }

.banner-right-arrow {
  font-size: 13px;
  line-height: 22px;
}
.head-home-icon {
  margin-right: 10px;
}
.multi-lingual {
  right: 17% !important;
}
.search-main {
  right: 33% !important;
}
.head-home-icon img {
  width: 24px;
}
.navbar-custom {
  padding: 0px 10px !important;
}
.head-home-icon {
  padding: 16px 10px 16px 0px !important;
}
header .hamburger-menu .bar {
  right: -7px;
}
#add-pitch-popup button.create-pitch-btn {
  padding: 5px 10px;
}
.add-pitch-popup .popup .close {
  position: absolute;
  top: -2px;
  right: 3px;
}
#add-pitch-popup .popup .close {
  font-size: 35px;
}
.office-interact .row.content-box {
  width: 260px;
}
.office-interact .row.content-box.circ1 {
left: 9% !important;
top: 18% !important;
}
.office-interact .row.content-box.right {
left: 9% !important;
}
.row.move-1 {
top: -2%;
}
.service-well li.nav-item {
  margin-right: 15px;
}
.of-eight-box h2 {
  font-size: 15px;
}
.of-eight-box ul.bottom-dots li::before {
  content: "■";
  color: #F37A6C;
  display: inline-block;
  height: 0.55rem;
  width: 0.55rem;
  font-size: 15px;
  position: absolute;
  top: -2px;
  left: 0;
}
ul.bottom-dots li {
padding-left: 12px;
}
.of-eight-box .bottom-dots li {
  font-size: 9px !important;
}
ul.side-tabs-typical li {
  margin: auto;
  width: 50%;
  text-align: left;
  padding: 5px !important;
}
}

@media screen and (max-width: 320px) {
  .cj-slid-video {
    width: 370%;
  } 
}


/* 17/9/21  */     