@charset "utf-8";
/*
Document Type	:Case Study Section
Created on		:01/08/2020
Updated on		:01/08/2020
Created by		:Bhargav Joshi
*/

html { scroll-behavior:smooth; }
.mb30{margin-bottom:30px!important}
@media only screen and (max-width:1367px){
	.mb30{margin-bottom:15px!important}
}

.gradient1 { background-image:linear-gradient(110deg, #a55ccb 0, #0a46cf 100%) }
.gradient1-half { background-image:linear-gradient(110deg, #9f5bcb 0, #0a47cf 50%, #0a47cf 100%) }
.gradient1-vertical { background-image:-webkit-gradient(linear, left top, left bottom, from(#a55ccb), to(#0a46cf)); background-image:linear-gradient(180deg, #a55ccb 0, #0a46cf 100%) }
.gradient2 { background-image:linear-gradient(110deg, #e99019 0, #e62f4a 100%) }
.gradient2-half { background-image:linear-gradient(110deg, #e98d1a 0, #e62f4a 50%, #e62f4a 100%) }
.gradient2-vertical { background-image:-webkit-gradient(linear, left top, left bottom, from(#e99019), to(#e62f4a)); background-image:linear-gradient(180deg, #e99019 0, #e62f4a 100%) }
.gradient3 { background-image:linear-gradient(110deg, #e62f4a 0, #73136e 100%) }
.gradient3-half { background-image:linear-gradient(110deg, #e62f4a 0, #73136E 50%, #73136E 100%) }
.gradient3-vertical { background-image:-webkit-gradient(linear, left top, left bottom, from(#e62f4a), to(#73136e)); background-image:linear-gradient(180deg, #e62f4a 0, #73136e 100%) }
.gradient4 { background-image:linear-gradient(110deg, #ddd005 0, #23870a 100%) }
.gradient4-half { background-image:linear-gradient(110deg, #ddd005 0, #23870a 50%, #23870a 100%) }
.gradient4-vertical { background-image:-webkit-gradient(linear, left top, left bottom, from(#ddd005), to(#23870a)); background-image:linear-gradient(180deg, #ddd005 0, #23870a 100%) }

.img-box-container{margin:15px auto 30px}
.img-border{ border:1px solid rgba(76,80,86,.2); padding:15px; box-sizing:border-box; background-color:#fff}
.figcaption{border:.063rem solid rgba(204,204,204,0.5); position:relative; font-size:14px; line-height:normal; display:block; margin:3px auto 0 auto; width:100%; background:#f5f5f5; color:#252b33; padding:6px 20px; text-align:center; box-sizing:border-box;}

.screen-reader-text { border:0; clip:rect(1px,1px,1px,1px); -webkit-clip-path:inset(50%); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute!important; width:1px; word-wrap:normal!important; }
.back-button{ height:50px; width:50px; background:url(images/back-arrow.png) no-repeat center top; display:block; background-size:100% auto; margin-bottom:30px}
@media only screen and (max-width:1367px){
	.back-button{ height:40px; width:40px; margin-bottom:15px}
}

/*--- Case Study Heade Section ---*/
.case-study-header{padding:150px 0 50px;}
.case-study-header h1{ font-size:60px; color:#252b33; font-weight:400; line-height:72px; letter-spacing:-1px; font-family:"Oswald", sans-serif; display:block; margin-bottom:25px; }
.case-study-header-container{ display:flex; flex-direction:row; align-items:center; justify-items:center; }
.hero-img-container{display:flex; text-align:center; height:450px; width:450px; margin:0 auto; flex-direction:column; align-content:center; align-items:center; justify-items:center; justify-content:center;}
.hero-img-container img{width:100%; height:auto;}
@media only screen and (max-width:479px){
	.case-study-header h1{ letter-spacing:-0.5px; margin-bottom:25px; font-size:30px; line-height:44px; }
}
@media only screen and (min-width:480px) and (max-width:639px) {
	.case-study-header h1{ letter-spacing:-0.5px; margin-bottom:25px; font-size:34px; line-height:48px; }
}
@media only screen and (min-width:640px) and (max-width:767px) {
	.case-study-header h1{ letter-spacing:-0.5px; margin-bottom:25px; font-size:40px; line-height:54px; }
}
@media only screen and (max-width:767px){
	.hero-img-container{width:70%; margin:30px auto 10px; max-height:230px;}
	.hero-img-container img{height:100%; width:auto}
	.case-study-header{padding:100px 10px 15px 10px}
	.case-study-header-container{ display:flex; flex-direction:column; align-items:center; justify-items:center; }
}
@media only screen and (min-width:768px) and (max-width:1350px) {
	.case-study-header-container{ flex-direction:row; flex-wrap:wrap }
	.case-study-header-container .width60{ width:70%; -ms-flex:0 0 70%; flex:0 0 70%; margin:0 auto; padding:0 0; max-width:inherit; }
	.case-study-header-container .width40{ width:30%; -ms-flex:0 0 30%; flex:0 0 30%; margin:0 auto; padding:0 0; max-width:inherit; }
	.case-study-header{padding:100px 20px 25px 20px}
	.hero-img-container{width:100%; margin:30px auto 10px; max-height:230px;}
	.hero-img-container img{height:100%; width:auto}
	.case-study-header h1{ letter-spacing:-0.5px; margin-bottom:25px; font-size:44px; line-height:56px; }	
}
@media only screen and (min-width:1351px) and (max-width:1500px) {
	.case-study-header-container{ flex-direction:row; flex-wrap:wrap }
	.case-study-header-container .width60{ width:60%; -ms-flex:0 0 60%; flex:0 0 60%; margin:0 auto; padding:0 0; max-width:inherit; }
	.case-study-header-container .width40{ width:40%; -ms-flex:0 0 40%; flex:0 0 40%; margin:0 auto; padding:0 0; max-width:inherit; }
	.case-study-header{padding:100px 20px 25px 20px}
	.hero-img-container{width:100%; margin:30px auto; height:330px}
	.hero-img-container img{height:100%; width:auto}
	.case-study-header h1{ letter-spacing:-0.5px; margin-bottom:25px; font-size:50px; line-height:66px; }	
}


/* Page Interlinking Jumping Using UL */
.jumplink { overflow:hidden; background-color:#f2f2f2; width:100%; border:1px solid #e3e3e3; margin-bottom:10px; z-index:1095}
#jumplinkmenu{position:relative}
.jumplinksticky{position:fixed!important; top:90px;}
.jumplinkul{position:relative; margin:0; padding:0; list-style:none; display:flex; flex-direction:row; }
.jumplinkul li{position:relative; display:inline-block; width:calc(100% / 5); margin:0; padding:0}
.jumplinkul li a{display:flex; color:#000; padding:.313rem 1.25rem 0 1.25rem; text-decoration:none; font-size:17px; line-height:60px; height:60px; align-items:center; transition:all .15s ease; border-bottom:.313rem solid #f2f2f2;}
.jumplinkul li a:hover, .jumplinkul li a.activelink{ display:flex; border-bottom:.313rem solid #00baff; padding-top:.313rem!important; }
#mobile-handle{ position:absolute; height:auto; width:auto; background:#505050; right:10px; z-index:1; border:0; display:none; padding:12px; box-sizing:border-box; top:3px; } 
#mobile-handle:before{ content:"\0025BC"; font-size:16px; color:#fff; line-height:1; text-align:center; display:block; }


@media only screen and (min-width:319px) and (max-width:767px) {
	.jumplinksticky{top:60px;}
	.jumplinkul { max-height:60px; }
	#mobile-handle{display:block}
	.jumplinkul{flex-direction:column;}
	.jumplinkul li{display:none; width:100%}
	.jumplinkul li.activeli{display:block;}
	.jumplinkextract{max-height:100%}	
	.jumplinkextract li{display:block}
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
	.jumplinksticky{top:60px;}
	.jumplinkul li{text-align:center;}
	.jumplinkul li a{padding:5px; line-height:40px; font-size:14px; height:40px}
	.jumplinkul li a:hover, .jumplinkul li a.activelink{ padding-top:5px!important; }
}
@media only screen and (min-width: 1170px) and (max-width: 1370px) {
	.jumplinksticky{top:90px;}
	.jumplinkul li{text-align:center;}
	.jumplinkul li a{line-height:50px; font-size:17px; height:50px; padding:12px 12px 12px 12px}
}



/* Page Interlinking Jumping 
.jumplink-handle a.subnavlink:hover, .activelink-anchor a:hover, .activelink-anchor a{ display:flex; border-bottom:.313rem solid #00baff; padding-top:.313rem!important; }
.jumplink-handle a.subnavlink { display:flex; color:#000; padding:0 1.25rem 0 1.25rem; text-decoration:none; font-size:17px; line-height:60px; height:60px; align-items:center; }
/*@media only screen and (max-width:359px){ .jumplink{display:none} .activelink-anchor{display:block!important} .jumplink-handle{display:none} .jumplink{height:50px; top:60px} #mobile-handle{display:block} .slidemenu{height:auto;} .jumplink-handle-shuffle{display:block} .toggleicon:before{ content:"\0025B2"!important; } .jumplink-handle a.subnavlink{padding:.313rem 0 .313rem 0!important; height:50px; line-height:50px;}}*/

.hire-us-button{margin:0}
.hire-specialist{ background:#fd5636; color:#fff; }
.hire-specialist:hover{ background:#252b33; border-color:#252b33;}
.hire-specialist-border{ background:#fff; color:#fd5636;}
.hire-specialist-border:hover{ background:#fd5636; color:#fff}
.hire-specialist, .hire-specialist-border{ font-size:18px; line-height:18px; /*box-shadow:0 15px 20px 0 rgba(0,0,0,.1);*/ padding:18px 30px 20px 30px; text-align:center; cursor:pointer; font-family:Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; outline:0; margin:0 .5em 1em 0; display:table; -webkit-appearance:none; font-weight:600; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; transition:.3s ease-in-out; border:3px solid #fd5636; }
@media only screen and (max-width:479px){
	.hire-us-button{margin:0 auto; display:block!important; width:100%}
}
@media only screen and (max-width:800px) {
	.hire-specialist, .hire-specialist-border{ font-size:17px; line-height:17px; margin:0 auto 0 auto; display:block}
}

.cs-tag { background:#f6f6f6 url(images/cstags.svg); }
.cs-reading { background:#f6f6f6 url(images/time-stamp.svg); }
.cs-country { background:#fff url(images/cs-location.svg); }
.cs-tag, .cs-reading{line-height:1.4; background-size:auto 1em; background-repeat:no-repeat; background-position:left 12px top 12px; padding:10px 10px 10px 35px; margin:0 .5em 1em 0; list-style:none; width:100%; border-radius:4px; font-size:.8em; border:1px solid rgb(222, 222, 222, 0.4);}
.cs-country {line-height:1.4; background-size:auto 1em; background-repeat:no-repeat; background-position:left 12px top 12px; padding:10px 10px 10px 40px; margin:0 .5em 1.5em 0; list-style:none; width:100%; border-radius:4px; font-size:1.2em; border:1px solid rgb(222, 222, 222, 0.4);}

/* Case Study Overview */
.cs-introduction{padding:55px 0 75px 0; background-color:#eff8ff}
.cs-introduction h2{ font-size:50px; color:#004c75; font-family:"Oswald", sans-serif; display:block; line-height:64px; letter-spacing:-1px; margin:0 }
@media only screen and (max-width:767px){
	.cs-introduction{padding:15px; background-color:#eff8ff}
	.cs-introduction h2{ letter-spacing:-0.5px; margin-bottom:15px!important; font-size:36px; line-height:42px; }
}
@media only screen and (min-width: 768px) and (max-width: 1600px) {
	.cs-introduction{padding:30px 15px; background-color:#eff8ff}
	.cs-introduction h2{ letter-spacing:-0.5px; margin-bottom:15px!important; font-size:42px; line-height:54px; }	
}

#csinfo-container { display:block; position:relative; border:1px solid #fff; width:96% }
#csinfo-row { display:flex; height:100%; position:relative; background-color:#459ecf; text-align:left; font-size:18px; line-height:34px; font-weight:400; border-bottom:1px solid #fff; }
#csinfo-row.last-child{border-bottom:none}
.info-title { color:#fff; width:30%; }
.info-desc { background:#dff1ff; color:#546e7a; width:70%; margin-left:1px; }
.info-title, .info-desc { -webkit-align-self:center; align-self:center; padding:5px 15px; box-sizing:border-box; float:left; }
@media only screen and (min-width: 640px) and (max-width: 979px) {
	#csinfo-container{height:100%; width:100%}
	#csinfo-container{margin-bottom:30px}
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
	#csinfo-container{margin-bottom:30px}
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
	#csinfo-container{width:auto; float:none; max-width:100%}
}
@media only screen and (min-width: 359px) and (max-width: 639px) {
	#csinfo-container img{float:none; display:block!important; margin:25px auto 0px!important}
	#csinfo-row{font-size:16px; line-height:26px; }
	#csinfo-container{width:auto; float:none; max-width:100%; margin-bottom:30px}
	#csinfo-container img.width50 { width:70%; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
}
@media only screen and (min-width: 801px) and (max-width: 979px) {
	.info-title{width:34%}
	.info-desc{width:66%}
}
@media only screen and (max-width: 800px) {
	.info-title{width:42%}
	.info-desc{width:58%}
}
@media only screen and (min-width: 480px) and (max-width: 1600px) {
	#csinfo-container img{float:left; display:inline-block!important; margin:0 15px 0 auto!important; height:auto; width:46%;}
}


.related-services-top{margin-bottom:20px; margin-top:40px}
.related-services-top-head{ font-size:1.25rem; font-weight:300; margin-bottom:15px; text-transform:uppercase; font-family:"Oswald", sans-serif; color:#000 }
.case-study-service{ background-image:linear-gradient(104deg,#9d1e61,#6c1a62); border-radius:20px; color:#fff; display:inline-block; font-size:16px; font-weight:400; margin:0 10px 15px 0; padding:5px 20px; text-decoration:none;}
.case-study-service.activelink-service{ background-image: linear-gradient(104deg,#7352c7,#3349b9);}
.softwares-used{ display:flex; flex-direction:column; background:linear-gradient(90deg, rgb(255 255 255), transparent); padding:15px; width:auto; border-radius:10px 0px 0px 10px; -webkit-box-shadow:-10px -20px 30px 0 rgba(0,0,0,.04); box-shadow:-10px -20px 30px 0 rgba(0,0,0,.04);}
.softwares-used img{ border:1px solid #d6d6d6; background:#fff; padding:6px; display:inline-block; max-width:150px; height:auto; border-radius:4px; margin-right:15px; box-sizing:border-box;}
.software-image{ position:relative; width:auto; max-width:150px; mix-blend-mode:luminosity; margin:5px 20px; display:inline-block; }

.cs-client-message { border:2px solid #134c6b; padding:25px; margin:0 auto; color:#2b215f; font-size:1.44em; line-height:1.5; background:#fff; position:relative; border-radius:0px 0px 45px 0px}
.cs-client-message p{ font-size:20px; line-height:32px; font-style:italic; color:#363636; font-weight:500; font-family:"Times New Roman", Segoe UI, "Helvetica Neue", Helvetica, Arial, sans-serif }
.cs-client-message p:last-child{margin-bottom:0}
.cs-client-message:before { content:" "; display:block; border-top:.65em solid #134c6b; border-left:.84em solid transparent; border-right:.84em solid transparent; position:absolute; top:100%; right:8%; margin-left:-.84em;}
.cs-client-details{margin-right:15px}
.cs-client-name { font-size:18px; line-height:20px; color:#134c6b; font-weight:500; margin-bottom:10px; font-family:"Oswald", sans-serif; }
.cs-client-design { font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; line-height:20px; color:#737373; font-weight:300; margin-bottom:0; }

@media only screen and (min-width: 1024px){
	.softwares-used img{max-width:130px; margin-right:10px; margin-bottom:10px}
}

@media only screen and (min-width: 320px) and (max-width: 800px) {
	.cs-client-message{border:1px solid #134c6b; padding:15px;}
	.cs-client-message p{font-size:16px; line-height:26px}
}


.challanges-box-head, .business-needs-head, .eng-solution h2, .business-impact h2, .project-samples h2{ display:inline-block; color:#252b33; font-size:48px; padding-bottom:0; margin-bottom:30px; font-family:"Oswald", sans-serif; letter-spacing:-1px; }
/*.business-needs-head{ color:#fff; }*/
@media only screen and (max-width:359px) {
	.challanges-box-head, .business-needs-head, .eng-solution h2, .business-impact h2, .project-samples h2{ font-size:30px; margin-bottom:15px; }
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
	.challanges-box-head, .business-needs-head, .eng-solution h2, .business-impact h2, .project-samples h2{ font-size:30px; margin-bottom:15px; }
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
	.challanges-box-head, .business-needs-head, .eng-solution h2, .business-impact h2, .project-samples h2{ font-size:32px; margin-bottom:15px; }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.challanges-box-head, .business-needs-head, .eng-solution h2, .business-impact h2, .project-samples h2{ font-size:34px; margin-bottom:15px; }
}
@media only screen and (min-width: 767px) and (max-width: 979px) {
	.challanges-box-head, .business-needs-head, .eng-solution h2, .business-impact h2, .project-samples h2{ font-size:36px; margin-bottom:15px; }
}
@media only screen and (min-width: 980px) and (max-width: 1400px) {
	.challanges-box-head, .business-needs-head, .eng-solution h2, .business-impact h2, .project-samples h2{ font-size:38px; margin-bottom:15px; }
}

.cs-challanges-box, .cs-business-needs-box{ padding:52px 50px 50px 60px; background:#fff; -webkit-box-shadow:-10px -20px 30px 0 rgba(0,0,0,.04); box-shadow:-10px -20px 30px 0 rgba(0,0,0,.04); position:relative; margin:100px auto }

@media only screen and (max-width:639px) {
	.cs-challanges-box, .cs-business-needs-box{ padding:15px; width:98%; margin:15px auto 25px auto;}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.cs-challanges-box, .cs-business-needs-box{ padding:25px; width:98%; margin:15px auto 25px auto;}
}
@media only screen and (min-width: 767px) and (max-width: 979px) {
	.cs-challanges-box, .cs-business-needs-box{ padding:30px; width:98%; margin:20px auto 25px auto;}
}
@media only screen and (min-width: 980px) and (max-width: 1400px) {
	.cs-challanges-box, .cs-business-needs-box{ padding:25px; width:98%; margin:25px auto 25px auto;}
}
@media only screen and (max-width:1367px) {
	.cs-challanges-box p:last-child, .cs-business-needs-box p:last-child{margin-bottom:0}
}

.cs-challanges-box:before{ content:""; width:100%; height:100%; display:block; position:absolute; right:-10px; bottom:-10px; background:#eff8ff; z-index:-1;}
.cs-business-needs-box:before{ content:""; width:100%; height:100%; display:block; position:absolute; right:-10px; bottom:-10px; background:rgba(37,43,51,0.14); z-index:-1;}

.dash-ul { margin-left:35px; }
.dash-ul  li { font-size:18px; line-height:36px; color:#4c5056; position:relative; margin-bottom:10px; }
.dash-ul  li:before { content:""; background-color:#000; width:15px; height:1.2px; display:inline-block; vertical-align:middle; position:absolute; top:15px; left:-33px; }

@media only screen and (min-width: 320px) and (max-width: 800px) {
	.dash-ul { margin-left:20px; }
	.dash-ul  li { font-size:17px; line-height:28px; color:#4c5056; position:relative; margin-bottom:5px; }
	.dash-ul  li:before { content:""; background-color:#000; width:10px; height:1px; display:inline-block; vertical-align:middle; position:absolute; top:15px; left:-20px; }
}

.business-needs{ display:block; position:relative; background:#f7f7f7; padding:75px 0 }
.business-needs:before{ content:""; width:42%; height:100%; position:absolute; left:0; top:0; bottom:0; background:#007abd; }
.business-needs-content{padding-left:70px;}
.business-needs-content ul li{font-size:20px}

@media only screen and (max-width: 800px) {
	.business-needs{ padding:25px 0; margin:25px auto; }
	.business-needs .width40, .business-needs .width60{ width:100%; -ms-flex:0 0 100%; flex:0 0 100%; margin:0 auto; padding:0 0; max-width:inherit; }
	.business-needs:before{display:none}
	.business-needs-head{ color:#007abd; }
}
@media only screen and (min-width: 801px) and (max-width: 1169px) {
	.business-needs{ padding:20px; margin:30px auto; }
	.business-needs .width40{ width:30%; -ms-flex:0 0 30%; flex:0 0 30%; margin:0 auto; padding:0 0; max-width:inherit; float:left }
	.business-needs .width60{ width:70%; -ms-flex:0 0 70%; flex:0 0 70%; margin:0 auto; padding:0 0; max-width:inherit; float:left }	
	.business-needs:before{width:29%}
}
@media only screen and (min-width: 1170px) and (max-width: 1600px) {
	.business-needs{ margin:30px auto; }
}


.eng-solution{ display:block; margin:30px auto 75px auto; padding:50px 0 75px 0; z-index:2; background:url(images/bg-industries.png) no-repeat center top!important; background-size:100% auto; border-top: 2px solid rgba(30,29,40,.15); /*-webkit-box-shadow:0px 20px 40px rgba(2, 6, 32, 0.1); -moz-box-shadow:0px 20px 40px rgba(2, 6, 32, 0.1); -ms-box-shadow:0px 20px 40px rgba(2, 6, 32, 0.1); -o-box-shadow:0px 20px 40px rgba(2, 6, 32, 0.1); box-shadow:0px 20px 40px rgba(2, 6, 32, 0.1);*/ }
.solution-content p, .solution-content ul li, .solution-content a, .solution-content p a, .solution-content ul li a{ font-size:20px; line-height:36px; margin-top:0; margin-bottom:20px}
.position-sticky{position:-webkit-sticky!important; position:sticky!important;}

.glance-box { border:1px solid #E8E6E4; /*box-shadow:inset 0 2px 4px -2px rgba(0, 0, 0, 0.1);*/ padding:25px 25px 27px 25px; width:85%; background-color:#fff; height:auto; display:block}
.glance-box p{ -webkit-background-clip:text; -webkit-text-fill-color:transparent; display:inline-block; font-size:1.25rem; font-weight:600; margin-bottom:15px; text-transform:uppercase; background-image:linear-gradient(110deg,#007abd 0,#263238 100%); font-family:Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; }
.glance-box-btn{ position:relative; z-index:10; padding-top:15px; border-radius:0; transition:all .3s ease-out; display:inline-block; }
.btn-front{ z-index:10; transition:all .3s ease-out; display:inline-block; background-color:#f57c00; padding:.938rem .938rem; font-size:20px; line-height:32px; color:#fff; min-width:240px; text-decoration:none; text-transform:none; text-align:center; white-space:nowrap; margin:.938rem 0; font-weight:600 }
.btn-back{ position:relative; z-index:-1; background:#f57c00; margin-top:-3.0625rem; margin-left:.875rem; margin-right:-.30rem; padding:.938em .938em; height:2.56em; opacity:.4; }
.glance-box-btn:hover > .btn-front { transform:translate(-3px,-3px); }

@media only screen and (max-width:800px) {
	.glance-box { padding:20px; width:100%; margin-bottom:25px;}
	.glance-box p{ display:block; font-size:18px; font-weight:600; margin-bottom:0; text-transform:none; }
	.btn-front{ font-size:16px; line-height:26px; min-width:auto;  }
	.width40.position-sticky{position:relative!important; top:0!important}
	.eng-solution{ margin:30px auto; padding:15px; }
	.solution-content p, .solution-content ul li, .solution-content a, .solution-content p a, .solution-content ul li a, .business-needs-content ul li{ font-size:17px; line-height:28px; margin-top:0; margin-bottom:14px}
}
@media only screen and (min-width: 801px) and (max-width: 1600px) {
	.glance-box { padding:15px; width:94%; margin-bottom:25px;}	
	.glance-box p{ display:block; font-size:18px; font-weight:600; margin-bottom:0; text-transform:none; }
	.width40.position-sticky{top:150px!important}
	.btn-front{ font-size:16px; line-height:26px; min-width:auto; padding:12px 25px;  }
	.btn-back{ margin-top:-2.925rem; margin-left:.875rem; margin-right:-.30rem; padding:.938em .938em; height:2.56em; opacity:.4; }	
	.eng-solution{ margin:30px auto; padding:25px;  }
	.eng-solution .width40{ width:40%; -ms-flex:0 0 40%; flex:0 0 40%; margin:0 auto; padding:0 0; max-width:inherit; float:left }
	.eng-solution .width60{ width:60%; -ms-flex:0 0 60%; flex:0 0 60%; margin:0 auto; padding:0 0; max-width:inherit; float:left }
	.solution-content p, .solution-content ul li, .solution-content a, .solution-content p a, .solution-content ul li a, .business-needs-content ul li{ font-size:18px; line-height:30px; margin-top:0; margin-bottom:14px}
}

.business-impact{ display:block; margin:0 auto 70px auto; padding:140px 100px 60px; position:relative; background-color:#fff0bd!important; }
.business-impact:before{ position:absolute; content:''; height:50px; width:50px; top:60px; left:100px; background-image:url(images/business-impact.svg); background-size:cover; opacity:.3; }

@media only screen and (max-width:639px) {
	.business-impact{ margin:25px auto; padding:80px 20px 20px; }
	.business-impact p:last-child{margin-bottom:0}
	.business-impact:before{ height:40px; width:40px; top:20px; left:20px; }
}
@media only screen and (min-width: 640px) and (max-width: 1600px) {
	.business-impact{ margin:25px auto; padding:80px 30px 30px; }
	.business-impact p:last-child{margin-bottom:0}
	.business-impact:before{ height:40px; width:40px; top:30px; left:30px; }
}

.related-section{margin:30px auto; padding:50px 0}
.related-head{ font-size:22px; color:#1d1d1d; font-weight:600; vertical-align:top; display:block; position:relative }
.related-head:after{ content:""; position:absolute; right:0; width:65%; height:1px; background:#e2e2e2; top:50%; }
.related-section ul{position:relative;}
.related-section ul li{display:inline-block; margin-right:5px; margin-bottom:5px}
.related-section ul li:last-child{margin-right:0px;}
.related-section ul li a{display:block; font-weight:700; font-style:normal; color:#252b33; font-size:14px; letter-spacing:0.05px; line-height:16px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; background-color:#F1F1F1; border-radius:2px; padding:12px 15px; text-decoration:none; -webkit-transition:150ms; transition:150ms; border-bottom:0!important;}
.related-section ul li a:hover{background:#252b33; color:#fff}

.project-samples{background-color:#f2f2f2!important; padding:60px 0;}
.project-samples .img-box-container{margin-bottom:0}
.project-samples .img-box-container img{width:100%; height:auto}
.project-samples .figcaption{background:#fff}

@media only screen and (max-width:600px){
	.project-samples{padding:25px 15px;}
	.project-samples .one-half, .project-samples .one-third, .project-samples .one-fourth{margin-bottom:15px}
	.project-samples .one-half:last-child, .project-samples .one-third:last-child, .project-samples .one-fourth:last-child{margin-bottom:0px}	
}
@media only screen and (min-width:601px) and (max-width: 1169px) {
	.project-samples{padding:25px 15px;}
	.project-samples .one-half, .project-samples .one-third, .project-samples .one-fourth{ width:48.5%; -ms-flex:0 0 48.5%; flex:0 0 48.5%; margin:0 auto; padding:0 0; max-width:inherit; float:left; margin-right:3%}
	.project-samples .one-half:last-child, .project-samples .one-third:last-child, .project-samples .one-fourth:last-child{margin-right:0px}	
}


.left-img{ float:left; margin-right:15px; }
.right-img{ float:right; margin-left:15px; }
.left-img, .right-img{ width:40%; margin-bottom:10px; border:1px solid #d4d4d4; box-sizing:border-box; padding:5px; background:#f7f7f7; }

@media only screen and (max-width:600px){
	.left-img, .right-img{ width:100%; margin:15px auto 15px auto; float:none}
}
@media only screen and (min-width:601px) and (max-width: 1169px) {
	.left-img, .right-img{ width:50%; margin-bottom:10px; border:1px solid #d4d4d4; box-sizing:border-box; padding:5px; background:#f7f7f7; }
}
@media only screen and (min-width:1170px) and (max-width: 1600px) {
	.left-img, .right-img{ width:40%; margin-bottom:10px; border:1px solid #d4d4d4; box-sizing:border-box; padding:5px; background:#f7f7f7; }
}

.cs-navigation{display:block; padding:40px 0; position:relative; margin-bottom:50px}
.cs-navigation:before, .cs-navigation:after{ content:""; position:absolute; width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; height:1px; background-color:#d7d7d7; }
.cs-navigation:before{ top:0; }
.cs-navigation:after{ bottom:0; }
.cs-navigation-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
.cs-prev{ text-align:left; padding-left:36px;  background:url(images/prev.svg) no-repeat left}
.cs-next{ text-align:right; padding-right:36px; background:url(images/next.svg) no-repeat right}
.cs-nav-icons{width:auto; display:block; position:relative; font-size:18px; font-weight:600; color:#565872; text-decoration:none; -webkit-transition:.3s all linear; transition:.3s all linear;}
.cs-nav-icons:hover{text-decoration:underline; color:#000}
.cs-parent-cat{ height:25px; width:25px; text-indent:-99999px; background-image:url(images/our-work.svg); background-size:cover; transition: transform 0.3s}
.cs-parent-cat:hover{transform:rotate(45deg)}
.cs-parent-cat a{display:block}

@media only screen and (max-width:600px){
	.cs-navigation-wrap{ flex-direction:row; justify-items:center; align-items:center;}
	.cs-nav-icons{width:40%; background-size:20px auto}
	.cs-parent-cat{float:none; margin:0 auto;}
	.cs-prev{ float:left}
	.cs-next{ float:right}	
}


/* related blogs for case studies */
.bg-grey{background-color:#f2f2f2!important}
.cs-related-blogs{ display:flex; flex-direction:column; }
.cs-related-blogs h2, .related-cs-wrap-container h2{display:inline-block; color:#252b33; font-size:48px; line-height:58px; padding-bottom:0; margin-bottom:30px; font-family:"Oswald", sans-serif; letter-spacing:-1px}
.cs-related-blogs-wrap{ display:flex; flex-direction:row; align-items:flex-start; margin-top:35px }
.cs-blog-post{ background-color:#fff; border:.063em solid #ccc; border-top-width:.25em; border-top-style:solid; border-top-color:#7500c0!important; }
.blog-post-content{padding:1.25em; }
.cs-blog-post-head{display:block; font-size:26px; font-weight:600; color:#000; margin-top:0px; margin-bottom:25px;}
.cs-blog-post a {display:block}
.cs-blog-post a img{height:240px; width:100%; max-height:240px;}

@media only screen and (max-width:600px){
	.cs-related-blogs-wrap{ display:flex; flex-direction:column; margin-top:10px; }
	.cs-blog-post a img{height:auto; width:100%; max-height:170px;}
}
@media only screen and (min-width:601px) and (max-width: 1600px) {
	.cs-related-blogs-wrap{ display:flex; flex-direction:row; margin-top:10px; }
	.cs-related-blogs-wrap .one-half{ width:48.5%; -ms-flex:0 0 48.5%; flex:0 0 48.5%; margin:0 auto; padding:0 0; max-width:inherit; float:left; margin-right:3%}
	.cs-related-blogs-wrap .one-half:last-child{margin-right:0px}
}
@media only screen and (max-width: 1600px) {
	.cs-blog-wrap{margin:25px auto}
	.blog-post-content{padding:15px 15px 25px 15px}
	.cs-blog-post{margin-bottom:15px}
	.cs-blog-post:last-child{margin-bottom:0}
	.cs-blog-post-head{font-size:1.175rem; line-height:1.6; margin-bottom:30px; font-weight:500;}
}

.related-cs-wrap-container{display:block; margin:10px auto 45px}
.related-cs-wrap{ display:flex; flex-direction:row; flex-wrap:wrap; flex-flow:wrap; }
.related-cs-wrap .width25{ position:relative; width:100%; padding-right:15px; padding-left:15px;}
.related-cs-box{border-radius:6px; overflow:hidden; background:#fff; border:1px solid #d7d7d7; padding-bottom:30px;}
.related-cs-img{position:relative; margin-bottom:25px; overflow:hidden}
.related-cs-img a{display:block}
.related-cs-img a img{width:100%; height:auto; transition:transform 300ms;}
.related-cs-img-overlay{ position:absolute; top:0; bottom:0; right:0; height:100%; width:100%; display:block; opacity:0.7; transition:all 0.9s; }
.related-cs-titile{padding:0 25px; min-height:100px}
.related-cs-titile a{ color:#1e1d28; display:block; font-size:20px; font-weight:700; line-height:1.5; text-decoration:none; }
.related-cs-box:hover .related-cs-img a img{ transform:scale(1.1) }

@media only screen and (max-width:479px){
	.related-cs-wrap-container{margin:25px auto;}
	.cs-related-blogs h2, .related-cs-wrap-container h2{display:block; font-size:36px; line-height:48px; margin-bottom:20px; letter-spacing:-0.5px}
	.related-cs-wrap{flex-direction:column}
	.related-cs-wrap .width25{padding:0; margin-bottom:15px;}
	.related-cs-img{margin-bottom:15px}
	.related-cs-titile{padding:0 15px; min-height:auto}
	.related-cs-box{padding-bottom:15px;}
	.related-cs-titile a{font-size:17px; line-height:27px;}
}
@media only screen and (min-width:480px) and (max-width: 767px) {
	.related-cs-wrap .width25{width:50%; -ms-flex:0 0 50%; flex:0 0 50%; margin:0 auto 10px; padding:0 10px; max-width:inherit; float:left}
	.related-cs-img{margin-bottom:15px}
	.related-cs-titile{padding:0 15px; min-height:auto}
	.related-cs-box{padding-bottom:15px;}
	.related-cs-titile a{font-size:17px; line-height:27px;}
}
@media only screen and (min-width:768px) and (max-width: 1366px) {
	.related-cs-wrap .width25{width:25%; -ms-flex:0 0 25%; flex:0 0 25%; margin:0 auto; padding:0 10px; max-width:inherit; float:left}
	.related-cs-img{margin-bottom:15px}
	.related-cs-titile{padding:0 15px; min-height:auto}
	.related-cs-box{padding-bottom:15px;}
	.related-cs-titile a{font-size:17px; line-height:27px;}
}


.cs-blog-readmore{ color:#007abd; text-transform:uppercase; font-size:16px; position:relative; top:5px; font-weight:700; line-height:26px; transition:color 1s }
.cs-blog-readmore:hover{color:#262626; text-decoration:underline; z-index:1094}


/* footer cta */
.footer-cta{ padding:55px 55px; box-sizing:border-box; z-index:2; /*-webkit-box-shadow:0px 20px 40px rgba(2, 6, 32, 0.1); -moz-box-shadow:0px 20px 40px rgba(2, 6, 32, 0.1); -ms-box-shadow:0px 20px 40px rgba(2, 6, 32, 0.1); -o-box-shadow:0px 20px 40px rgba(2, 6, 32, 0.1); box-shadow:0px 20px 40px rgba(2, 6, 32, 0.1);*/ border-radius:11px; display:flex; flex-wrap:wrap; background-color:#f2f2f2; margin:30px auto; flex-direction:row; align-items:center; justify-content:space-between; }
.footer-cta.align-center{flex-direction:column!important; text-align:center}
.footer-cta.align-center .fr, .footer-cta.align-center .fl{max-width:80%}
.footer-cta h3{ display:block; color:#252b33; font-size:55px; line-height:65px; padding-bottom:0; margin-bottom:20px; font-family:"Oswald", sans-serif; letter-spacing:-1px;}
.footer-cta::before { position:absolute; left:0; transform:translate(0,-100%); top:-12px; content:''; height:8px; background-color:#eee; width:100%; }
.footer-cta a{ padding:24px 35px 25px 35px; text-align:center; position:relative; overflow:hidden; transform:translate3d(0,0,0); border:none; background:#fd5636; color:#fff; font-size:24px; font-weight:700; line-height:24px; /*box-shadow:0 15px 20px 0 rgba(0,0,0,.1);*/ cursor:pointer; text-decoration:none; display:inline-block; -webkit-transition:.3s all linear; transition:.3s all linear; }
.footer-cta a:hover{background-color:#252b33}

@media only screen and (max-width:979px){
	.footer-cta{ padding:20px; margin:50px auto 30px; text-align:center; width:90% }
	.footer-cta .fl, .footer-cta .fr{width:100%}
	.footer-cta h3{ font-size:34px; line-height:44px; margin-bottom:20px; letter-spacing:-0.5px;}
	.footer-cta a{ padding:12px 25px; font-size:18px; font-weight:700; line-height:30px; display:inline-block; }
	.footer-cta > .fl{flex-grow:0}	
	.footer-cta::before { position:absolute; left:0; transform:translate(0,-100%); top:-12px; content:''; height:8px; background-color:#eee; width:100%; }
}

@media only screen and (min-width:980px) and (max-width: 1400px) {
	.footer-cta{ padding:30px; margin:50px auto 30px; width:90%; display:flex; flex-direction:row; flex-wrap:nowrap; }	
	.footer-cta .fl{float:left; flex-grow:1}
	.footer-cta .fr{float:right; }	
	.footer-cta h3{ font-size:34px; line-height:44px; margin-bottom:20px; letter-spacing:-0.5px;}
	.footer-cta a{ padding:12px 25px; font-size:18px; font-weight:700; line-height:30px; display:inline-block; }
}


/*misc code */
.outlined-text { font-size:14vw; line-height:10.8vw; letter-spacing:-.8vw; text-indent:-1vw; -webkit-text-stroke:1.4px #111; color:#fff;}
.key-features { border:2px solid rgba(0,122,189,0.73); border-radius:10px; padding:20px; padding-top:0; background-color:#fff; overflow:hidden }
.key-features .key-head { margin:0; margin-left:-20px; margin-right:-20px; text-align:left; padding:10px 20px; background:rgba(0,122,189,0.73); color:#fff; display:block }
.key-features p{margin:15px 0 0 0}