@charset "utf-8";
/* CSS Document */

/*section.fullheight{height: 100%;}*/
section.fullheight{min-height: 100vh;}
section.fullheight .inner{position: relative; transform: translateY(0%); top: 0;}


.btn-outline-primary{border-color: #fff;}
.btn-outline-primary:hover{background: #fff !important; color:#1f1f20 !important; }

.darksection .solutioncont{padding-left: 50%;}
.lightsection .solutioncont{padding-right: 50%;}


.solutionmaindiv{position: relative; display: block;}
.solutionmaindiv section.fullheight{position: fixed; top:0; left: 0; width: 100%; padding: 0;}
.solutionmaindiv section.fullheight.activePress{position: relative;}
.solutionmaindiv.mobileview section.fullheight{position: relative; padding-top:50px;}


.solutioncont{min-height: 100vh;}
.solutioncont h3{font-size:32px; line-height:50px; margin-bottom:25px;}
.solutioncont p{margin-bottom: 40px;}
.solutioncont .hcsbtn{margin-bottom: 50px;}

.healthcare{background: url(https://d1k47okj0blyru.cloudfront.net/images/solu-img.png) no-repeat center center; background-size: cover;}
/*.chatbot{background: url(../images/solutions/chatbot.png) no-repeat center right; background-size: cover;}*/
.raspberrypi{background: url(https://d1k47okj0blyru.cloudfront.net/images/solu-img-2.png) no-repeat center center; background-size: cover;}
/*.hospitality{background: url(../images/solutions/hospitality.png) no-repeat bottom right; background-size: cover;}*/
/*.realestate{background: url(../images/solutions/realestate.png) no-repeat bottom right; background-size: cover;}*/
.smartassistants{background: url(https://d1k47okj0blyru.cloudfront.net/images/solutions/smartassistants.png) no-repeat center center; background-size: cover;}
.ondemand{background: url(https://d1k47okj0blyru.cloudfront.net/images/solu-img-3.png) no-repeat  center center; background-size: cover;}

.raspberry-pi #Header.innerheader::after {display: none;}


/************* Solutions Sub Page Start *****************/
.solutionsubtext{font-size: 28px; color: #fff;font-weight: 500; text-align: center; margin-top:50px; margin-bottom: 50px;}
.ourcapabilities{background: #f4f4f4; padding-top:70px;}
.ourcapabilities h2.titles{text-align: center; margin-bottom:80px;}
.solutions {padding: 70px 0 80px; position: relative;}
.solutions .content-wrap h2 {color: #3d3d3d; font-size: 34px; font-weight: 700; letter-spacing: .68px; line-height: 41px; padding:20px 0 35px}
.solutions .content-wrap p{/*font-size: 24px;*/ color: #727272;}

.portfoliobox{background: #f4f4f4; padding: 70px 0 70px;}
.servicebox{padding: 70px 0 70px;}
.servicebox h2{margin: 80px 0 20px;}

.project-slider.solutions-slider .container{position: relative; z-index: 2;}
.project-slider.solutions-slider .carousel-inner{border-radius: 20px; box-shadow: 0 20px 22px 0 rgba(0, 0, 0, 0.06); background-color: #e6e6e6; height: auto;}
.project-slider.solutions-slider .carousel-inner .carousel-item{height: auto; padding:100px 40px;}

.moresolutions{padding-top:0px;}
.moresolutions h2.titles{text-align: center; margin-bottom:80px;}

.solutioncontrightimg{position: absolute; right: 0; top: 0; text-align: right; padding-right: 0;}
.solutioncontrightimg img{max-width: 100%;}
ul.solutionslist{margin:25px 0 0 0; padding: 0; list-style: none; font-size: 20px;  color: #646464;}
ul.solutionslist li{float: left; width: 50%; padding: 0 20px 0 30px; margin-bottom: 15px; background: url(../images/solutions/tick.svg) no-repeat 0 3px; background-size:24px 24px;}
.solutionslidericon{margin-bottom: 40px;}

.servicebox.chatbotcont{/*background: url(../images/solutions/chatbot/chatbot_bg.png) no-repeat #fff center top;*/ position: relative; /*padding-bottom: 140px;*/}
/*.servicebox.chatbotcont:before{background: url(../images/solutions/chatbot/bottom_bg.png) no-repeat 0 0; position: absolute; content: ''; bottom:0; left: 0; width: 268px; height: 89px;}*/
.project-slider.chatbotslider{margin-top: 0;}
.solutionsubtext.quotesicon{padding-left: 30px; padding-right: 30px;}

.servicebox.ondemandcont{background: url(https://d1k47okj0blyru.cloudfront.net/images/solutions/on-demand/centerbanner_2.png) no-repeat #fff center top; position: relative; padding-bottom: 90px;}
.servicebox.ondemandcont:before{background: url(https://d1k47okj0blyru.cloudfront.net/images/solutions/on-demand/bottom_bg.png) no-repeat 0 0; position: absolute; content: ''; bottom:80px; left: 0; width: 91px; height: 317px;}
.servicebox.ondemandcont h2{margin-top: 150px;}


.developmentservices {
	padding:0 0 80px 0;
	float: left;
	width: 100%
}
.developmentservices h3 {
	font-size: 34px;
	font-weight: 700;
	margin: 0 0 20px
}
.developmentservices .wvelabs h3 {
	font-size: 24px;
	font-weight: 700;
}
.developmentservices .titles.extend {
	padding: 180px 0 50px;
	text-align: center;
	font-weight: 700;
}
.developmentservices .titles.newtitle {
	padding: 20px 0 70px;
	text-align: center;
	font-weight: 700;
}

.developmentservices h3.titles{font-size: 26px; letter-spacing: 0.56px; position: relative; padding-bottom: 25px; margin-bottom: 25px;}
.developmentservices h3.titles:before{position: absolute; bottom: 0; left: 0; width: 65%; background:#3D3D3D; height: 4px; content: ''; border-radius: 4px;}

.developmentprocess{background: #F4F4F4; padding: 100px 0;}
.developmentprocess h2.titles{margin-bottom: 70px;}

.dpicon{background:#fff; width: 80px; height: 80px; padding:15px; box-shadow: 4px 8px 12px 0 rgba(0,0,0,0.08); border-radius: 20px; border-radius: 20px; float: left; position: absolute;}
.dpbox{margin-bottom: 35px;}
.dptext{display: block; padding-left: 110px;}
.dptext h4{font-size: 24px; color: #515151;}
.dpnum{float:left; width: 32px; height: 32px; background: #D8D8D8; position: absolute; top:-15px; right: -15px; border-radius: 100%; text-align: center; line-height: 32px; font-size: 20px; color: #FFFFFF;}
.dpimg{padding-top:50px;}

.dpgetstarted{position: relative; background-image: linear-gradient(180deg, #75E9FF 0%, #219BFF 100%); border-radius: 0 0 0 100px; padding: 140px 0;}
.dpgetstarted:before{position: absolute; top:0; left: 0; content: ''; background: url(../images/development/get_lefttbg.png) no-repeat 0 0; width: 565px; height: 400px; z-index: 1;}
.dpgetstarted:after{position: absolute; top:0; right: 0; content: ''; background: url(../images/development/get_rightbg.png) no-repeat 0 0; width: 565px; height: 400px; z-index: 1;}
.dpgetstarted .container{z-index: 2; position: relative;}
.dpgettitle{font-size: 20px; color: #FFFFFF; letter-spacing: 0.83px; margin-bottom: 20px;}
.dpgettext{font-size: 28px; color: #FFFFFF; font-weight: 600; line-height: 36px;}
.dpviewlink{text-align: right;}
.dpviewlink a{display: inline-block; background: #FFFFFF; border-radius: 100px; border-radius: 100px; padding: 14px 30px; font-weight: 700; font-size: 15px; color: #219BFF; letter-spacing: 1px;}

.valuewithwve{padding:80px 0 30px 0}
.valuewithwve h2.titles{text-align: center; margin-bottom:40px;}

.valuewithwve .wvelabs h3 {font-size: 24px; font-weight: 700; padding-bottom: 20px;}
.codebannertext{text-align: right;}

.carousel .carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border:none;
	cursor: pointer; background: #b7a5a3;
}

.carousel-indicators li.active{background: #534644;}
/************* Solutions Subpage End *****************/


@media (max-width:1659px) {
}
@media (max-width:1599px) {
}

@media (max-width:1439px) {
	.solutioncont h3{font-weight: normal; font-size: 28px; line-height: 40px;}
}
@media (max-width:1280px) {
	
}
@media (max-width:1199px){
}
@media (max-width:991px) {
	.darksection .solutioncont{padding-left: 0;}
	.lightsection .solutioncont{padding-right: 0;}
	section.fullheight{background-image: none;}
	
	.solutionmaindiv.mobileview{min-height: auto !important}
	ul.solutionslist{font-size: 18px;}
	ul.solutionslist li{width: 100%;}
	.project-slider.solutions-slider .carousel-inner .carousel-item{padding: 40px 20px}
	.solutionsubtext{font-size: 20px;}
	.servicebox.chatbotcont{background: none;}


	.solutionmaindiv.mobileview section.fullheight {
		min-height: auto;
		padding: 80px 0 40px;
	}
	section.chatbot {
		border-bottom: 1px solid #eee;
	}


}
@media (max-width:767px) {
}

/*17-1-23*/
#Header.innerheader.innerheader-solu:after {
	background: #fff;
	bottom: -100px;   
	transform: scale(-1);
}
.list-of-solution {
	padding: 0;
	list-style: none;
	text-align: center;
	margin-bottom: 0;
	margin-top: 20px;

}
.list-of-solution .item {
	background: linear-gradient(90deg, #363636 0%, rgba(108, 108, 108, 0) 121.47%);
	border-radius: 0px 0px 0px 22px;
	width: 100%;
	padding:40px 20px;
	margin-bottom: 30px;
}
.lightsection .list-of-solution .item {
	background:#F7E9E1;
}
section#press2,section#press4, section#press6 {
	background: #E9D8CF !important;
}

.list-of-solution  a {
	display: block;
}
.list-of-solution img {
	margin-bottom: 20px;
	display: inline !important;
	width: 100px !important;
	height: 100px !important;
	max-width: 100px;
}

.list-of-solution p {
	margin-bottom: 0;
}

.list-of-solution  h6 {
	font-size: 20px;
}
.more-link{
	font-size: 20px;
	line-height: 1;
	text-decoration: underline;
	text-transform: uppercase;
}
.solutioncont h3 {
	font-size: 52px;
	line-height: 1.2;
	margin-bottom: 25px;
	font-weight: 400;
}

.viewcasestudy {

	transition: opacity 1s ease-in-out;
}
.viewcasestudy a {
	width: auto;
	display: inline-block;
	/*position: absolute;
	bottom: 0;
	left: 0;*/
	padding-right: 60px;
	background: url(../images/work/arrow-w.svg) no-repeat top 7px right;
	font-size: 26px;
}

.darksection .viewcasestudy a:hover{color: #D9D3CA;}
.lightsection .viewcasestudy a:hover{color: #38302A;}

section#press2 .viewcasestudy a ,
section#press4 .viewcasestudy a ,
section#press6 .viewcasestudy a  {
	background: url(../images/work/arrow-b.svg) no-repeat top 7px right;
}
@media screen and (max-width:1600px){
	#Header.innerheader.innerheader-solu:after{
		display: none;
	}
	.solutioncont h3 {
		font-size: 35px;
	}
	.list-of-solution h4 {
		font-size: 18px;
		margin-bottom: 6px;
	}
}
@media screen and (max-width:991px){
	.solutioncont h3 {
		font-size: 22px;
	}
	.list-of-solution img{
		display: none;
	}
	.solutioncont p {
		margin-bottom: 10px;
		line-height: 1.5;
	}
	.solutioncont{min-height: 85vh;}
}
@media screen and (max-width:767px){
	.list-of-solution .item {
		margin: 5px;
		padding: 10px;
	}
	.solutioncont{min-height: auto;}
	.viewcasestudy a{
		font-size: 20px;
	}
}