.solution-page.csd-page .jumbotron {
    background: url(../images/solution/csd/csd-hero.webp) center center no-repeat;
    min-height: unset;
    position: relative;
    background-size: cover;
    padding: 100px 0;
    min-height: 800px;
}
.hero-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1;
    top: 0;
    left: 0;
}
.hm-hor-block {padding: 0;margin:0;min-height: unset;}
.product-f-box {padding: 0;}
.landing-page.csd-page .jumbotron h1 {text-align:left;color: #fff;}
.landing-page.csd-page .breadcrumb li, .landing-page.csd-page .breadcrumb li a {color:#fff;z-index: 1;}
.breadcrumb-item+.breadcrumb-item::before {color: #fff;}
.our-services-block {
    background-image: url(../images/solution/csd/high-rise.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    background-size: cover;
}
.our-services-block .row {align-items:center;}
.our-services-block .service-left-content h2 {
    color: #fff;
    margin-bottom: 30px;
    letter-spacing: .8px;
    font-family:'Open Sans', sans-serif!important;
    font-weight: 400;
    text-transform: unset;
    text-align: left;
}
.our-services-block .service-left-content p {
    font-size: 17px;
    color: #999;
    margin-bottom: 0;
    font-family:'Open Sans', sans-serif!important;
    line-height: 36px;
    letter-spacing: .3px;
    padding-right: 8%;
    font-weight: 100;
}
.service-left-content a.button8 {
    margin-top: 105px;
}
.button8 {
    width: auto;
    min-width: 270px;
    padding: 0;
    font-size: 15px;
    color: #fff;
    background: #478cc6;
    display: inline-block;
    text-align: center;
    border-radius: 0;
    text-transform: uppercase;
    font-family:'Open Sans', sans-serif!important;
    font-weight: 400;
    line-height: 46px;
    border: 2px solid #478cc6;
}
.our-services-block .service-exp-degn-block {
    width: 100%;
    position: relative;
    z-index: 2; 
}
.our-services-block .service-exp-degn-block ul {
    list-style: none;
    width: 26.50%;
    background: #373c48;
    padding: 31px 0 37px;
    float: left;
    height: 605px;
}
.our-services-block .service-exp-degn-block ul li .exp-dign-discription h3 {
    color: #636363;
    font-family:'Open Sans', sans-serif!important;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 21px;
    line-height:1.2;
    max-width:100%;
}
.our-services-block .service-exp-degn-block ul li .exp-dign-discription p {
    font-size: 16px;
    color: #000;
    letter-spacing: 1px;
    line-height: 1.5;
    font-family:'Open Sans', sans-serif!important;
    font-weight: 100;
    max-width:100%;
    margin-bottom: 10px;
}
.our-services-block .service-exp-degn-block ul li.active a:after {
    left: 99%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136,183,213,0);
    border-left-color: #373c48;
    border-width: 9px;
    margin-top: -9px;
    z-index: 1;
}
.our-services-block .service-exp-degn-block ul li a.nxt_btn {color:#f26b2b;width:auto;padding: 0;background-color: #fff;}
.our-services-block .service-exp-degn-block ul li a.nxt_btn:after {content: none;}
.mobile-nxt-btn {display: inline-flex;align-items:center;font-size: 20px;color:#f26b2b;cursor: pointer;}
.mobile-nxt-btn:hover {cursor: pointer;color:#f26b2b;}
.mobile-nxt-btn .fa {margin-left: 10px;}

.our-services-block .service-exp-degn-block {
    width: 100%;
    position: relative;
    z-index: 2;
}
.hide {
    display: none!important;
}
.design_blk {
    overflow: hidden;
}
.fullwidth {
    width: 100%;
    float: left;
}
.our-services-block .service-exp-degn-block ul li .exp-dign-discription {
    position: absolute;
    right: 15px;
    width: 71.55%;
    background-color: #fff;
    top: 0;
    padding: 30px;
    display: none;
    height: 605px;
    overflow-y:auto;  
}
.exp-dign-discription-inner {height:520px;justify-content: center;display: flex;flex-flow: column nowrap;}

.our-services-block .service-exp-degn-block ul li a {
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    opacity: .4;
    padding: 15px 20px;
    display: inline-block;
    letter-spacing: 1.66px;
    position: relative;
    text-decoration: none;
    width: 100%;
    font-family:'Open Sans', sans-serif!important;
    font-weight: 400;
}
.show {
    display: block;
}
.our-services-block .service-exp-degn-block ul li.active .exp-dign-discription {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.our-services-block .service-exp-degn-block ul li.active a {
    opacity: 1;
}

.exp-dign-discription::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.exp-dign-discription::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.exp-dign-discription::-webkit-scrollbar-thumb
{
	background-color: #616a80;
	border: 1px solid #555555;
}

.csd-slider {display:none;}

.ir-prep .vdo-wrap .caption h1 {font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1920 - 320)));}
.csd-page h2, .client-success h2, .ots-inner-wrap .img-wrap h2 {font-size: calc(26px + (35 - 26) * ((100vw - 320px) / (1920 - 320)));text-align: center;text-transform: capitalize;color: #000;font-family: 'Roboto Condensed', sans-serif!important;font-weight: 500;}
.hm-hor-block h2 span,
.csd-page h2 span {
    width: 50px;
    margin: 10px auto 0;
    display: block;
    text-align: center;
    border-top: 3px solid #f26b2b;
}
.bf-mt-2 {margin-top: calc(2rem + 1vw) !important;}
.bf-mb-2 {margin-bottom: calc(2rem + 1vw) !important;}
.bf-my-2 {margin-top: calc(2rem + 1vw) !important; margin-bottom: calc(2rem + 1vw) !important;}
.bf-py-2 {padding-top: calc(2rem + 1vw) !important; padding-bottom: calc(2rem + 1vw) !important;}
p, .solution-page .top-desc p,
.off-the-shelf p, .ots-inner-wrap .txt-wrap ul li {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
    line-height: 1.5;
    max-width: 100%;
    margin: 0 0 10px;
}
.ots-inner-wrap img {max-width:100%;}
.hire-inner-wrap .txt-wrap h3, .csd-single .csd-single-inner .txt-wrap h3 {margin-bottom: 20px;font-weight: 600;text-align: left;font-size: calc(20px + (22 - 20) * ((100vw - 320px) / (1920 - 320)));line-height:1.2;font-family: 'Open Sans', sans-serif!important;text-transform:none;}
.csd-grey-wrap-inner .img-wrap ul li h3 {
    font-size: 20px;
    margin-top: 10px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif!important;
    text-transform: none!important;
    line-height:1.2;
}
.csd-faq-q, .csd-page h3.csd-faq-q {border: none;margin: 0!important;width: auto;text-align: left!important;font-family: 'Open Sans', sans-serif!important;text-transform: none!important;color:#333;line-height:1.5;border-top: none!important;}


.csd-page .wbd-wrap {margin-top: 100px;}
.csd-page .wbd-wrap .wbd-inner {margin: 100px 0;}
.csd-page .wbd-wrap .wbd-inner h3 {text-align: left;}
.csd-page .wbd-inner {display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;}
.csd-page .wbd-inner .txt-wrap {flex-basis: 50%;padding: 0 15px;}
.csd-page .wbd-inner .txt-wrap h3 {font-weight: 600;font-size: 22px;margin-bottom: 20px;text-align:left;max-width:100%;font-family: 'Open Sans', sans-serif!important;line-height:1.2;text-transform: capitalize;}
.csd-page .wbd-inner .txt-wrap p {margin-bottom:15px; text-align:justify;max-width:100%;}
.csd-page .wbd-inner .img-wrap {flex-basis: 45%;display: flex;align-items: center;justify-content: center;position: relative;padding: 0 15px;}
/*.csd-page .wbd-inner .img-wrap img {max-height: 300px;width: auto;}*/




@media all and (-ms-high-contrast:none) {
  .csd-grey-wrap-inner .txt-wrap {flex-basis:63%;}
  .csd-grey-wrap-inner .img-wrap ul li h3 {max-width:100%;}
  .right-img-wrap .hire-circle-img, .left-img-wrap .hire-circle-img {margin-top:-50px;}
  .csd-page .wbd-inner .txt-wrap {flex-basis: 48%;}
  .csd-page .wbd-inner .img-wrap {flex-basis: 45%;overflow:hidden;}
}
@media screen and (max-width:1440px) {
  .our-services-block .service-exp-degn-block ul li .exp-dign-discription {width: 71.20%;}
  .our-services-block .service-exp-degn-block ul li a,
  .our-services-block .service-exp-degn-block ul li a.title {font-size: 14px;}
}
@media screen and (max-width:1366px){ 
  .our-services-block .service-exp-degn-block ul li .exp-dign-discription {
      width: 72.75% !important;
  }
  .our-services-block .service-exp-degn-block ul li a {font-size: 14px;}
}
@media screen and (max-width:1280px) { 
  .our-services-block .service-exp-degn-block ul li .exp-dign-discription {width: 70.75%;}
}
@media screen and (max-width:1024px) { 
  .our-services-block .service-exp-degn-block ul li .exp-dign-discription {width: 71%;height: 635px;}
  .exp-dign-discription-inner, .our-services-block .service-exp-degn-block ul {height:635px;}
  .our-services-block .service-exp-degn-block ul {width:26.60%;}
  .our-services-block .service-exp-degn-block ul li .exp-dign-discription h3 {font-size:26px;}
  .ots-inner-wrap .img-wrap {padding: 50px 10px;}
  .ots-inner-wrap .txt-wrap {padding-left: 15px;}
  .ots-inner-wrap .img-wrap, .ots-inner-wrap .txt-wrap, .csd-grey-wrap-inner .txt-wrap,
  .csd-grey-wrap-inner .img-wrap, .hire-inner-wrap .txt-wrap, .hire-inner-wrap .img-wrap,
  .hire-inner-wrap .right-img-wrap, .hire-inner-wrap .left-img-wrap {flex-basis:100%;}
  .ots-inner-wrap .img-wrap {text-align:center;}
  .csd-grey-wrap-inner .img-wrap {justify-content:center;}
  .hire-big-img {flex-basis: 100%;width: 100%;margin-bottom: 20px;}
  .right-img-wrap .hire-circle-img,.left-img-wrap .hire-circle-img {top: -50px;left: calc(50% - 50px);}
  .hire-inner-wrap .right-img-wrap img, .hire-inner-wrap .left-img-wrap img {max-width: 100%;}
  .hire-inner-wrap {padding: 0; margin: 75px 0;}
  .csd-slider {display: block;padding: 15px 0px;overflow: hidden;}
  .our-services-block {display: none;}
  .csd-page .wbd-inner .img-wrap, 
  .csd-page .wbd-inner .txt-wrap  {flex-basis:100%;}
  .csd-page .wbd-inner .img-wrap img {margin-bottom: 20px;}
  .csd-page .wbd-inner {margin: 50px 0;}
  .csd-page .wbd-inner .img-wrap {justify-content:center;}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
/*   .our-services-block .service-exp-degn-block ul.show, .service-left-content .button8 {display: none!important;} */
  .our-services-block .service-exp-degn-block ul li a {font-size: 14px;}
  .our-services-block .service-exp-degn-block ul li .exp-dign-discription {width: 70%;}
  .service-left-content {background-color: #2c313e;padding: 30px 15px;width: 100%;float: left;}
  .our-services-block {padding-top:50px;padding-bottom:50px;}
  .our-services-block .container .row {align-items:center;}
  .ots-inner-wrap .img-wrap {flex-basis: 100%;justify-content: center;display: flex;flex-direction: column;}
  .ots-inner-wrap .txt-wrap, .csd-grey-wrap-inner .img-wrap {flex-basis: 100%;}
  .csd-grey-wrap-inner .txt-wrap {flex-basis: 100%;padding-right:0;} 
  .csd-grey-wrap-inner .img-wrap ul li h3 {margin-top:20px;}
  .our-services-block .service-left-content p {padding-right:0;line-height:1.5;}
  .our-services-block .service-left-content h2 {font-size:24px;}
  .our-services-block .service-exp-degn-block ul li.active a:after {left: 99%;}
  
      .service-exp-degn-block.hide {
        display: block!important; 
        background-position: left top;
        background-repeat: no-repeat;
        width: 100%;
        float: left;
        padding: 30px;
        margin-top: -1px;
        background-size: 100% 100%;
    } 
  .design_blk {
    background-color: #fff;
    margin-top: -170px;
}
/*  .owl-controls .owl-buttons {*/
/*    position: absolute;*/
/*    top: 50px;*/
/*    width: 100%;*/
/*    padding: 0 15px;*/
/*}*/
/*  #owl-demo .owl-controls .owl-buttons .owl-prev {*/
/*    float: left;*/
/*    left: 0;*/
/*    margin: 0;*/
/*    background-position: -173px -136px;*/
/*}*/

  .design_blk p {
    font-size: 16px;
    color: #000;
    font-weight: 100;
    letter-spacing: 1px;
    line-height: 36px;
    font-family: montserratultra_light;
    padding: 30px;
    margin: 0;
}
  .title_txt h3 {
    color: #d09228;
    text-align: center;
    line-height: 44px;
    text-transform: uppercase;
    font-family: Roboto;
    font-size: 24px;
}
/*   .our-services-block {background-image:none;} */
  /*.owl-carousel .item {width:auto; height:auto; background-color:#ccc;max-width:100%;padding:50px;}*/
}
@media screen and (max-width:768px) {
  .our-services-block .container {padding:0;}
  .ots-inner-wrap .txt-wrap {padding-left:0;}
  .hire-inner-wrap .txt-wrap {padding: 0 10px;}
  .our-services-block .service-exp-degn-block ul li .exp-dign-discription,
  .exp-dign-discription-inner, .our-services-block .service-exp-degn-block ul {height:740px;}
}
@media screen and (max-width:767px) {
  .col-xs-12 {width:100%;flex: 0 0 100%;max-width: 100%;}
.service-exp-degn-block.hide {display: block!important;background-image: url(../images/solution/csd/high-rise-mobile.jpg);background-position: left top;background-repeat: no-repeat;width: 100%;float: left;padding: 30px;margin-top: -1px;background-size: 100% 100%;} 
.ots-inner-wrap .img-wrap {flex-basis: 100%;padding: 20px 15px;display: flex;flex-direction: column;}
.ots-inner-wrap .txt-wrap {flex-basis: 100%;}
.ots-inner-wrap .img-wrap h2 {font-size: 26px;}
.csd-grey-wrap-inner .txt-wrap {flex-basis: 100%;padding-right: 0;}
.csd-grey-wrap-inner .txt-wrap h2 {text-align: left;font-size: 26px;}
.csd-grey-wrap-inner .img-wrap ul li h3 {font-size: 16px;}
.csd-grey-wrap-inner .img-wrap ul li {padding: 10px 20px;}
.csd-single .csd-single-inner {flex-flow: column nowrap;}
.csd-single .csd-single-inner .txt-wrap {padding-left: 0;padding-top: 20px;}
.csd-single .csd-single-inner .txt-wrap h4 {text-align: center;width: 100%;margin-bottom:10px;}
.hire-inner-wrap {flex-flow: column nowrap;}
.hire-inner-wrap .txt-wrap {flex-basis: 100%;order: 2;margin-top: 20px;}
.hire-inner-wrap .right-img-wrap, .hire-inner-wrap .left-img-wrap{flex-basis: 100%;align-items: flex-start;justify-content: center;
order: 1;}
.right-img-wrap .hire-circle-img {left:calc(50% - 50px);margin-top: -50px;}  
.left-img-wrap .hire-circle-img {right:calc(50% - 50px);margin-top: -50px;}
.hire-inner-wrap {padding: 30px 0;}
.our-services-block .service-exp-degn-block ul.show, .service-left-content .button8 {display: none!important;}
  .our-services-block {background-image:none;}
  .service-left-content {background-color: #2c313e;padding: 30px 15px;width: 100%;float: left;}
  .our-services-block {padding-top: 0;padding-bottom: 0;margin-bottom:0;}
  .our-services-block .service-left-content h2 {font-size:20px;text-align:center;}
  .our-services-block .service-left-content p {line-height:1.75;padding-right:0;}
  .landing-page.csd-page .jumbotron h1 {width: 100%;}
  .solution-page.csd-page .jumbotron {padding: 20px 15px;}
  .csd-page .wbd-inner .txt-wrap, 
  .csd-page .wbd-inner .img-wrap {flex-basis:100%;}
  .csd-page .wbd-inner .txt-wrap {order: 2;}
  .csd-page .wbd-inner .img-wrap {margin-bottom: 15px;}
  .landing-page.csd-page .jumbotron .container {min-height: 240px;}
}
@media screen and (max-width:599px) {
  .service-exp-degn-block.hide {
    padding: 20px;
    min-height: 335px;
    background-size: 100% 100%!important;
  } 
  .hire-big-img {flex-basis: 100%;width: 100%;}
  .hire-inner-wrap .right-img-wrap img, .hire-inner-wrap .left-img-wrap img {max-width: 100%;}
  .hire-inner-wrap .txt-wrap {padding: 0;}
}
@media screen and (max-width:540px) {
}
/*@media screen and (max-width:375px) {*/
/*    .csd-slider .owl-carousel h3 {font-size:20px;}  */
/*  }*/
/*@media screen and (max-width:375px) and (max-height:812px) {*/
/*  .csd-slider .owl-buttons {top: 30%;}*/
/*}*/
@media screen and (max-width:414px) {
  .landing-page.csd-page .jumbotron .container {min-height: 280px;}
  .landing-page.csd-page .title-overlay {min-height: 350px;}
  .solution-page.csd-page .jumbotron {
    background: url(../images/solution/csd/csd-hero-mobile.webp) center center no-repeat;
    min-height: 450px!important;
  }
}
@media screen and (max-width: 375px) { 
  .csd-page .title-overlay {padding: 30px 15px;}
  .landing-page.csd-page .jumbotron h1 {font-size: 20px;}
  .landing-page .jumbotron .title-overlay p.title-overlay-p {font-size: 14px!important;}
}