@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 100%;
	overflow-x: hidden;
}

body {
	font-family: 'Montserrat';
	color: #161824;
    font-weight: normal;
    font-style: normal;
	font-size: 17px;
	background: #FFF ;
	margin: 0 auto;
}

a, a:link, a:visited {
    outline: none;
	text-decoration: none;	
	-moz-tap-highlight-color: transparent; 
	-webkit-tap-highlight-color: transparent; 
}

img {
	border: none;
	margin: 0px;
	max-width: 100%;
}


h1 {
	font-family: 'Montserrat';
    font-weight: normal;
	font-size: 28px;
	margin: 0px;
	padding: 0px;	
}

h2 {
	font-family: 'Montserrat';
	font-weight: normal;
	font-size: 24px;
	margin: 0px;
	padding: 0px;
}

h3, h4, h5, h6 {
	font-family: 'Montserrat';
    font-weight: normal;
	font-size: 18px;
	margin: 0px;
	padding: 0px;	
}

form, input, select, textarea, p {
	margin: 0px;
	padding: 0;
}

textarea {
	resize: none;
}

input:focus, textarea:focus {
	outline: none;
}

input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

article, aside, details, figcaption, figure,  
footer, header, hgroup, menu, nav, section, time {  
	display: block; 
	margin: 0px;
	padding: 0; 
} 

.customClear {
	clear: both;
	font-size: 0em;
	line-height: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

/*IE below 9*/
#ieWrapper {
	background: #000;
	position: fixed;
	z-index: 100;
	top: 0;	left: 0;
	width: 100%;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ieHolder {
	position: relative; 
	width: 555px;
	padding: 20px;
	margin: 200px auto 0 auto;
	background: #FFF;
	border: 7px solid #2b2927;
}

.btnIeUpdate {
	background: url(../images/btnIeUpdate.jpg) 0 0 no-repeat;
	width: 144px;
	height: 37px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #fff;
	line-height: 37px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.ieLogo {
	float: left;
	width: 134px;
	height: 139px;
	background: url(../images/ieLogo.jpg) no-repeat 0 0;
}

.ieContent {
	float: right;
	margin: 0;
	padding: 0;
	width: 350px;
	color: #666;
	font-size: 15px;
	line-height: 18px;
}

.ieContent strong {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #cccccc;
	display: block;
	font-size: 18px;
	color: #333;
	font-weight: normal;
}
/*End IE below 9*/
#page-header{
	position: absolute;
    width: 100%;
}
.home-banner,.main-banner{
	width : 100%;
	position: relative;
	top:0px;
	left: 0;
	z-index: -1;
}
.home-banner img,.main-banner img{
	width: 100%;
}

.page-center{
	max-width: 1200px;
	margin: 0 auto;
}
.flex{
	display: flex;
	flex-direction: row;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-grow-1{
	flex-grow: 1;
}
.logo-wrapper{
	padding: 40px 0px 0px 0px;
	position: relative;
	
}
.logo-wrapper a{
	position: relative;
	z-index: 1;
}

.align-center{
	align-items: center;
}
.justify-end{
	justify-content: flex-end;	
}

.nav-menu{
	text-align: end;
	padding: 55px 0px 0px 0px;
}

.nav-menu ul {
    list-style: none;
	margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
}

.nav-menu ul li a{
	color: #fff;
}

.nav-menu ul li {
    display: inline-block;
    list-style: outside none none;
    font-size: 16px;
    margin-right: 35px;
	color: #fff;
	font-weight: 500;
	position: relative;
}

.nav-menu ul li:last-child{
	margin-right: 0px;
}

.nav-menu ul li:before,
.nav-menu ul li:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.nav-menu ul li:before {
	top: 30px;
	display: block;
	height: 2px;
	width: 0%;
	content: "";
	background-color: #fc464e;
  }

.nav-menu ul li:hover:before,
  .nav-menu ul li.current:before {
	opacity: 1;
	width: 100%;
}



.nav-menu ul li.current a,.nav-menu ul li a:hover{
	color: #fc464e;
}

.logo-bg{
	position: absolute;
	top: -15px;
	left: -110px;
	background: url(../images/logo-bg.png) no-repeat 0 0;
	width: 530px;
	height: 231px;
	z-index: 0;
}

.home-banner-text-wrapper{
	color: #fff;
	text-align: center;
	padding: 275px 0px 0px 0px;
	position: absolute;
    top: 45%;
    width: 100%;
	transform: translate(0, -75%);

}

.home-banner-text-wrapper h1, .main-banner-text-wrapper h1{
	font-weight: 800 ;
	font-size: 75px;
	/* font-size: 6vw; */
}

.home-banner-text-wrapper h2, .main-banner-text-wrapper h2{
	font-weight: 500;
	font-size: 39px;	
}

.home-banner-text-wrapper h2{
	padding: 0px 0px 0px 5px;
}


.building-platform-wrapper{
	position: relative;
}

.building-platform,.justify-space-btwn{
	justify-content: space-between;
}

.justify-space-around{
	justify-content: space-around;
}

.building-platform-content{
	max-width: 620px;
    padding: 90px 0px 0px 0px;
    flex-grow: 1;
    position: relative;
    z-index: 2;
}

.building-platform-content h1,.about-content h1{
	font-weight: bold;
	font-size: 50px;
	line-height: 60px;
	position: relative;
    z-index: 2;
}

.building-platform-content h2{
	font-weight: 500;
    padding: 15px 0px 15px 0px;
    line-height: 35px;
	font-size: 22px;
}

.building-platform-content p,.building-platform-content ul,.about-content p{
	font-size: 17px;
	line-height: 31px;
}
.building-platform-content ul,.healthcare-wrapper ul,.services-details-wrapper ul{
	padding: 0px 0px 0px 0px;
    padding-inline-start: 0px;
	/* list-style-image: url(../images/red-tick.png); */
	list-style: none;
}
.building-platform-content ul li::before,.healthcare-wrapper ul li::before,.services-details-wrapper ul li::before {
	content: "";
	background: url(../images/red-tick.png) no-repeat 0 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	top: 0.3rem;
	margin-right: 0.65rem;
  }
.building-platform-services{
	position: relative;
	z-index: 1;
	max-width: 530px;
    width: 100%;
}
.single-service{
	background: #fff;
	box-shadow: 5px 0px 46px 0px rgba(0,0,0,0.13);
	-webkit-box-shadow: 5px 0px 46px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: 5px 0px 46px 0px rgba(0,0,0,0.13);
	padding: 24px 25px 24px 25px;
	height: auto;
	border-radius:10px;
	font-size: 16px;
	width: 195px;
	flex: 1 auto;

}
.single-service img{
	display: block;
}
.single-service h3{
	font-size: 20px;
	font-weight: bold;
	padding: 25px 0px 0px 0px;
}

.single-service p{
	padding: 25px 0px 25px 0px;
	line-height: 26px;
}
.single-service a img{
	float: right;
}
.single-service.right{
	margin-left:40px;
	position: relative;
}

.top .single-service.right{
	top: 40px;
}

.bottom .single-service.right{
	top: 45px;
}

.building-platform-services .top,.building-platform-services .bottom{
	align-items: flex-start;
}
.building-platform-services .bottom{
	padding-top: 45px;
}
.building-platform-services .bg{
	background: url('../images/bg-1.png') no-repeat 0 0;
	position: absolute;
	top:65px;
	right: -40px;
	width: 633px;
	height: 455px;
	z-index: -1;
}
.left-bg{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('../images/left-graphics.png') no-repeat 0 0 ;
	width: 265px;
	height: 571px;
	z-index: 0;
}
.talking-wrapper{
	padding:120px 0px 0px 0px;
}
.talking-wrapper h2{
	font-size: 50px;
	font-weight: bold;
	text-align: center;
}
.talking-wrapper h2 span{
	display: inline-block;
	color:#fff;
	background: #f63d62;
	width: auto;
	padding: 0px 10px;
	margin-top: 10px;
}

.talking-wrapper-p{
	font-size: 18px;
	padding: 50px 75px 0px 75px;
	text-align: center;
	line-height: 30px;
}

.talking-wrapper .flex .single-item{
	border: solid 1px #e4e4eb;
	border-radius: 15px;
	padding: 0px 0px 10px 0px;
	margin-top: 80px;
	/* width: 370px; */
	transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.talking-blocks.owl-carousel .owl-stage-outer,
.future-slider.owl-carousel .owl-stage-outer{
	overflow: visible;
}

.talking-blocks.owl-carousel .owl-item,.future-slider.owl-carousel .owl-item {
	opacity: 0;
	transition: opacity 500ms;
 }
 .talking-blocks.owl-carousel .owl-item.active, .future-slider.owl-carousel .owl-item.active {
   opacity: 1;
 }

.talking-wrapper .flex .single-item:hover{
box-shadow: 5px 0px 18px 0px rgba(0,0,0,0.06);
-webkit-box-shadow: 5px 0px 18px 0px rgba(0,0,0,0.06);
-moz-box-shadow: 5px 0px 18px 0px rgba(0,0,0,0.06);
}

.talking-wrapper .flex .single-item .text-block{
	padding: 40px 40px 60px 35px;
}

.talking-wrapper .flex .single-item .text-block h3{
	font-weight: bold;
	font-size:20px; 
}

.talking-wrapper .flex .single-item .text-block p, .talking-wrapper .flex .single-item .text-block a{
	font-size: 16px;
	padding: 35px 0px 0px 0px;
	line-height: 22px;
}
.talking-wrapper .flex .single-item .text-block a{
	color: #000;
}
.talking-wrapper .flex .single-item .text-block a.read-more{
	display: block;
	position: relative;
}
.talking-wrapper .flex .single-item .text-block  a.read-more::after {
	content: "";
    background: url(../images/round-arrow-small.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 95px;
    bottom: 4px;
}

.talking-wrapper .flex .single-item img{
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
} 


footer{
	color: #fff;

}
.footer-img{
	margin-top: 55px;
}
.footer-img img{
	width: 100%;
	display: block;
}
.footer-content {
    background: #0f0f24;
    padding: 30px 0px 75px 0px;
}

.footer-content .newsletter-subscribtion .title h3{
	font-weight: bold;
	font-size: 33px;
}

.footer-content .input-container {
	display: flex;
	width: 100%;
  }
  
  .footer-content .btn {
	padding: 10px;
	cursor: pointer;
    color: white;
    text-align: center;
    border: none;
    outline: none;
    border-radius: 50px;
    width: 50%;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	z-index: 1;
	background: #ec2f82; /* Old browsers */
	background: -moz-linear-gradient(top,  #ec2f82 0%, #fc464d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ec2f82 0%,#fc464d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ec2f82 0%,#fc464d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec2f82', endColorstr='#fc464d',GradientType=0 ); /* IE6-9 */

  }
  
  .footer-content .input-field {
	width: 100%;
    padding: 10px;
    outline: none;
    background: rgb(31 31 55 / 60%);
    border: none;
	border-top-left-radius: 80px 100%;
    border-bottom-left-radius: 80px 100%;
	padding: 25px 5px 25px 30px;
	font-size:17px;
	color: #fff;
	position: relative;
	z-index: 1;
	left: 10%;
  }


  .footer-content .input-field::placeholder{
	font-size:17px;
	color: #787882;
	font-weight: 500;
  }


  .subscribe-form{
	  margin-left: 75px;
  }

  .newsletter-subscribtion{
	padding-bottom: 75px;
	margin-bottom: 75px;
    border-bottom: solid 1px #282843;
  }
  .footer-logo span{
	  display: block;
	  padding: 15px 0px 0px 0px;
	  position: relative;
  } 
  .footer-logo span img{
	  padding-right: 5px;
  } 

  .footer-links ul {
	list-style: none;
	margin:0;
  }
  
  .footer-links ul li::before {
	content: "\2022";
	color: #f53d63;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
  } 
.footer-links a{
	display: block;
	color: #fff;
	padding-top: 10px;
}
.footer-copyright{
	text-align: end;
}

.footer-link-right{
	padding-left: 75px;
}

.footer-copyright p{
	padding-top: 20px;
	font-size: 16px;
}
.footer-copyright a{
	padding-left: 5px;
}

.talking-blocks{
	justify-content: space-between;
}



 .future-wrapper{
	background: #0e0307;
	margin:120px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #fff;
	height: 760px;
	position: relative;
}

 .future-wrapper-graphics {
    background: url(../images/dark-bg.jpg) no-repeat 0 0;
    position: absolute;
    z-index: 0;
    width: 1174px;
    height: 760px;
    top: 0;
    left: -335px;
}

.dark-right{
	background: url(../images/dark-right.png)  no-repeat 0 0;
	background-position: right;
	height: 760px;
	position: relative;
	z-index: 1;
}

.dark-right::after{
	content: '';
    background: #fff;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 1199px;
    z-index: 0;
} 


.future-contents{
	z-index: 1;
    position: relative;
	padding: 150px 0px 0px 0px;
}


.future {
    flex-grow: 1;
    max-width: 420px;
    width: 100%;
}



.future h3 {
    font-size: 50px;
    font-weight: bold;
}

.future h3 span{
	color: #fb4452;
}

.future h4{
	font-size:24px;
	font-weight: 500;
	padding: 40px 0px 0px 0px;
}


.future p {
    padding: 40px 0px 0px 0px;
    line-height: 30px;
    font-size: 20px;
}


.right-bg{
	position: absolute;
    top: 0px;
    right: -230px;
	/* right: -14.27vw; */
    background: url(../images/right-graphics.png) no-repeat 0 0;
    width: 261px;
    height: 568px;
    z-index:1;
}



.future-slider {
    width: 610px;
    margin-left: 20px;
}

.future-slider .item img{
	border-radius: 15px;
}

.future-slider.owl-carousel .owl-nav.disabled, .talking-blocks.owl-carousel .owl-dots.disabled{
    display: block;
}
.talking-blocks.owl-carousel .owl-nav{
	display: none;
}
.talking-blocks.owl-theme .owl-dots{
	margin-top: 50px;
	outline: none;
	border: none;
}
.talking-blocks.owl-theme .owl-dots:focus{
	outline: none !important;
	border: none !important;
}
.talking-blocks.owl-theme .owl-dots .owl-dot.active span, .talking-blocks.owl-theme .owl-dots .owl-dot:hover span {
    background: #f53d63;
	outline: none !important;
	border: none !important;

}
.future-slider .item{
	position: relative;
}


.future-slider .item .text a.heading{
	font-weight: bold;
	font-size: 20px;
	padding-right: 50px;
	position: absolute;
	left: 30px;
	top: 255px;
}
.future-slider .item .text a{
	position: absolute;
	bottom: 35px;
	left: 30px;
	color: #fff;
	font-size: 14px;
}
.arrow {
	display: inline-block;
	position: relative;
    top: 2px;
}
.arrow img{
	width: 14px;
	height: 14px;
}

.future-slider .owl-next {
	width: 105px;
    height: 105px;
    position: absolute;
    top: 35%;
    right: -33%;
    display: block !important;
    border: none;
    outline: none;
    background: url(../images/round-arrow.png) no-repeat !important;
	z-index: 1;
}

.future-slider .owl-prev{
	display: none;
}
.future-slider.owl-carousel .owl-nav button.owl-next span,.future-slider.owl-carousel .owl-nav button.owl-prev span{
	display: none;
}

.future-slider.owl-carousel .owl-item img{
	width: auto;
}

.top-graphics {
    background: url(../images/violet-graphics.png) no-repeat;
    width: 200px;
    height: 227px;
    position: absolute;
    top: -105px;
    left: 40%;
}

.bottom-graphics {
		background: url(../images/red-graphics.png) no-repeat;
		width: 219px;
		height: 286px;
		position: absolute;
		top: 535px;
    	left: 27%;
		z-index: 1;
	}

.mobile-nav {
	display: none;
}

.active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
	transform: rotate(-45deg) translate(-9px, 6px);
}
	
.active .bar2 {opacity: 0;}
	
.active .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
}
.bar1, .bar2, .bar3 {
	width: 35px;
	height: 5px;
	background-color: #fff;
	margin: 6px 0;
	transition: 0.4s;
}

.mobile-menu{
	background: #FFF;
    width: 100%;
    padding: 50px 0;
    position: fixed;
    top: 100px;
    height: calc(100vh - 100px);
    left: 0;
    z-index: 1200;
}
.hide{
	display: none;
}

.centered {
    position: relative;
    top: 25%;
    transform: translate(0%, -25%);
    text-align: center;
}
.mobile-nav-menu ul{
	list-style: none;
	padding-inline-start: 0px;
}
.mobile-nav-menu ul li{
	margin-bottom: 30px;
}
.mobile-nav-menu ul li a{
	font-size: 20px;
	font-weight: bold;
	color: #000;
}

.pos-fixed{
	position: fixed;
}



.footer-btm{
	justify-content: space-between;
	align-items: flex-end;
}

button{
	outline: none;
}
.talking-blocks.owl-carousel .owl-stage, .talking-blocks.owl-carousel .owl-item{
	display: flex;
    align-items: stretch;
}

.read-more-text{
	position: absolute;
	display: none;
	top: -10px;
	left: -10px;
	width: calc(100% - 25px);
	height: 100%;
	border-radius: 20px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fc464d+0,ec2f82+100 */
	background: #fc464d; /* Old browsers */
	background: -moz-linear-gradient(top,  #fc464d 0%, #ec2f82 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fc464d 0%,#ec2f82 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fc464d 0%,#ec2f82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc464d', endColorstr='#ec2f82',GradientType=0 ); /* IE6-9 */
	font-size: 15px;
	padding: 40px 20px 40px 20px;
	
}

.close-icon{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 4;
}
.close-icon img{
	width: 25px;
	height: 25px;
}





/* about page css */
.main-banner-text-wrapper{
	color: #fff;
	padding: 275px 0px 0px 0px;
	position: absolute;
    top: 45%;
    width: 100%;
	transform: translate(0, -75%);
}

.main-banner-text-wrapper h2{
	padding: 0px 210px 0px 5px;
}

.about-content-wrapper,.healthcare-main,.contactus-main{
	position: relative;
	padding: 50px 0px 0px 0px;
}

.industry-main{
	position: relative;
	padding: 40px 0px 0px 0px;
}

.about-content{
	position: relative;
    z-index: 2;
	max-width: 580px;
	width: 100%;
}

.about-content h1 span{
	color: #f3386c;
	display: block;
}

.about-content p{
	padding: 20px 0px 0px 0px;
}

.about-content-wrapper .advantages {
	margin-left: 50px;
}

.about-content-wrapper .advantages h3{
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}

.advantage-block{
	margin:45px 0px 0px 0px;
	position: relative;
    padding: 6px 0px 0px 0px;
}

.advantage-block .bg {
	background: url(../images/bg-2.png) no-repeat 0 0;
    position: absolute;
    top: 5px;
    left: -15px;
    width: 633px;
    height: 455px;
    z-index: -1;
}

.advantage-block .box{
	width: 220px;
	position: relative;
}

.advantage-block .box::after{
	opacity: 0;
	content: '';
    position: absolute;
    width: calc(100% + 2px);
    top: 0px;
    left: 0px;
    height: calc(100% + 2px);
    background: #fff;
	box-shadow: 0px 0px 46px 0px rgba(67,88,98,0.14);
	-webkit-box-shadow: 0px 0px 46px 0px rgba(67,88,98,0.14);
	-moz-box-shadow: 0px 0px 46px 0px rgba(67,88,98,0.14);
	z-index: 1;
	transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.advantage-block .box:hover::after{	
	opacity: 1;
}

.advantage-block .top-left{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding: 65px 0px 40px 65px;
}

.advantage-block .top-right{
	border-bottom: solid 1px #ccc;
	padding: 65px 0px 40px 45px;
}
.advantage-block .top-left:hover{
	right: 2px;
}
.advantage-block .top-right:hover,.advantage-block .bottom-right:hover{
    left: -3px;
}

.advantage-block .bottom-left:hover,.advantage-block .bottom-right:hover{
	top: -1px;
}


.advantage-block .bottom-left{
	border-right:solid 1px #ccc;
	padding: 35px 0px 40px 65px;
}

.advantage-block .bottom-right{
	padding: 35px 0px 40px 45px;
}

.advantage-block h4{
	font-size: 18px;
	font-weight: 600;
	padding: 10px 0px 0px 0px;
	color: #36474f;
}

.advantage-block .top-left h4,.advantage-block .bottom-left h4{
	width: 90%;
}

.advantage-block .box img, .advantage-block .box  h4{
	position: relative;
	z-index: 4;
}


 .about-speciality-blocks,.industries{
	justify-content: space-between;
}

.about-speciality-blocks .speciality{
	border-top: solid 2px #ee327a;
	padding:30px 0px 0px 0px;
	max-width:300px;
	width: 100%;
	margin:90px 0px 0px 0px;
}

.about-speciality-blocks .speciality h4{
	font-size: 28px;
	font-weight: bold;
}
.about-speciality-blocks .speciality h4 span{
	color: #ee327a;
	padding-right: 10px;
}


.about-speciality-blocks .speciality p{
	padding: 20px 0px 0px 0px;
    line-height: 30px;
}


/* industry page css */

.right-grey-bg {
    position: absolute;
    top: 0px;
    right: -100px;
    background: url(../images/bg-1.png) no-repeat 0 0;
    width: 633px;
    height: 455px;
    z-index: -1;
}

.industry-wrapper,.healthcare-wrapper,.contactus-wrapper,.services-wrapper{
	position: relative;
	z-index: 2;
}



.industries.flex .single-item{
	border: solid 1px #e4e4eb;
	border-radius: 15px;
	padding: 0px 0px 10px 0px;
	margin-top: 40px;
	max-width: 370px; 
	width: 100%;
	transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.industries.flex .single-item .text-block {
    padding: 40px 40px 60px 35px;
}

.industries.flex  .single-item .text-block a {
    color: #000;
}

.industries.flex .single-item .text-block h3 {
    font-weight: bold;
    font-size: 20px;
}

.industries.flex .single-item img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.industries.flex .single-item .text-block p, .industries.flex .single-item .text-block a {
    font-size: 16px;
    padding: 35px 0px 0px 0px;
    line-height: 22px;
}

.industries.flex .single-item .text-block a.read-more {
    display: block;
    position: relative;
}

.industries.flex .single-item .text-block a.read-more::after {
    content: "";
    background: url(../images/round-arrow-small.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 95px;
    bottom: 4px;
}

.industries.flex .single-item:hover {
    box-shadow: 5px 0px 18px 0px rgb(0 0 0 / 6%);
    -webkit-box-shadow: 5px 0px 18px 0px rgb(0 0 0 / 6%);
    -moz-box-shadow: 5px 0px 18px 0px rgba(0,0,0,0.06);
}

.healthcare-wrapper p{
	padding: 30px 0px 0px 0px;
	line-height: 30px;
}

.healthcare-wrapper p.sub-head,.services-wrapper p.sub-head{
	font-weight: 500;
	font-size:22px;
}


.healthcare-wrapper ul li{
	padding-bottom: 8px;
	line-height: 30px;
}

.contactus-wrapper{
	margin:50px 0px 0px 0px;
	box-shadow: 0px 0px 59px 0px rgba(0,0,0,0.17);
	-webkit-box-shadow: 0px 0px 59px 0px rgba(0,0,0,0.17);
	-moz-box-shadow: 0px 0px 59px 0px rgba(0,0,0,0.17);
}

.contact-left{
	background: #fc464d; /* Old browsers */
	background: -moz-linear-gradient(top,  #fc464d 0%, #ec2f82 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fc464d 0%,#ec2f82 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fc464d 0%,#ec2f82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc464d', endColorstr='#ec2f82',GradientType=0 ); /* IE6-9 */
	
}

.contact-left{
	padding:60px 75px 90px 40px; 
	color: #fff;
	max-width: 325px;
	width: 100%;
}
.contact-right{
	padding:60px 70px 90px 40px; 
	color: #000;
	background: #fff;
}

.contact-left h3, .contact-right h3{
	font-size: 26px;
	font-family: 500px;
}

.contact-left p,.contact-right p {
	padding-top: 5px;
	line-height: 28px;
}

.address-blocks-wrapper{
	margin-top: 20px;
}

.address-blocks{
	padding-top: 25px;
}

.address-blocks img{
	max-width: none;
}

.address-blocks h4{
	font-size: 18px;
	font-weight: 500;
}

.address-blocks .details{
	padding-left: 20px;
}

.contact-left p a{
	color: #fff;
}

.contact-right p{
	position: relative;
}
.contact-right p::after {
	content: "";
    width: 130px;
    height: 3px;
    background: #f94158;
    top: 65px;
    left: 0px;
    position: absolute;
    display: block;
}


.contact-right .form-wrapper{
	margin-top: 35px;
	justify-content: space-between;
}

.contact-right .form-wrapper .form-field{
	width:50%;
	padding-bottom: 40px;
}

.contact-right .form-wrapper .form-field-full{
	width:100%;
	padding-bottom: 0px;
	align-items: flex-end;
}

.contact-right .form-wrapper .form-field label,.contact-right .form-wrapper .form-field-full label{
	font-size: 15px;
	color: #b8b9c0;
}

.contact-right .form-wrapper .form-field input{
	display: block;
	border: none;
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: solid 1px #b8b9c0;
	width:90%;
	font-size: 15px;
}

.contact-right .form-wrapper .form-field-full textarea{
	border: none;
	margin-top: 10px;
	border-bottom: solid 1px #b8b9c0;
	width:95%;
	font-size: 15px;
}

.full-width{
	width: 90%;
}

.submit-btn{
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	cursor: pointer;
	background: #fc464d;
    background: -moz-linear-gradient(top, #fc464d 0%, #ec2f82 100%);
    background: -webkit-linear-gradient(top, #fc464d 0%,#ec2f82 100%);
    background: linear-gradient(to bottom, #fc464d 0%,#ec2f82 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc464d', endColorstr='#ec2f82',GradientType=0 );
}

/* .submit-btn input{
	position: absolute;
	top:60%;
	left: 20%;
	transform: translate(0, -70%);
} */

.industries{
	position: relative;
	z-index: 2;
}

.tab-panel{
	background: #fc464d; /* Old browsers */
	background: -moz-linear-gradient(left,  #fc464d 0%, #ec2f82 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #fc464d 0%,#ec2f82 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #fc464d 0%,#ec2f82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc464d', endColorstr='#ec2f82',GradientType=1 ); /* IE6-9 */
	
}

.tab-panel ul{
	list-style: none;
	display: flex;
	padding-inline-start: 0px
}

.tab-panel ul li{
	font-weight: 600;
	font-size: 20px;
	color:#fff;
	border-right: solid 1px #f6799f ;
	padding: 15px 0px 15px 20px;
	cursor: pointer;
}


.tab-panel ul li.tab-clicked{
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.34);
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.34);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.34);
	position: relative;
}

.tab-panel ul li.tab-clicked::after{
    content: '';
    position: absolute;
    left: 42%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f73f5d;
    clear: both;
}

.services-details-wrapper h3{
	font-weight: bold;
	font-size: 28px;
}

.services-details-wrapper{
	padding: 50px 0px 0px 0px ;
}

.services-details-wrapper p {
    padding: 30px 0px 0px 0px;
    line-height: 30px;
}

.services-details-wrapper ul li{
	line-height: 30px;
}

.tab-details .sub-head span{
	font-weight: bold;
	color: #f94256;
}

.arrow-up{
	border: solid #FFF;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	position: absolute;
	top: 50%;
    right: 15px;
  }
  .arrow-down{
	border: solid #fff;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	top: 15px;
    right: 15px;
  }

  .service-sm-heading{
	  position: relative;
	  display: none;
	  margin-top: 10px;
	  cursor: pointer;
  }

  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
	text-align: center;
}

  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
   }

   .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.submit{
	border: none;
    background: url(../images/plane.png) no-repeat 0 0;
    width: 26px;
    height: 23px;
    position: absolute;
    z-index: 1;
    top: 30%;
    left: 19%;
	cursor: pointer;
}


@media(max-width:1300px){
.page-center{
	padding: 0px 30px 0px 30px;
}


.talking-wrapper h2{
	padding: 80px 30px 0px 30px;
}

.future-slider .owl-next{
	right: -12vw;
}

.future-wrapper .page-center{
	padding: 0px 0px 0px 0px;
}

.future{
	flex-grow: 1;
	max-width:30.74vw;
	width: 100%;
	padding: 0px 0px 0px 30px;
}

.future h3{
	font-size:3.66vw;
	font-weight: bold;
}

.future p{
	padding: 40px 22px 0px 0px;
	line-height: 30px;
	font-size: 1.46vw;
}

.future-slider{
	width: 49.78vw;
	margin-left: 1.46vw;
}

.future-slider .owl-next {
	right: -15%;
}

.future-wrapper-graphics {
	left: -30vw;
}

.future-slider .item .text a.heading{
	font-size: 1.46vw;
	left: 30px;
	top:19.7vw;
}

.future-slider .item .text a{
	bottom: 2.56vw;
	font-size: 1.24vw;
}

.right-bg{	
	right: -14.27vw;
    z-index: 0;
}

}

@media(max-width:1200px){

	.talking-blocks{
		justify-content: space-around;
	}

	.building-platform-content p,.building-platform-content h2{
		padding-right: 30px;
	}

	.footer-logo span,.footer-copyright p{
		font-size: 14px;
	}

	.footer-links ul{
		font-size: 15px;
	}

	.future-wrapper-graphics {
		left: -52vw;
	}

	.future-slider .owl-next {
		right: -15vw;
	}

	.home-banner-text-wrapper h1,.main-banner-text-wrapper h1{
		font-size: 6vw;
	}
	.home-banner-text-wrapper h2,.main-banner-text-wrapper h2{
		font-size:2.8vw;
	}

	.read-more-text{
		font-size: 12px;
	}

	.advantage-block .box{
		width: 185px;
	}

	.advantage-block .bottom-left,.advantage-block .bottom-right {
		padding: 25px 0px 40px 35px;
	}
	.advantage-block .top-left,.advantage-block .top-right  {
		padding: 35px 0px 40px 35px;
	}

	.advantage-block .bg{
		left:-50px;
	}

	.advantage-block h4 {
		font-size: 16px;
	}

	.tab-panel ul li {
		font-size: 18px;
		padding: 15px 10px 15px 20px;
	}

	.industries.flex .single-item{
		width: 320px;
	}


}

@media(max-width:1084px){

	.nav-menu ul li{
		margin-right: 20px;
	}

	.building-platform-content{
		padding: 20px 0px 0px 0px;
	}

	.building-platform-content h1{
		padding-right:10px;
	}

	.footer-content .newsletter-subscribtion .title h3{
		font-size:26px;
	}

	.footer-content .newsletter-subscribtion .title p{
		font-size: 15px;
	}

	.talking-wrapper .flex .single-item .text-block {
		padding: 40px 18px 60px 18px;
	}

	.talking-blocks.owl-carousel .owl-stage-outer {
		/* override */
		overflow: initial;
	}

}

@media(max-width:1023px){

	.nav-menu ul li{
		display: none;
	}

	.mobile-nav {
		display: inline-block;
		cursor: pointer;
		padding: 25px 10px 0px 0px;
		text-align: right;
	}

	.home-banner-text-wrapper{
		padding: 150px 0px 0px 0px;
	}
	

	.logo-bg{
		display: none;
	}

	#page-header{
		background: rgb(15 15 36 / 0.5);
	}

	.logo-wrapper {
    	padding: 20px 0px 20px 0px;
	}
	
	.logo-wrapper img{
		width: 180px;
	}

	.building-platform{
		flex-wrap: wrap;
	}

	.building-platform-content {
		max-width: 100%;
	}

	.building-platform-content h2{
		padding: 20px 0px 20px 0px;
	}

	

	.building-platform-services{
		max-width: 100%;
		margin: 40px 0px 40px 0px;
	}

	.building-platform-services .top, .building-platform-services .bottom{
		justify-content: center;
	}

	.talking-wrapper h2{
		padding-top: 80px;
	}

	.talking-wrapper-p {
		padding: 50px 35px 0px 35px;
	}


	.talking-wrapper .flex .single-item .text-block {
		padding: 40px 18px 60px 18px;
	}

	.talking-wrapper .flex .single-item .text-block h3 {
		font-size: 19px;
	}

	.subscribe-form {
		margin-left: 0px;
	}

	.footer-btm{
		justify-content: space-around;
	}

	.footer-copyright {
		text-align: center;
	}

	.dark-right,.right-bg,.top-graphics,.bottom-graphics{
		background: none;
	}

	.bottom-graphics{
		z-index: 0;
	}


	.future-contents{
		flex-wrap: wrap;
		padding: 50px 0px 0px 0px;
	}

	.future{
		max-width: 100%;
	}

	.future-slider{
		width: 670px;
		margin: 25px auto;
	}

	.future-slider .owl-next {
		right:-4vw;
	}

	.left-bg{
		display: none;
	}

	.future p{
		font-size: 17px;
	}

	.future-slider .item .text a.heading{
		font-size: 17px;
		top:270px;
	}

	.future-slider .item .text a{
		bottom: 35px;
		font-size: 14px;
	}

	.future-wrapper .page-center{
		padding: 0px 3px 0px 30px;
		
	}

	.future-slider .owl-next {
		width: 60px;
		height: 60px;
		background: url(../images/round-arrow-small-1.png) no-repeat !important;
	}

	.future-slider .owl-prev {
		display: block;
		width: 60px;
		height: 60px;
		background: url(../images/round-arrow-left-small-1.png) no-repeat !important;
		top: 35%;
		left: -11%;
		position: absolute;
	}

	.top .single-service.right {
		top: 60px;
	}

	.main-banner-text-wrapper h2 {
		padding: 0px 100px 0px 5px;
	}

	.read-more-text{	
		width: calc(100% - 60px);
		height: calc(100% + 20px);	
	}

	.read-more-text{
		font-size: 14px;
	}

	.about-speciality-blocks, .industries{
		justify-content: space-around;
	}

	.about-content-wrapper .flex, .contactus-wrapper.flex{
		flex-wrap: wrap;
	}
	.about-content{
		max-width: 100%;
	}

	.about-content-wrapper .advantages {
		margin: 50px 0px 0px 0px;
	}

	.about-content h1 span{
		display: inline;
	}

	.contact-left{
		max-width: 100%;
	}

}

@media(max-width:974px){
	.footer-copyright{
		margin-top: 20px;
	}
}

@media(max-width:920px){

	.footer-content .input-container{
		flex-wrap: wrap;
	}

	.subscribe-form{
		margin-top: 30px;
	}

	.footer-content .input-field{
		left: 0%;
	}

	.footer-content .input-field{
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}

	.footer-content .btn{
		border-radius:15px;
		margin:20px auto 0px;
	}

	.service-sm-heading {
		display: block;
		background: #fc464d;
		background: -moz-linear-gradient(left, #fc464d 0%, #ec2f82 100%);
		background: -webkit-linear-gradient(left, #fc464d 0%,#ec2f82 100%);
		background: linear-gradient(to right, #fc464d 0%,#ec2f82 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc464d', endColorstr='#ec2f82',GradientType=1 );
		padding: 10px 10px 10px 10px;
		color:#fff;
		font-weight: bold;
		font-size:18px;
	}

	.services-details-wrapper h3{
		display: none;
	}

	.services-details-wrapper p {
		padding: 10px 0px 0px 0px;
	}

	.tab-panel{
		display: none;
	}



}


@media(max-width:768px){

	.logo-wrapper img{
		width: 150px;
	}

	.talking-wrapper .flex .single-item .text-block{
		padding: 40px 20px 60px 20px;
	}

	.talking-wrapper .flex .single-item .text-block h3{
		font-size: 18px;
	}

	.footer-logo img.logo{
		width: 170px;
	}

	.read-more-text{	
		width: calc(100% - 10px);
		height: 100%;	
	}

	.about-speciality-blocks .speciality{
		max-width:100%;
	}

}

@media(max-width:640px){

	.logo-wrapper img{
		width: 100px;
	}
	.home-banner-text-wrapper{
		padding: 80px 0px 0px 0px;
	}
	.logo-wrapper {
		padding: 10px 0px 10px 0px;
	}
	.mobile-nav {
		padding: 10px 10px 0px 0px;
	}
	.footer-link-right {
		padding-left: 0px;
	}
	.footer-copyright {
		text-align: center;
	}

	.building-platform-content h1,.about-content h1{
		font-size: 28px;
		line-height: 35px;
	}

	.building-platform-content h2{
		line-height: 35px;
    	font-size: 16px;
		
	}

	.building-platform-content p,.building-platform-content ul{
		padding-right: 0px;
		font-size: 14px;
    	line-height: 25px;
	}

	.building-platform-services .top, .building-platform-services .bottom{
		flex-wrap: wrap;
		width: 260px;
    	margin: 0 auto;
	}

	.single-service.right{
		margin-left: 0px;
	}

	.building-platform-services .bottom{
		margin-top: 0px;
	} 

	.talking-wrapper h2{
		font-size: 28px;
		padding-top: 40px;
	}

	.talking-wrapper-p, .healthcare-wrapper p,.about-content p {
		font-size: 14px;
		padding: 30px 0px 0px 0px;
		line-height: 25px;
	}

	.home-banner-text-wrapper h2,.main-banner-text-wrapper h2{
		font-size: 3vw;
	}


	.single-service p {
		padding: 15px 0px 15px 0px;
		font-size: 14px;
		line-height: 24px;
	}

	.single-service h3{
		font-size: 17px;
	}

	.talking-wrapper .flex .single-item .text-block h3{
		font-size: 16px;
	}

	.talking-wrapper .flex .single-item .text-block p, .talking-wrapper .flex .single-item .text-block a{
		font-size: 14px;
		padding: 15px 0px 0px 0px;
	}

	.footer-logo img.logo {
		width: 130px;
	}

	.footer-copyright{
		margin-top: 30px;
	}

	.footer-copyright p, .footer-links ul,.footer-logo span {
		font-size: 13px;
	}

	.future p{
		font-size: 14px;
	}

	.future h3 {
		font-size: 28px
	}

	.future-slider {
		width: 280px;
	}

	.future-slider .owl-prev {
		left: -30%;
	}

	.future-slider .owl-next {
		right: -17vw;
	}

	.future-wrapper{
		height: 800px;
	}

	.bar1, .bar2, .bar3 {
		width: 25px;
		height: 2px;
	}

	.top .single-service.right,.bottom .single-service.right {
		top:0px;
	}
	.building-platform-services .bottom{
		padding-top: 0px;
	}
	.building-platform-services  .single-service{
		margin-top:40px;
	}

	.building-platform-services {
		margin: 0px 0px 0px 0px;
	}
	.future-wrapper {
		margin: 60px 0px 0px 0px;
	}
	.future{
		padding: 0px 0px 0px 0px;
	}
	.future-slider{
		margin:20px auto;
	}

	.newsletter-subscribtion {
		padding-bottom: 45px;
		margin-bottom: 45px;
	}

	.main-banner-text-wrapper {
		padding: 100px 0px 0px 0px;
	}

	.advantage-block .box {
		 width: 70%; 
		 margin: 0px auto;
		 border-bottom: solid 1px #ccc;
	}
	.advantage-block .top-left, .advantage-block .top-right, .advantage-block .bottom-left , .advantage-block .bottom-right{
		border:none;
		border-bottom: solid 1px #ccc;
		padding: 20px 0px 20px 20px;

	}

	.advantage-block  .top-right:hover,.advantage-block  .bottom-left:hover{
		position: relative;
		top:-4px;
	}

	

	.advantage-block {
		margin: 25px 0px 0px 0px;
	}

	
	.healthcare-wrapper p.sub-head,.industries.flex .single-item .text-block h3,.services-wrapper p.sub-head{
		font-size: 18px;
	}	
	
	.healthcare-wrapper ul li{
		padding-bottom: 4px;
		line-height: 25px;
		font-size: 14px;
	}

	.advantage-block h4,.about-speciality-blocks .speciality p, .industries.flex .single-item .text-block p,.industries.flex .single-item .text-block a {
		font-size: 14px;
	}

	.industries.flex .single-item .text-block p, .industries.flex .single-item .text-block a{
		padding-top: 15px;
	}

	.about-content-wrapper .advantages h3{
		font-size: 20px;
	}

	.about-speciality-blocks .speciality h4{
		font-size: 22px;
	}

	.industries.flex .single-item .text-block {
		padding: 25px 40px 30px 35px;
	}

	.contact-left p, .contact-right p,.services-details-wrapper p,.services-details-wrapper ul li{
		font-size: 14px;
		line-height: 24px;
	}

	.contact-right .form-wrapper .form-field {
		width: 100%;
		padding-bottom: 20px;
	}

	.contact-right p::after{
		background:none;
	}

	.contact-right .form-wrapper .form-field input{
		margin-top: 10px;
	}

	.contact-left {
		padding: 40px 40px 40px 40px;
	}

	.contact-right {
		padding: 40px 40px 60px 40px;
	}

	.building-platform-content ul li::before, .healthcare-wrapper ul li::before {
		background-size: cover;
		width: 15px;
		height: 15px;
	}

	.service-sm-heading{
		font-size: 16px;
	}

	.services-details-wrapper {
		padding: 0px 0px 0px 0px;
	}

	.active .bar1 {
		-webkit-transform: rotate(-45deg) translate(-3px, 6px);
		transform: rotate(-45deg) translate(-3px, 6px);
	}

	.active .bar3 {
		-webkit-transform: rotate(45deg) translate(-4px, -8px);
		transform: rotate(45deg) translate(-4px, -8px);
	}


}




