/* CSS Document */

 a.lm:hover{color:#0075c2;}
 
.client-sec{overflow:visible; position:relative;}
.client-sec .client-sec-inn{ background:#ffffff; box-shadow: 0 7px 30px 0 rgba(0, 0, 0, 0.10);  position: relative; top:-50px;
padding: 5% 3%; font-size:22px; font-weight:300;
}


.contactform-sec{overflow:visible; position:relative; }
.contactform-sec .contactform-sec-inn{ background:#ffffff; box-shadow: 0 7px 30px 0 rgba(0, 0, 0, 0.10);  position: relative; top:-50px;
padding: 2% 3%;width: 55%;
    margin: 0 auto;
}




.client-sec-inn h1{

  font-size: 44px;
   font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height:60px;
  letter-spacing: normal;
  text-align: right;
  color: #333333;
  margin-top:0;
  }
  
  .heading-large { font-size: 72px;
   font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height:1.25;
  letter-spacing: normal;
  margin-top:0;}
  
  .heading{
  font-size: 52px;
   font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height:65px;
  letter-spacing: normal;
  margin-top:0;
  }
  
  .smart-heading{
  font-size: 52px;
   font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height:65px;
  letter-spacing: normal;
  margin-top:0;
  color:#1c75bb!important;
  text-align:left!important;
  }
  
    .heading2{
  font-size: 42px;
   font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height:54px;
  letter-spacing: normal;
  margin-top:0;
  }
  
     .heading3{
  font-size: 24px;
   font-weight: 900;
  line-height:27px;
  letter-spacing: normal;
  margin-top:10px;
  }
  
  .heading44{
    font-size: 44px;
   font-weight: 900;
  line-height:1.36;
  letter-spacing: normal;
  color: #333333;
  }
  
  .heading22{
  font-size: 22px;
   font-weight: 900;
  line-height:1.27;
  letter-spacing: 0.3px;
  }
  
  .heading40{
   font-size: 40px;
   font-weight: 900;
  line-height:1.25;
  letter-spacing: normal;
  color: #333333;
  }
    .sub-heading{
  color:#0075c2; text-transform:uppercase; font-size:14px; margin-bottom:20px; font-weight:bold; letter-spacing:2px;
  }
  
  .pattern{
  width:254px;
  height:145px;
    position: absolute;
    top: 24%;
    right: 22%;
  background:url(../images/pages/pattern.png) no-repeat;
  background-size: 100%;
}

  .pattern-product{
  width:254px;
  height:145px;
    position: absolute;
    top: 12%;
    right: 22%;
  background:url(../images/pages/pattern.png) no-repeat;
  background-size: 100%;
}
  
 .pd-all{
 padding:30px;
 }
  
  

  .product-sec h1{ color:#0075c2;}
  .product-sec{ font-size:18px;}

.topnavinn{
width: 95%;
margin: 0 auto;}

.lm{
color:#0075c2;
text-transform:uppercase;
font-size:16px;
font-weight: bold;
}

.btn:active{ box-shadow:none;}
.lm.btn, .lm.btn:focus{background:transparent; padding:0; box-shadow:none;}
.lm.btn:hover, .lm.btn:focus{ color:#0075c2;}

.Rectangle {
width: 30px;
height: 2px;
background-color: #0075c2;
display:inline-flex;
position: relative;
top: -3px;
left:8px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}

.lm:hover .Rectangle{left:16px}

.fill-21{
position: absolute;
    right: 0;
    bottom: 0;
}

.element-2{
background:url(../images/pages/element-2.svg) no-repeat;
width:90px;
height:60px;
padding-left:20px;
background-position: 0px 10px;
padding-bottom: 45px;
}

.element-6{
background:url(../images/pages/element-6.svg) no-repeat;
width:112px;
height:73px;
position:absolute;
top: 26px;
right: -7px;
}

.element-7{
background:url(../images/pages/element-7.svg) no-repeat;
width:156px;
height:169px;
position:absolute;
bottom: -5px;
left: -20px;
}

.element-8{
background:url(../images/pages/element-8.svg) no-repeat;
width:116px;
height:108px;
padding-left:10px;
background-position: 0px 10px;
padding-bottom: 45px;
}

.element-10{
background:url(../images/pages/element-10.svg) no-repeat;
width:51px;
height:89px;
    padding-left: 10px;
    background-position: 0px 0px;
    padding-bottom: 45px;
    background-size: 23%;
}

.element-cr{
background:url(../images/pages/fill-cr.svg) no-repeat;

    padding-left: 10px;
	padding-top:1px;
    padding-bottom: 45px;
    background-size: 10%;
}

.element-cr2{
background: url(../images/pages/element-8.svg) no-repeat;
    padding-bottom: 45px;
    background-size: 23%;
}



.product-sec ul{
margin:0;
padding:0;
}

.product-sec ul li{
list-style:none;
background:url(../images/pages/next.png) no-repeat 0px 8px;
background-size:8px;
padding-left:15px;
margin-bottom:20px;
/*line-height: 42px;*/
}

ul.list {
margin:0;
padding:0;
}

ul.list  li{
list-style:none;
background:url(../images/pages/next.png) no-repeat 0px 7px;
background-size:8px;
padding-left:15px;
margin-bottom:20px;

}

ul.list2 {
margin:0;
margin-top:30px;
padding:0;
}

ul.list2  li{
list-style:none;
    background: url(../images/pages/list2.png) no-repeat 0px 4px;
    background-size: 18px;
    padding-left: 26px;
margin-bottom:20px;
font-weight:bold;
line-height: 1.5;
}

.prod-lft{ padding-right:0;}
.prod-rgt{ padding-left:0; top: -50px;
   }

.qsmart{
background: url(../images/pages/fill-21.svg) no-repeat bottom right #ffffff;
border:1px solid #eeeeee;
}
.qsmart-product{
background: url(../images/pages/fill-23green.svg) no-repeat bottom right #ffffff;
border:1px solid #eeeeee;
}

.synapse{
background: url(../images/pages/fill-22.svg) no-repeat bottom right #ffffff;
border:1px solid #eeeeee;
}

.synapse-product{
background: url(../images/pages/fill-24blue.svg) no-repeat bottom right #ffffff;
border:1px solid #eeeeee;
}

.services-sec{
background-image: linear-gradient(to bottom, #fffcf5 2%, #ffffff); font-size:18px;}

.services-cnt{
background-color:#ffffff;
    box-shadow: 0 7px 30px 0 rgba(0, 0, 0, 0.10);
	padding:4%;
	position: relative;
    left: -60px;
    top: 40px;
    overflow: visible;}
	
.services-sec .s-details{ margin-right:15%; }
	
.about-sec{
background:#fffcf5; font-size:18px;}

.about-box-cnt span{font-size:14px; font-weight:bold; opacity:0.7}

.about-box-cnt{
width: 92%;
    margin-left: 9%;
    top: -50px;
    overflow: visible;
    background: #FFFFFF;
    position: relative;
    padding: 25px; box-shadow: 0 7px 25px 0 rgba(0, 0, 0, 0.06);}
	
.contact-sec{
	background: url(../images/pages/contact-pattern.svg) no-repeat right bottom #1c75bb;
	color:#FFFFFF;	
	}
.contact-sec a{ color:#ffffff; }

.fpu{
    background: #fafafc;
	color:#333;	
}
.fpu h5{ font-family: 'Lato', sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5; color: #1c75bb;
}
.fpu small{ font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5; color: #666;
    text-transform: uppercase;
}
	
.prd-contact-sec.contact-sec{
background: url(../images/pages/product-contact-pattern.svg) no-repeat right bottom #1c75bb;
color:#FFFFFF;	
}

.contact-sec .heading2{
font-size:52px;
line-height:1.25;
}	
	
/*.contact-sec .c-details{ margin-top:50px;}*/
.c-details .col-sm-4 {margin-top:50px;}

.contact-sec .c-details small{
opacity: 0.7;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 2px;
  text-transform:uppercase;
  }
  
.contact-sec .c-details h5{
font-family: 'Lato', sans-serif;
font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;}
  
  .careercnt-sec {	background:url(../images/pages/contact-pattern.svg) no-repeat right bottom #1c75bb;
	color:#FFFFFF;	}
  .careercnt-sec .Rectangle{background:#ffffff;}
  .careercnt-sec a.lm:hover{color:#ffffff;} 
  .careercnt-sec .element-10 {background-size: 18%;}
  
   .footer-social{margin-top:50px; font-size:18px;}
  .footer-social a{padding:0 30px; color:#ffffff; font-weight:normal}
  
.map-sec .widget{ color:#333333;}
#footer-widgets .widget{text-align:left; border:none;padding-left: 3%;}
#footer-widgets .widget.footer-caption{text-align:right;padding-right:8%; padding-left: 0;}
#footer-widgets .heading3{color:#333333; line-height:40px; font-size:32px;}
#footer-widgets .footer-logo{width:60%; margin-top:71%;}
#footer-widgets h6{font-weight:900; color:#333333; line-height:1.5;}

.serve-img{overflow:hidden;}
.serve-img img{transition: all 0.5s ease;}
.serve-img:hover img{    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
	
.blog-cnt{overflow:hidden;}
.blog-cnt img{transition: all 0.5s ease;}
.blog-cnt:hover img{    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
	
	.container-footer{width:85%; margin:0 auto;}
	.container-footer .widget {float:left; width:25%; text-align:center; border-right: 1px solid #eeeeee;}
	.container-footer .widget:last-child{ border-right: none;}
	.container-footer .widget h1{font-size:32px; font-weight:900;line-height: 1.5;margin-top: 0;}
	
.blg-details-head h2.heading3{font-size:48px; color:#070707;line-height: 1.25;}	
.blg-detail-by{color:#333333; font-size:18px; font-weight:300; border-bottom: 1px solid #edeeef; padding-bottom:20px;padding-right:50px; width:35%}
.blog-ftr{font-size: 16px !important;line-height: 1.38 !important;letter-spacing: 0.3px;color: #308d43 !important;}
.blog-details-cnt p{font-size:20px;color:#333333; line-height:1.7}
.blog-details-cnt .heading3{font-size: 30px;font-weight: normal;line-height: 1.27;color: #333333;}
.blog-details-cnt-msg ul{padding-left: 15px;}
.blog-details-cnt-msg li{margin-bottom:30px; font-size:20px; color:#333333; line-height: 1.7;}
.blog-details-cnt-msg li strong{font-weight:bold}
.blogdDshare{color:#333333; font-size:14px; margin-bottom:15px; letter-spacing: 1px;}
/*  Career 
========================================== */
.element-11 {
    background: url(../images/pages/element-10.svg) no-repeat;
    width: 51px;
    height: 89px;
    background-position: 47px 13px;
    padding-bottom: 45px;
    background-size: 51%;
    padding-right: 8px;
}

.tabhead{
font-size: 14px;
font-weight: bold;
color: #f0b81f;
/*padding-left:15px;*/
margin-bottom:40px;
}

.join{
  font-size: 16px;
  font-weight: bold;
}

  .career-cul-box{
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fbf7f7;
  display:flex;
  align-items:center;
   background:url(../images/pages/fill-21-copy.svg) no-repeat bottom right;
   justify-content: center;
   text-align:center;
   position: relative;
   padding: 50px;
   }
   
   .career-cul-box .heading3{font-size:32px; line-height:40px;}
 .benf-iconsec{ overflow:visible;}

.benef-box{
color:#ffffff;
}

.benef-text{
color:#ffffff;
  font-size: 20px;
  font-weight: 300;
}

.Learn-Rect{
  display:flex;
  align-items:center;
  justify-content: center;
  flex-direction: column;
  position:relative;
  margin-bottom: 20px;
  font-size: 18px;
}
.Learn-Rect::after{
content:"";
width:1px;
height:55px;
background:#e6e8ea;
position:absolute;
right:0;
}

.Learn-Rect:last-child::after{
width:0;
}

.Learn-Rect img{
margin-bottom: 30px;
}


.ben-container{
position:relative;
top:-40px;
background:#ffffff;
padding:50px;
}

.open-pos{
color: #1c75bb;
font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
}

.open-pos-1{
padding-top:8%;
font-size: 18px;
}

table{
margin:0 auto;
font-size: 16px;
}



table td{
 border-bottom:1px solid #eeeeee;
 padding:15px !important;
 font-size: 18px;
}

table tr:last-child td{
border-bottom:0px;
}

table tr:nth-of-type(2) td{
border-top:none !important;
}

table th{
padding:15px !important;
 color:#0e0101;
 border:none;
}
 .table>tbody>tr>th{border:none !important;}
.element-12{
background:url(../images/pages/element-10.svg) no-repeat;
width:51px;
height:89px;
    padding-left: 15px;
    background-position: 0px 0px;
    padding-bottom: 45px;
    background-size: 30%;
}
	
.red-bg{background-color:#ea2626; color:#ffffff}
.red-bg2{background-color:#ff5c5c; color:#ffffff}	
.green-bg{background-color:#308d43; color:#ffffff}	
.yellow-bg{background-color:#f0b81f; color:#ffffff}	
.blue-bg{background-color:#1c75bb; color:#ffffff}	
.blueberry-bg{background-color:#343877; color:#ffffff}	

.red-clr{color:#ea2626;}	
.green-clr{color:#308d43;}	
.yellow-clr{color:#f0b81f;}	
.blue-clr{color:#1c75bb;}	

.red-bg2 p{font-size: 22px;}
.red-bg2 btn-light-out{font-size: 22px;line-height: 32px;}

.abt-sec1-box{padding:10% 10% 10% 8%;background: url(../images/pages/fill-abt.svg) no-repeat left bottom #1c75bb; color:#ffffff}
.abt-sec1-box .heading3{font-size:30px;line-height: 1.25;}
.abt-sec1-box p{font-size:18px;}
.abt-cnt-box {left:-50px; padding-top: 25px;}
.abt-ovr-main {display: flex; flex-wrap: wrap;}
.abt-ovr-box{ display:flex; background:#ffffff; align-items:center; justify-content:center;margin:10px 20px 20px 0px; font-size:16px; text-align:center; box-shadow: 0 7px 30px 0 rgba(0, 0, 0, 0.10);   }
.abt-ovr-boxinn{background:#ffffff; padding:15px;}
.abt-ovr-box span{padding-bottom:10px; font-size:42px; font-family:'Lato', sans-serif;font-weight:bold; position: relative; display: flex; justify-content: center;}
.abt-ovr-box hr{width: 24px; height: 1px;  background: #ccc; margin:0 auto;}
.abt-vision-rgt {left:-80px;}
.fill-ylw-abt{width: 56px;
  height: 98px; position:absolute;     top: -5px;
    right: 37%;}
.fill-red-abt{width: 118px;
  height: 126px; position:absolute; bottom: 60px;
    right: 0px;}
	
.abt-vision-cnt{display:flex; margin-bottom:80px;}
.abt-vision-cnt .heading3{font-size:28px; line-height:35px;}
.abt-vision-cnt p{font-size:18px;}
.abt-vision-cntdet{margin-left:0%;}
.abt-vision-cntdet2{margin-left:15%;}
.abt-story{background:#f9fdff;}
.story-cnt{ background:#ffffff;box-shadow: 0 7px 30px 0 rgba(0, 0, 0, 0.10); position: relative; left: -80px;}
.story-cnt .heading2{font-size:40px;}
.story-cnt2{width:80%; font-size:18px;}
.abt-people .people-subhead{font-size:40px; font-weight:900;color:#333333;width:50%;margin:0 auto;}
.abt-people h4{font-size:18px;}

.anchor-menu.center {
  text-align: center;
  min-height:30px;
}
.anchor-menu.center > li {
  display: inline-block;
  float: none;
  padding:0 20px;
  
}

.anchor-menu.center > li a{font-size:18px; font-weight:normal}
.anchor-menu li:hover a, .anchor-menu li a:focus{color:#0075c2;}
.anchor-menu li:hover .brd-line, .anchor-menu li a:focus .brd-line{
    width: 25px;
    height: 2px;
    background-color: #0075c2;
    position: relative;
    top: 4px;
    left: 2px;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.career-cnt .heading3{font-size:32px;}
.career-cnt p{font-size:18px;}
.career-cnt {background:#fcfcfc; padding:50px 30px 90px }
.play-icon{position:absolute;top:44%;left:44%;}
	
	
	
	
/*  BURGER MENU
========================================== */
.menu, .menu-mbl{
	    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 99999;
    right: 1%;
	margin-top:-6px;
	cursor:pointer;
	/*display:flex;*/
}

.scroll .menu, .scroll .menu-mbl {margin-top:0px;}

.menu.mclose, .menu-mbl.mclose{top:4% !important;}
.menu span, .menu-mbl span {
	position: relative;
	margin-top: 9px;
	margin-bottom: 9px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -1.5px;
}
.menu span, .menu span::before, .menu span::after, .menu-mbl span, .menu-mbl span::before, .menu-mbl span::after {
	display: block;
	
		width: 26px;
	right: 0;
	height: 3px;
	background-color: #fccb32;
	outline: 1px solid transparent;
	-webkit-transition-property: background-color, -webkit-transform;
	-moz-transition-property: background-color, -moz-transform;
	-o-transition-property: background-color, -o-transform;
	transition-property: background-color, transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.menu span::before, .menu span::after , .menu-mbl span::before, .menu-mbl span::after{
	position: absolute;
	content: "";
}
.menu span::before, .menu-mbl span::before {
	top: -9px;
	 width:20px
}
.menu span::after, .menu-mbl span::after {
	top: 9px;width: 33px;

}
.menu.clicked span, .menu-mbl.clicked span{
	background-color: transparent;
}
.menu.clicked span::before,.menu-mbl.clicked span::before {
	-webkit-transform: translateY(9px) rotate(45deg);
	-moz-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	-o-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);    width: 33px;
}
.menu.clicked span::after, .menu-mbl.clicked span::after {
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-moz-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	-o-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}
.menu.clicked span:before, .menu.clicked span:after, .menu-mbl.clicked span:before, .menu-mbl.clicked span:after {
	background-color: #000000;
}
.menu:hover, .menu-mbl:hover {
	cursor: pointer;
}

.map-sec .widget:hover{ color:#1c75bb;}
.map-sec .widget a{ text-transform:uppercase; font-size: 14px; letter-spacing: 2px; line-height: 1.14;}
.map-sec .widget:hover a{ color:#1c75bb;}
.map-sec .widget .Rectangle { display:none; width:14px;}
.map-sec .widget:hover .Rectangle { display:inline-block !important;}



  .pattern-ind{
  width:254px;
  height:254px;
  position:absolute;
 right: -112px;
    z-index: -1;
    top: -111px;
  background:url(../images/pages/pattern.png) no-repeat;
  
  
}

.pattern-cont{ width:254px;
  height:114px;
  position:absolute;
  left: 30px;
    bottom: 0px;
	overflow:hidden;
  background:url(../images/pages/pattern.png) no-repeat ;}

.secure-serve {
	background:#ffffff;
	box-shadow: 0 7px 30px 0 rgba(0, 0, 0, 0.10);
}

.secure-serveinnr{
    /* padding-left:50px; */
    padding: 40px;
    font-size: 18px;
    font-weight: 300;}

.secure-serve h6{
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: 0.4px;
  color: #333333;
  font-size:22px;
}

.secure-serve1 h6{
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: 0.4px;
  color: #333333;
  font-size:21px;
}

.secure-serve2{background:#f9f9f9;}

.ser-inn-secCnt{padding:0 60px 10px 0px}

.testisec{background:#ffffff}

.indus-sec1 { background:url(../images/pages/rectangle-ylw.svg) no-repeat left center #ffffff;font-size: 18px;}


.service-sec1 { background:url(../images/pages/rectangle-red.svg) no-repeat left center #ffffff;font-size: 18px;}
.service-sec2 { background:url(../images/pages/rectangle-ylw-service.svg) no-repeat right center #ffffff;font-size: 18px;}

.ind-rect-top {background: #ffffff; box-shadow: 0 7px 30px 0 rgba(0, 0, 0, 0.10); left: -100px;}
.ind-rect-bottom {background: #ffffff; box-shadow: 0 7px 30px 0 rgba(0, 0, 0, 0.10); z-index:1;}
.indinner-sec {display:flex; align-items: flex-end;}
.ind-rectimg{left: 41.5%}
.indus-sec2 { background:url(../images/pages/rectangle-blue.svg) no-repeat right center #ffffff;font-size: 18px;}
.red-indus-cnt {background:#ea2626; color: #ffffff;}
.red-indus-cnt small{font-size:12px;}
.red-indus-cnt h1{font-size:30px;font-weight: 900;}
.lightclr {color: #ffffff;}
.lm.lightclr {color: #ffffff;}
.lm.lightclr:hover {color: #ffffff;}
.lm.lightclr .Rectangle{background: #ffffff;}

.indus-sec3{font-size: 18px;}

.g-widget {background: url(../images/pages/fill-small.svg) no-repeat bottom right #f9f9f9; color:#070707; padding:25px; margin-top:25px }
.g-widget .headcnt {color:#308d43; font-weight:900; font-size:30px;}
.g-widget small{color:#333333;font-size:12px;}

.blog-head{width:30%;}
.blog-head h1{font-weight:900 !important;}
.blog-cnt-sec1 { box-shadow: -3px 20px 25px 0 rgba(0, 0, 0, 0.03);background:url(../images/pages/fill-small.svg) no-repeat bottom right #ffffff; margin-left:15px;margin-top: -150px;}
.blog-cnt-sec1 h1.heading2{ font-size:30px;color:#333333;line-height:38px;}
.blog-date{font-size:14px; font-weight:bold;line-height: 1.14;letter-spacing: 2px; text-transform:uppercase; color:#333333;opacity: 0.7; margin-top:10px;
}

.bloginnr-sec2{display: flex;
    align-items: flex-end;
    position: relative;
    justify-content: flex-end;}
.bloginner-sec-bg{position: absolute;
    width: 47%;
    z-index: 1;
    margin-top: 20px;
    left: 0;bottom:0}
.bloginner-sec-bg h1.heading2{font-size:30px; line-height:1.27}

/*  Product 
========================================== */

.prosBanFill{ position:absolute; top:0; right:0; z-index:99;}

.pro-banner-bg-sy{
 /*background-image:linear-gradient(to bottom, #c0ffef 1%, #ffffff 70%);*/
 background:url(../images/pages/synapse-banner.jpg) no-repeat bottom; background-size:cover !important;
}

/* .pro-banner-bg-qs{
 background-image:linear-gradient(to bottom, #c0d5ff 1%, #ffffff 55%);
}
.proQ-ban{height:95% !important;}
.proS-ban{height:auto !important;} */

.pro-banner-bg-qs{    background: #1B1F53;  height: 100%;}
   .proQ-ban{height:100% !important;}
   .proS-ban{height:auto !important;}

.pro-banner-img{
  mix-blend-mode: multiply;
  background-size:contain;
}

/* .prod-ban-rgtimg img{ margin-left: 100px;} */
.pro-banner{
 background-size:contain;
}


.prod-bantext{
text-align:left;
}

.prod-sub-heading{
font-size:24px;
color:#333333;
font-weight:800;
font-family: Montserrat;
}
.proS-ban .prod-bantext h2{
 color:#333333;
 font-size:48px;
 font-weight:900;
}
.prod-bantext h2{
 color:#ffffff;
 font-size:60px;
 font-weight:900;
}

.prod-bantext p{
color:#ffffff;
font-size:18px;
}

.prod-bantext button{
font-size:16px;
font-weight:bold;
}

.prod-pattern{
  width: 254px;
  height: 224px;
  background-color: #000000;
  background:url(../images/pages/pattern.png) no-repeat;
  float:right;
}

.flex-control-nav > li{
margin-bottom:45px;
}

.prod-sec h1{
 font-size:40px; 
 color:#333333; 
 line-height: 1.25;
}

.prod-sec h6{
font-size: 22px; 
font-weight: 900;
line-height: 1.27;
letter-spacing:0.3px;
color:#333333;
}

.prod-sec p{
font-size:16px;
line-height: 1.5;
}

.prod-grad{
background: linear-gradient(to top, #f6fcff, #ffffff 100%);
}

.prod-grad-1{
background: linear-gradient(to bottom, #f6fcff, #ffffff 50%);
}
.psec-1 .border-right{
 border-right: 2px solid transparent; 
            border-image: linear-gradient(to top, #eeeeee, #ffffff); 
            border-image-slice: 1; }


.pattern-2{
  width:454px;
  height:345px;
  background:url(../images/pages/pattern-copy-2.png) no-repeat right;
  background-size:contain;
  position:absolute;
  top:-24%;
}

.prod-grad-1 .pattern-2{right:0;}

.color-box{
width: 336px;  
height: 569px; 
position:relative;

}

.color-box-sidecont{box-shadow: 0px 50px 40px -40px rgba(0, 0, 0, 0.10);}

.serve-carou .flex-control-paging > li > a{
display:none;
}

.nav-inside .flex-direction-nav > li.flex-nav-prev > a, .nav-inside .flex-direction-nav > li.flex-nav-next > a{
border-radius:50%;
border:1px solid #333333;
}

.color-box-img{
position:absolute; 
width: 447px; 
height: 427px; 
object-fit: contain; 
top: 7%; 
right:-119px;
}

.psec-1{width:85%;margin:0 auto; background:#ffffff;}
.psec-1 .col-sm-4{padding:20px 40px;}
/*.qs-services-bg {
  background-image: linear-gradient(to top, #f6fcff, #ffffff -6%)}*/

.qs-services-bg{
 background-image:linear-gradient(to bottom, #f6fcff 1%, #ffffff 99%);
}

.qspattern{ position:absolute; right:0;bottom: -4%;width: 454px;
    height: 345px;    z-index: -1;}
	
a:focus{
outline: none;
}




/*  NAV
========================================== */

#nav  {
background:url(../images/pages/fill-20.svg) no-repeat bottom right #ffffff;
background-size:30%;

	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	padding: 100px 40px 60px 40px;
	overflow-y: auto !important;
/*	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);*/
	clip-path:circle(100px at 110% -23%);
-webkit-clip-path:circle(100px at 110% -23%);
-ms-clip-path:circle(100px at 110% -23%);
 -moz-clip-path:circle(100px at 110% -23%);
transition:all 0.5s ease;

	 /*transform: translate(50%,-50%) scale(0);
	 -webkit-transform: translate(50%,-50%) scale(0);*/
}

#nav-mbl {
background:url(../images/pages/fill-20.svg) no-repeat bottom right #ffffff;
background-size:30%;

	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	padding:20px;
	overflow-y: auto;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}


#nav ul li, #nav-mbl ul li{ margin-bottom:15px;}
#nav ul li a, #nav-mbl ul li a{ color:#666666;}

#nav.show {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	clip-path:circle(100% at 50% -20%);
	-webkit-clip-path:circle(100% at 50% -20%);
	-ms-clip-path:circle(100% at 50% -20%);
	 -moz-clip-path:circle(100% at 50% -20%);
	 overflow:hidden;
}

#nav-mbl.show {-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);}

 *::-ms-backdrop, #nav{
	-ms-transform: translate(100%,-100%);
	transform: translate(100%,-100%);
	-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

 *::-ms-backdrop, #nav.show {
 -webkit-transform: translate(0px);
	-ms-transform: translate(0px);
	transform: translate(0px);
 }
 
 @supports (-ms-ime-align: auto) {
 #nav{
	-ms-transform: translate(100%,-100%);
	transform: translate(100%,-100%);
	-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

#nav.show {
 -webkit-transform: translate(0px);
	-ms-transform: translate(0px);
	transform: translate(0px);
 }
 }


#nav .menuCnt {opacity:0;font-size: 18px;}

#nav.show .menuCnt {opacity:1; }
#nav.show .menuCnt h1.heading3{font-size:28px; }
#nav.show .menuCnt h2.heading3{font-size:24px; }
#nav .menuCnt .col-sm-6, #nav .menuCnt .col-sm-5{opacity:0; transition:all 1s ease}
#nav.show .menuCnt .col-sm-6:nth-child(1){opacity:1; transition:all 1s ease 0.7s;}
#nav.show .menuCnt .col-sm-6:nth-child(2){opacity:1; transition:all 1s ease 0.6s;}
#nav.show .menuCnt .col-sm-6:nth-child(3){opacity:1;transition:all 1s ease 0.5s;}
#nav.show .menuCnt .col-sm-6:nth-child(4){opacity:1;transition:all 1s ease 0.4s;}
#nav.show .menuCnt .col-sm-5{opacity:1;transition:all 1s ease 0.3s;}

#nav.show ul.main li {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}
.menu.clicked {
    position: fixed;
    z-index: 99999;
}
#nav.show ul.main li:nth-child(1) {
	transition-delay: 0.15s;
}
#nav.show ul.main li:nth-child(2) {
	transition-delay: 0.3s;
}
#nav.show ul.main li:nth-child(3) {
	transition-delay: 0.45s;
}
#nav.show ul.main li:nth-child(4) {
	transition-delay: 0.6s;
}
#nav.show ul.main li:nth-child(5) {
	transition-delay: 0.75s;
}
#nav.show ul.main li:nth-child(6) {
	transition-delay: 0.9s;
}
#nav.show ul.main li:nth-child(7) {
	transition-delay: 1.05s;
}
#nav.show ul.main li:nth-child(8) {
	transition-delay: 1.2s;
}
#nav.show ul.main li:nth-child(9) {
	transition-delay: 1.35s;
}
#nav.show .about, #nav.show .social, #nav.show ul.sub {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	transition-delay: .85s;
}


#nav ul.main {
	list-style-type: none;
}
#nav ul.main li {
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float: none;
	    list-style: circle;
    color: #fff
}
#nav ul.main li:last-of-type {
	margin-bottom: 0px;
}
#nav ul.main li a {
	color: #ffffff;
	
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1rem;
	display: block;
	padding: 10px 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#nav ul.main li a span {
	color: #b7ac7f;
}
#nav ul.main li a:hover {
	color: #b7ac7f;
}
#nav ul.sub {
	list-style-type: none;
	margin-top: 40px;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#nav ul.sub li {
	margin-bottom: 10px;
}
#nav ul.sub li:last-of-type {
	margin-bottom: 0px;
}
#nav ul.sub li a {
	color: #ffffff;
	font-family: "Raleway", sans-serif;
	letter-spacing: 1px;
	font-size: 0.9rem;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#nav ul.sub li a:hover {
	color: #b7ac7f;
}
.mobile-nav{display:none}
.desktop-nav{display:block}

.menu-mbl{display:none;}
.menu{display:block;}
.mn-cont small{color:#1c75bb;font-size: 12px; letter-spacing:1.71px; font-weight:bold}
.s-details-mbl{display:none;}
.abt-link{}
.abt-link-mbl{display:none;}
.indus-ban-height{height:100% !important;}
.about-ban{height:75% !important;}
.indus-sec3-txt{font-size:18px; line-height:27px; }
	.indus-wtbox1{padding-right: 0;}
.indus-wtbox2 {padding-right: 15px;}
.indus-wtbox2 .g-widget{ margin-top:-90px; margin-left:10px;}
.indus-wt-img{padding-left:0;}
.red-indus-cnt a.lm{font-size: 14px;}
.career-header-bg{background:url(../images/pages/career.jpg) no-repeat top right; background-size:62%;}
.culCnt{font-size:18px;}
#Open-Positions{ padding-top:60px;}
.creerDetCnt p{font-size:22px;}
.career-cnt ul.list  {
    font-size: 18px;}
.contact-ban{background:url(../images/pages/contact-banner.jpg) no-repeat; background-size:cover;}
.contact-header{height:80% !important;}
.contact-form p{font-size: 22px;}

.blog-ban-bg{background:url(../images/pages/blog-leftbg.svg) no-repeat top left; background-size:39%;}
.blog-bann{height:70% !important}
.blog-cnt-sec1 .cnt{font-size: 18px;}



.map-footer_map-container{position:relative;width:90%;margin:0 auto;}

.map-footer_dot{position:relative;display:inline-block;pointer-events:auto;}
.map-footer_dot:before{top:0;left:0;position:absolute;content:"";display:block;animation:dot-ripple 3s linear infinite;}

.map-tanuku{ top: 62.3%; left: 68.7%;position:absolute; background:#f0b81f;}
.map-tanuku.map-footer_dot, .map-tanuku.map-footer_dot:before{background-color:#f0b81f;width:10px;height:10px;border-radius:50%;}

.map-hyd{ top:60.5%; left:70%;position:absolute; background:#1c75bb;}
.map-hyd.map-footer_dot, .map-hyd.map-footer_dot:before{background-color:#1c75bb;width:10px;height:10px;border-radius:50%;}

.map-dubai{ top:60.3%; left:61.9%;position:absolute; background:#308d43;}
.map-dubai.map-footer_dot, .map-dubai.map-footer_dot:before{background-color:#308d43;width:10px;height:10px;border-radius:50%;}

.map-saudi{ top: 59.3%; left: 59.7%;position:absolute; background:#ea2626;}
.map-saudi.map-footer_dot, .map-saudi.map-footer_dot:before{background-color:#ea2626;width:10px;height:10px;border-radius:50%;}

.map-canada{ top: 44%; left: 11%;position:absolute; background:#ea2626;}
.map-canada.map-footer_dot, .map-canada.map-footer_dot:before{background-color:#ea2626;width:10px;height:10px;border-radius:50%;}


.map-footer_dot:first-of-type::before{animation-delay:1s}
.map-footer_dot:nth-of-type(2):before{animation-delay:2s}
.map-footer_dot:nth-of-type(3):before{animation-delay:3s}
.map-footer_dot:nth-of-type(4):before{animation-delay:4s}
.map-footer_dot:nth-of-type(5):before{animation-delay:5s}
.map-footer_dot:nth-of-type(6):before{animation-delay:6s}
.map-footer_dot-link{width:100%;height:100%;position:relative;z-index:1000;display:block;cursor:pointer}

.gmap-sec{overflow:visible}
.mapPopup { width:320px;}
.mapPopup h1{font-size:26px; font-weight:900; margin:0; margin-bottom:10px}
.mapPopup p{ color:#666666; font-size:16px; font-weight:300; line-height:24px;letter-spacing: 0.27px;}
.mapPopup p span{ color:#333333;font-weight:400;}
.servc-details{margin-right:15%;}
.abt-quote{position: absolute;top: -21px;right: -3px; font-size: 61px;}


.syn-sec1 .heading2{color:#333333; font-size:36px;line-height: 1.28;}
.syn-sec2 .heading{color:#333333; font-size:32px !important;line-height: 1.28;}
.syn-sec2 .box{background:#f9fcfd; padding:74px 0 37px 0;}
.syn-sec2 .boxInner {    padding: 50px 60px 0px 0px;}
.syn-sec2 .boxInner .icon{ padding-right:0;}
.syn-sec2 .boxInner h5{ font-weight:900; color:#333333;font-size: 20px;}
.syn-sec3 .heading h1{color:#333333; font-size:28px;line-height: 1.39; font-weight:900;}
.syn-sec3-Rgt{ margin-top:10%;}
.syn-sec3-Lft{ margin-top:5%;}

.prod-sec.syn-sec4 h1{color:#333333; font-size:28px;line-height: 1.39; font-weight:900;}

.imgSec-btm{background: linear-gradient(to top, #f1f5f9 60%, #ffffff);}

.prod-ban-height{height:80% !important;}
.prodHeadingSec{ padding-bottom:200px;}
.prodCntSec{ margin-top:-300px;}

.product-heading{
  font-family: Playfair Display!important;
  font-size: 32px;
  font-weight: 900!important;
  color: #070707!important;
}


.paginationNumber{color:#212454}
.prod-carosule-sec1 .carousel-control.left,.prod-carosule-sec1 .carousel-control.right{ background: none;}
.prod-carosule-sec1 .carousel-control img{width: 50px;}
.prod-carosule-sec1 .carousel-control{position: inherit;}
.prod-carosule-sec1 p{line-height: 28px;}
.prod-carosule-sec1 .carousel-indicators{position: relative; left: inherit; margin: inherit; text-align: left;
margin-bottom: 20px;}
.prod-carosule-sec1 .carousel-indicators li{ border: none; background: #212454; transition: all 1s;}
.prod-carosule-sec1 .carousel-indicators .active{width: 35px;}

.prod-carosule-sec2 .carousel-control.left,.prod-carosule-sec2 .carousel-control.right{ background: none;}
.prod-carosule-sec2 .carousel-control img{width: 50px;}
.prod-carosule-sec2 .carousel-control{position: inherit;}
.prod-carosule-sec2 p{line-height: 28px;}
.prod-carosule-sec2 .carousel-indicators{position: relative; left: inherit; margin: inherit; text-align: left;
margin-bottom: 20px;}
.prod-carosule-sec2 .carousel-indicators li{ border: none; background: #212454;}
.prod-carosule-sec2 .carousel-indicators .active{width: 35px;}
.prod-carosule-sec2 .controls{float: left; width: 50px; padding-top: 8%;}
.prod-carosule-sec2 .cntt{float: right; width: 89%;}
 
.proQ-ban .prod-bantext h2{font-size: 50px;}
.proQ-ban .prod-ban-rgtimg{position: relative; height: 100%}
.proQ-ban .prod-ban-rgtimg img{ position: absolute; bottom: 0; width: 90%;    right: 10%;}

.h100{height: 100%}

.fp-sec4{background: linear-gradient(180deg, #F3F3FF 0%, rgba(238, 240, 255, 0) 68.78%); }

/* .horzScroll-group{padding-left: 12%; } */


 .horzScroll-group > .row {
   overflow-x: scroll;
    display: flex;
    padding-bottom: 40px;
  }
  .horzScroll-group > .row > .sc4box {
    background: #F3F3FB;
    min-width: 45%;
     margin-left: 20px;
     padding: 3% 5%;
     color: #585A73;
     cursor: pointer;
  }

  .horzScroll-group > .row > .sc4box h1 { color: #323882; font-weight: 900 ; margin-bottom: 30px;    font-size: 27px;}
  .horzScroll-group > .row > .sc4box:first-child {margin: 0;}
  .horzScroll-group > .row > .sc4box:hover {background: #222455; color: #ffffff;}
  .horzScroll-group > .row > .sc4box:hover h1{color: #fff}
  .horzScroll-group .sc4box img{ width: 50px;}


  .f-sec5{color: #595B74;line-height: 28px;}

  .fpu2 h1{font-weight: 600; color: #323882;    font-size: 28px;margin-top: 11px;}
  .fpu2 h5{font-weight: 300; color: #595B74; font-size: 35px;font-family: 'Lato', sans-serif;}
  .fpu2 small{color: #323882; font-weight: bold; font-size: 18px; }
  .fpu2 small img{width: 20px;     margin-top: -7px}
  .fpu2 .border-right {border-color: #A1A4DB; }

  .f-sec7 .container{background:#F7F7FF; }
 


 
    

  
/* 
::-webkit-scrollbar-thumb:horizontal{
    background: #000;
    border-radius: 10px;
} */


/*change the thinkness of the scrollbar here*/

.horzScroll-group {
scrollbar-base-color: #ddd;
scrollbar-face-color: #454DB2;
scrollbar-3dlight-color: #454DB2;
scrollbar-highlight-color: #454DB2;
scrollbar-track-color: #ddd;
scrollbar-arrow-color: #ddd;
scrollbar-shadow-color: #454DB2;

}

.horzScroll-group ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ddd;
   
}
 /*add a shadow to the scrollbar here*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
   
}
/*this is the little scrolly dealio in the bar*/ 
.horzScroll-group ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #454DB2;
    height: 3px;
}


#more {
    display: none;
}

#more2 {
    display: none;
}

#more3 {
    display: none;
}

#myCarousel .carousel-inner .item {
    min-height: 430px;
}

#myCarousel2 .vertical .carousel-inner {
    height: 100%;
}

#myCarousel2.carousel.vertical .item {
    min-height: 430px;
    bottom: 0;
    background: #ffffff;
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}

#myCarousel2.carousel.vertical .active {
    top: 0;
}

#myCarousel2.carousel.vertical .next {
    top: 100%;
}

#myCarousel2.carousel.vertical .prev {
    top: -100%;
}

#myCarousel2.carousel.vertical .next.left,
#myCarousel2.carousel.vertical .prev.right {
    top: 0;
}

#myCarousel2.carousel.vertical .active.left {
    top: -100%;
}

#myCarousel2.carousel.vertical .active.right {
    top: 100%;
}

.flexslide.carousel-control{display: flex ; align-items: center} 
.flexslide img{width: 25%;}
#myCarousel3 .carousel-inner img{width: 85%;margin:0 auto;}
#myCarousel3 .carousel-control.right,#myCarousel3 .carousel-control.left{background-image: none;}

.capbl-sec1{background: linear-gradient(to top, #ffffff 40%, #f1f1f1);}
.noScroll{overflow:hidden;}

.iti__flag-container{top:0 !important}


.iti {width:100%;}
#rcaptcha>div{height: 100px !important}
#captcha{color: #ff0000;}
.iti--separate-dial-code .iti__selected-flag{background-color: transparent  !important}
@keyframes dot-ripple{to{opacity:0;transform:scale(5)}}

@media (min-width: 667px) {
#nav {
	padding: 25px ;
}

}

@media (max-width: 767px) {

body {font-size:14px;}
.menu-extras{display:none;}
#nav-mbl .menuCnt .heading3{font-size:16px;}
#nav-mbl .menuCnt .heading2{font-size:28px;line-height: 1.25;}
.menu-mbl{display:block !important;margin-top: 0px;right: 0%;}
.menu{display:none;}
.desktop-nav{display:none !important;}
.mobile-nav{display:block !important;}
.contactform-sec .contactform-sec-inn{width:100%; padding: 8%;}
.indinner-sec {display:block ;}
.indinner-sec .heading2{font-size:24px; line-height:30px;}
.ind-rect-top {
    left: 18px;
    width: 95%;
	margin-top: -35px;
}
  .ind-rectimg {
    left:0px;
}

.indus-sec2 {font-size:14px; line-height:22px; padding-top: 0;}
.indus-sec3 {padding-top: 0; font-size:14px; line-height:20px;  }
.indus-sec3-txt{font-size:14px; line-height:20px; }
.secure-serveinnr{padding-left:0px;}
.container-footer .widget{ text-align:center; margin-bottom: 25px; font-size:24px;width: auto;
    padding: 0 18px;}
	.container-footer .map-widget{ text-align:center; margin-bottom: 25px; font-size:24px;
    padding: 0 18px;}
/*.container-footer .widget:nth-child(1), .container-footer .widget:nth-child(2), .container-footer .widget:nth-child(3){ width:33.3%;}*/
.container-footer .widget:nth-child(4), .container-footer .widget:nth-child(5){ width:50%;}

.container-footer .widget:nth-child(3){ border: 0;}

.container-footer .widget h1{font-size:20px; margin-bottom: 0; line-height:20px;}
.container-footer .map-widget h1{font-size:20px; margin-bottom: 0; line-height:20px;}
.widget ul li a { font-size:12px;}
#footer-widgets .widget ul li a{line-height:normal;}
#footer-widgets .widget.footer-caption {text-align: center; padding-right: 0;width: 73%; justify-content: center; margin: 0 auto; margin-bottom: 20px;}
#footer-widgets .widget.footer-caption .heading3 {margin-bottom:10px;}
.wrap-input2{margin-bottom:40px !important;}
.blog-head {
    width: 85%;
}
.bloginnr-sec2{display:block;}
.bloginner-sec-bg{width:95%;position:inherit;}
.bloginner-sec-bg .blue-bg{ margin-top:-75px;}
.pattern {
    width: 100px;
    height: 100px;
    top: 22.5%;
    right: 1%;
}
.prod-lft .qsmart {    background-size: 15%;}
.prod-rgt .synapse {    background-size: 15%;}
.heading, .heading2{font-size:32px;line-height:40px;}
 .slide-content.bold-text h1.home-slideheader{font-size:44px;}
 .slide-content.bold-text h1{font-size:42px;}
  .client-sec .client-sec-inn{width:90%; font-size:16px}
  .prod-lft{padding-right:15px ; width: 96%; padding-left:0; font-size:14px;}
  .prod-rgt{    top: 0;    width: 96%;    left: 28px; font-size:14px;}
  .services-cnt{top: -41px;    width: 95%;    left: inherit;    right: -18px;   padding: 10% 6%;}
  .element-6 {right: -10px;width: 58px;background-size: 100%;    height: 38px;top: 21px;}
  .element-7 {left: -9px; width: 84px; height: 90px; bottom: -28px;background-size: 100%;}
  .s-details-mbl{display:block;}
  .servc-details{display:none;}
  .abt-link{display:none;}
.abt-link-mbl{display: block; margin-bottom:80px;}
.about-sec {background: #ffffff; padding-bottom:0}
.about-sec .title{margin-bottom:0}
.about-sec .title p{margin-bottom:0; font-size:14px;}
.about-box-cnt p{ font-size:14px;}
.footer-social a {
    padding: 0 20px;
    font-size: 14px;
}
.footer-social a:first-child {
    padding-left: 0;
}
.contact-sec {
    background-size: 23%;
}
.footer-social {
    margin-bottom: 20px; }
	
.map-sec .container-footer{width:100%;}

section {
    padding-top:50px;
    padding-bottom: 50px;
	padding-left:15px;
	padding-right:15px;
	}
	
	.contact-sec .heading2 {
    font-size: 32px;
    line-height:40px;
}
	
	
#footer-widgets .container-footer div:first-child{display: flex;
    flex-direction: row;
    flex-wrap: wrap;}
	
#topnav .home-logo img {
    max-height: 20px;
}
#topnav .home-logo .logo-light {
    max-height: 20px;
}

#video-wrapper.indus-banner-bg {background-size: 45% !important;}
#video-wrapper.about-banner-bg {background-size: 70% !important;}
.about-ban{height:60% !important;}

.about-ban .slide-content{    top: 15%;}
.anchor-menu.center > li a {font-size:12px;}
.ancMn2.anchor-menu.center > li a {font-size:14px;}
.anchor-menu.center {padding:0; margin-bottom: 50px;}
.anchor-menu.center > li{padding:0 14px;}
  #footer-widgets .widget:nth-of-type(2) { width:60%;}
#footer-widgets .widget:nth-of-type(3) { width:40%;}
  #footer-widgets .widget:nth-of-type(4) { width:60%;}
#footer-widgets .widget:nth-of-type(5) { width:40%;}

.indus-ban-height{height:100% !important;}
.indus-ban-height .flexslider .slide-content h1{line-height:48px;}
.ind-rect-bottom {width:95%; right: 0px;
    top: -35px;    padding-right: 25px;}
	.indus-wtbox1{padding-left:0; padding-right: 0;}
	 .indus-wtbox1 small.upper, .indus-wtbox2 small.upper{letter-spacing:2px;}
	 	 .indus-wtbox1 small, .indus-wtbox2 small{font-size: 12px; line-height:19px;letter-spacing: 1px; }
	.indus-wtbox2 {padding-left:0; padding-right: 0;}
.indus-wtbox2 .g-widget{ margin-top:0px; margin-left: 0;}
.red-indus-cnt {margin-top:-25px;}
.indus-wt-img{padding-right:0;}
.red-indus-cnt a.lm{font-size: 12px;}
.red-indus-cnt small.upper{font-size: 14px;
  line-height: 1.14;
  letter-spacing: 2px;}
.red-indus-cnt h1 {font-size: 24px;
  line-height: 27px;}
.lm {font-size:12px;     letter-spacing: 0.17px;}
.g-widget .headcnt {font-size: 24px;  line-height: 27px;}
.abt-sec1-box {background: url(../images/pages/abt-ovr-mbl.svg) no-repeat right top #1c75bb;}
.abt-sec1-box .heading3 { font-size: 24px;  line-height: 30px; }
.abt-sec1-box p {font-size: 14px; line-height: 20px;}
.abt-ovr-box {margin: 10px -10px 10px 25px; font-size:14px; line-height:20px}
.abt-ovr-boxinn {padding: 25px 0px;}
.abt-cnt-box {left:0;top: -70px;}
.abt-ovr-box span {font-size: 38px;}
.abt-vision{padding-top:0;}
.abt-vision-rgt {left:0;}
.abt-vision-cnt {margin-bottom: 0px; padding: 40px 15px 0 15px;}
.abt-vision-cntdet2, .abt-vision-cntdet {margin-left: 0%;}
.abt-vision-cnt p {
    font-size: 14px; line-height:20px;
}
.story-cnt {left: 10px; top: -50px; width: 97%; padding: 20px; margin-bottom:0 !important;}
.story-cnt .heading2 {
    font-size: 24px;  line-height:30px;
}
.story-cnt2 {
    width: 90%;
    font-size: 14px;
    float: right;
    line-height: 22px;
}
.abt-story{background:#ffffff;}
.abt-story .sub-heading{font-size: 12px;line-height: 1.33;letter-spacing: 1.71px;}
.abt-people .people-subhead {font-size: 32px;width: 97%; line-height: 40px;}
.abt-people h4 {
    font-size: 16px;    margin-bottom: 5px; margin-top:15px
}
.abt-people p {
    font-size: 14px; line-height: 20px; color:#333333;
}
.health-banner-bg{background-size: 77% !important;}
.health-banner-hgt{height: 55% !important;background-image: linear-gradient(to top, #f6fbff, #ffffff 60%);}
#healthcare .slide-content h1{font-size:48px; line-height:64px;}
#careers .slide-content h1{font-size:36px; line-height:40px;}
.career-ban{height: 80% !important;}
.client-sec .client-sec-inn {margin-top:30px; font-size:16px; line-height:24px;}
.client-sec-inn h1 {text-align:left;font-size:24px; line-height:30px;}
.client-sec .element-2 {background-position: 0px 1px;padding-bottom: 40px;padding-left: 0;background-size: 35%;}
.services-sec2 .sub-heading{font-size: 12px;letter-spacing: 1.71px;}
.services-sec2 .heading{font-size: 28px;letter-spacing: 0.11px; line-height:35px;}
.pattern-ind {display:none;}
.secure-serve {
    box-shadow: -3px 20px 25px 0 rgba(0, 0, 0, 0.03);
}
.secure-serve h6 {font-size: 20px;}
.secure-serveinnr {font-size:14px; line-height:22px; }

.ser-inn-secCnt{padding:50px 0px 0px 0px}
.sub-heading{font-size: 12px;letter-spacing: 1.71px;}
.testisec .title h3 {font-size: 28px;line-height: 1.25;letter-spacing: 0.11px;}
blockquote p {
    font-size: 18px;line-height:26px; margin-top: 50px;
}
blockquote p::after {bottom:65px;}
.flex-control-nav {
    left: 11px;
    bottom: -30px;
}
.mblPad-0{padding:0;}
.mblPadLeft-0{padding-left:0;}
.mblPadRight-0{padding-right:0;}
.mblPadTop-0{padding-top:0;}
.mblPadBottom-0{padding-bottom:0;}
.mblPadHor-0{padding-right:0; padding-left:0;}
.mblPadVer-0{padding-top:0; padding-bottom:0;}
.mblPadTop-50{padding-top:50px ;}
.mblPadTop-25{padding-top:25px ;}
.mblPadHor-15{padding-right:15px; padding-left:15px;}
.mblPadRgt-25{padding-right:25px; }
.mblMarTop-0{margin-top:0 !important}
.career-header-bg{background:url(../images/pages/career-mbl.jpg) no-repeat top right;  background-size:100% !important;}
.tabhead {
    font-size: 12px;line-height: 1.33;
  letter-spacing: 1.71px;}
.heading-large {
    font-size: 32px;line-height: 40px;}
#Culture .element-11 {
    background-position: 18px 13px;
    background-size: 57%;
    padding-right: 8px;
    padding-top: 12px;
}

.benef-text {
    font-size: 14px;line-height: 20px; margin-bottom:30px;
}
.culCnt{font-size:14px;line-height: 20px;}
.ben-container {padding:25px;}
.Learn-Rect {margin-bottom:50px}
.Learn-Rect:nth-of-type(2)::after {background:none;}
#Open-Positions{ padding-top:0;}
.open-pos-1 {font-size:14px;line-height: 20px;}
.table {
    font-size: 12px;
}
table td {
    font-size: 12px;
}

.creerFtr.element-12 {
    background-position: 5px 3px;
    background-size: 25%;
}
.creerDetCnt .heading2{font-size: 28px;}
.creerDetCnt p{font-size:16px; line-height: 20px; margin-top:10px;}
.career-cnt .heading3 {
    font-size: 18px;line-height: 24px;
}
.career-cnt { padding:50px 0px 90px }
.career-cnt p, .career-cnt ul.list  {
    font-size: 14px; line-height: 20px; 
}
.element-cr2 {background-position: 0px 4px;}
.careercnt-sec {background-size: 30%;}
.contact-ban{background:url(../images/pages/contactMblBan.jpg) no-repeat; background-size:100%;}
.contact-header{height:50% !important;}
.pattern-cont {width: 141px;height: 66px;background-size: 100%;}
.contact-form p{font-size: 16px;line-height: 22px; }
.contact-sec .c-details small {font-size: 12px;line-height: 16px;}
.contact-sec .c-details h5 {font-size: 20px;line-height: 25px;}
#footer p {font-size: 10px;line-height: 15px;}

.blog-ban-bg{ background-size:75%;}
.blog-cnt-sec1{margin-top: -45px; width: 87%;}
.blog-bann{height:55% !important}
.blog-bann .slide-content{top: 50px;}
.blog-cnt-sec1 h1.heading2{ font-size:24px; line-height:32px;}
.blog-cnt-sec1 .cnt {font-size: 14px; line-height:22px;}
.blog-cnt-sec1 .lm { font-size: 11px; letter-spacing: 0.16px;}
.bloginner-sec-bg h1.heading2 { font-size: 24px; line-height: 34px;}
.blg-details-head h2.heading3 {font-size: 32px;line-height: 1.28;}
.blg-detail-by {width:100%; padding-right: 20px;font-size: 14px;}
.blog-details-cnt p {font-size: 14px;line-height: 1.57;}
.blog-details-cnt .heading3 {font-size: 24px; line-height: 1.33; padding-right: 20px;}
.blog-details-cnt-msg li { font-size: 14px;line-height: 1.57;}
.blogdDshare{margin-left:15px; margin-right:15px;}
.blog-ftr {font-size: 14px !important;line-height: 1.57 !important;}

.prod-sub-heading {
    font-size: 14px;
}
.prod-bantext h2 {
    font-size: 44px;    line-height: 1.35;}
.prod-bantext p {
    font-size: 14px; line-height: 20px;
}
.prod-bantext button {
    font-size: 12px; letter-spacing: 0.17px;}
.prod-ban-rgtimg img{ margin-left: 0px;}
.psec-1 {
    width: 100%;}
.psec-1 .heading44 {    font-size: 32px;    line-height: 1.88;}
.psec-1 .heading44 { font-size: 18px;line-height: 1.56;letter-spacing: 0.25px;}
.proQ-ban{height:auto !important;}
.psec-1 .border-right{
 border-bottom: 2px solid transparent; 
            border-image: linear-gradient(to right, #eeeeee, #ffffff); 
            border-image-slice: 1; }
.psec-1 p{ font-size: 16px; line-height: 1.69;}
.psec-1 .col-sm-4 {
    padding: 40px;
}
.qspattern {right: 1%;bottom: -7%;width: 220px;height:auto;}
.psec-2{font-size:18px; color:#333333}
.psec-2 .heading40 {font-size: 32px;line-height: 1.31;}
.psec-2 p {font-size: 14px;line-height: 22px;}
.psec-2 .list {font-size: 14px;line-height: 27px;}
.qs-services-bg .sub-heading{ font-size: 14px;line-height: 1.14;}
.prod-testi #testimonials-slider .slides blockquote footer h3 {font-size:18px;}
.prod-testi #testimonials-slider .slides blockquote footer small {
    font-size: 14px;
}
.red-bg2 .heading40{font-size: 32px;line-height: 42px;}
.red-bg2 p{font-size: 16px;line-height: 24px;}
.red-bg2 btn-light-out{font-size: 14px;}
.red-bg2 .col-sm-6 img{margin-top:40px;}
.prd-contact-sec.contact-sec {background-size:23%;}
.proS-ban{height:auto !important; }
.pro-banner-bg-sy{ background: url(../images/pages/synapsMblban.svg) no-repeat top;}
.syn-sec2{ padding-left:0;width: 97%;}
.syn-sec2 .box{ padding:74px 20px 37px 20px;}
.syn-sec2 .boxInner{padding: 50px 0px 0px 0px;}

.syn-sec3{ padding-top:0;}

.syn-sec3-Rgt {
    margin-top: 0%;
}


.prosBanFill {
    width: 65%;
}
.prod-grad, .prod-grad-1  {background:none;}
.prod-sec .client-sec-inn{box-shadow: -3px 20px 25px 0 rgba(0, 0, 0, 0.03);}
.prod-sec .pattern-2 {top: -3%; width: 334px;    height: 216px; background:url(../images/pages/pattern-prod.png) no-repeat right top; background-size: contain;}
.color-box {width: 241px;    height: 432px;}
.prod-grad-1 .color-box-img {    width: 340px;    height: 350px;left: -9px; top:7%;}
.prod-btm-sec .color-box-img {    width: 340px;    height: 350px;left: -8px; top:7%;}
#topnav .navigation-menu{display:none;}
.color-box-sidecont{margin-bottom:50px;}

.prod-btm-sec .pattern-2 { display:none;}
.prod-grad h1{font-size: 32px; line-height: 44px;}

.prod-grad-1 h1 {
    font-size: 32px;
    line-height: 42px;
}
.prod-sec h6 {font-size: 20px;letter-spacing: 0.27px;}
.prod-sec p {font-size: 14px;line-height: 22px;}
.color-box-sidecont{box-shadow: 0px 30px 40px -40px rgba(0, 0, 0, 0.10);}
.prod-grad-1 h1.heading {line-height: 50px;}
.indus-sec1 { background:url(../images/pages/rectangle-2-yellow.svg) no-repeat left 35% #ffffff;}
.indus-sec2 { background:url(../images/pages/rectangle-2-blue.svg) no-repeat right 23% #ffffff;}

.element-8 {
    background-position: 0px 7px;
    padding-bottom: 51px;
    background-size: 20%;
}
.about-box-cnt {
    width: 93%;
    margin-left: 7%;}
.abt-quote{top: -11px;right: -6px;}
.mn-cont .col-xs-6:nth-of-type(2) {padding-left:40px;}
#careers .crr-slide{padding-left:20px}
#careers .crr-slide span{display:block}


#footer-widgets .footer-logo{margin-top:0%;}

.proQ-ban .prod-ban-rgtimg img{ position: inherit; }

.prod-carosule-sec2 .cntt{ width: 80%;}
.horzScroll-group > .row > .sc4box {
    min-width: 80%; padding: 5% 8%;
}

.fpu2 .border-right {border:0; }
/* .flexslide.carousel-control{display: flex; align-items: center; justify-content: center} */


}

.ser-inn-secCnt {line-height: 27px;}
.ser-inn-secCnt h6{font-size:18px; letter-spacing: 0.3px; font-weight: 600;}



@media (min-width: 768px) and (max-width: 991px){
    .proQ-ban .prod-ban-rgtimg img{position: inherit;}
}


@media not all and (min-resolution:.001dpcm) {
      #nav{
       display:none;
	   clip-path:circle(100px at 110% -23%);
	   -webkit-clip-path:circle(100px at 110% -23%);
	   transform: translateX(0px);
    }
	#nav.show{
	transform: translateX(0px);
	clip-path:circle(100% at 50% -20%);
	-webkit-clip-path:circle(100% at 50% -20%);
	}
	.mclose img{
	  width:20px;
	  height:20px;
	}
}