html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}em{font-style:italic}
.clearfix:after {
    clear:both;
    content:'.';
    display:block;
    visibility:hidden;
    height:0;
}
.clearfix {
    display:inline-block;
}
* html .clearfix {
    height:1%;
}
.clearfix {
    display:block;
}
.clearfix:after,
footer:after,
header:after,
section:after,
.rows:after,
.container:after {
  display: table;
  content: "";
  clear: both;
}
.clearfix:before,
footer:before,
header:before,
section:before,
.rows:before,
.container:before {
  display: table;
  content: "";
  clear: both;
}
*+html .clearfix {
    display: inline-block;
}
/* normalize css*/

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
	font-size: 16px;
	overflow-x:hidden !important;
	font-family: 'Zoho_Puvi_Regular';
	font-weight:400;
	height: 3000px;
	background: #9ab4d2;
	overflow-y: auto;
}
body.active{overflow-y: hidden;}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article,
footer,
header,
section {
	display: block;
}
[hidden],
template {
	display: none;
}
a {
	background-color: transparent;
	text-decoration: none;
	color: #3131FF;
}
a:active,
a:hover {
	outline: 0;
	text-decoration:underline;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-family: 'Zoho_Puvi_SemiBold';
}
small {
	font-size: 80%;
}
sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
img {
	vertical-align: middle;
	max-width: 100%;
	height:auto;
}
p {
	margin: 0 0 25px;
    line-height: 1.4;
	font-size: 1.1em;
	font-family: 'Zoho_Puvi_Regular';
}
section{padding:100px 0;}
.container{
	max-width:1200px;
	width:100%;
	margin: auto;
}
.text-center{text-align: center;}
#backToTop{display: none !important;}
h2{
	font-size: 2.2em;
    color: #fff;
    font-family: 'Zoho_Puvi_ExtraBold';
    line-height: 1.2;
	margin: 0 0 15px 0;
}
.text-light{color: #fff;}
.text-dark{color: #000;}
.cols-1,
.cols-2,
.cols-3,
.cols-4,
.cols-5,
.cols-6,
.cols-7,
.cols-8,
.cols-9,
.cols-10,
.cols-11,
.cols-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.cols-12 {
  width: 100%;
}
.cols-11 {
  width: 91.66666667%;
}
.cols-10 {
  width: 83.33333333%;
}
.cols-9 {
  width: 75%;
}
.cols-8 {
  width: 66.66666667%;
}
.cols-7 {
  width: 58.33333333%;
}
.cols-6 {
  width: 50%;
}
.cols-5 {
  width: 41.66666667%;
}
.cols-4 {
  width: 33.33333333%;
}
.cols-3 {
  width: 25%;
}
.cols-2 {
  width: 16.66666667%;
}
.cols-1 {
  width: 8.33333333%;
}
@media (max-width: 992px) {
  .cols-md-center {
    margin: 0 auto;
    float: none;
    clear: both;
  }
  .cols-md-12 {
    width: 100%;
  }
  .cols-md-11 {
    width: 91.66666667%;
  }
  .cols-md-10 {
    width: 83.33333333%;
  }
  .cols-md-9 {
    width: 75%;
  }
  .cols-md-8 {
    width: 66.66666667%;
  }
  .cols-md-7 {
    width: 58.33333333%;
  }
  .cols-md-6 {
    width: 50%;
  }
  .cols-md-5 {
    width: 41.66666667%;
  }
  .cols-md-4 {
    width: 33.33333333%;
  }
  .cols-md-3 {
    width: 25%;
  }
  .cols-md-2 {
    width: 16.66666667%;
  }
  .cols-md-1 {
    width: 8.33333333%;
  }
  .md-hidden {
    display: none;
  }
  .md-center {
    text-align: center;
  }
}
@media (max-width: 650px) {
  .cols-sd-12 {
    width: 100%;
  }
  .cols-sd-11 {
    width: 91.66666667%;
  }
  .cols-sd-10 {
    width: 83.33333333%;
  }
  .cols-sd-9 {
    width: 75%;
  }
  .cols-sd-8 {
    width: 66.66666667%;
  }
  .cols-sd-7 {
    width: 58.33333333%;
  }
  .cols-sd-6 {
    width: 50%;
  }
  .cols-sd-5 {
    width: 41.66666667%;
  }
  .cols-sd-4 {
    width: 33.33333333%;
  }
  .cols-sd-3 {
    width: 25%;
  }
  .cols-sd-2 {
    width: 16.66666667%;
  }
  .cols-sd-1 {
    width: 8.33333333%;
  }
  .sd-hidden {
    display: none;
  }
  .sd-center {
    text-align: center;
  }
}
.zsiq_theme1.zsiq_floatmain{display: none !important;}
.caps{text-transform: uppercase;}

/*--------------Main styles----------------*/
.main{
	overflow: clip;
	z-index: 5;
    position: relative;
}
.main.active{display: block;}
.main video{
	width: 100%;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
	transform:scale(1.4);
	overflow: hidden;
	background: #fff;
}
.main video.pa{position: absolute;}

/*--------------Language dropdown-----------*/
.translate-box {
    position: relative;
    float: right;
    z-index: 99999;
    right: 20px;
}
.trans-box {
    border: 1px solid #fff;
    width: 200px;
    cursor: pointer;
}
.lang-dropdown p {
    margin: auto;
    font-weight: 600;
    display: block;
    position: relative;
    background: #fff;
    padding: 10px 15px;
    -webkit-box-shadow: 0 0 10px #edecec;
    -moz-box-shadow: 0 0 10px #edecec;
    -o-box-shadow: 0 0 10px #edecec;
    box-shadow: 0 0 10px #edecec;
}
.lang-dropdown p:before {
    position: absolute;
    transform: translate(-50%, -50%);
    right: 10%;
    top: 50%;
    content: '';
    border-left: 6px solid transparent;
    border-top: 8px solid #000;
    border-right: 6px solid transparent;
}
.lang-dropdown p span {
    vertical-align: middle;
    color: #000;
    font-size: 16px;
    display: inline-block;
}
.lang-dropdown p span:nth-child(1), .dropdown-box li p span:nth-child(1) {
    margin: 0 7px;
}
.lang-dropdown p span{
    vertical-align: middle;
    color: #000;
    font-size: 16px;
	display: inline-block;
}
.lang-dropdown p span img,.dropdown-box li p span img {
    width: 16px;
    height: 16px;
}
.lang-dropdown p span.mobile-flag{
  display: none;
}
.mobile-flag img {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  filter: invert(30%) grayscale(85%) brightness(40%) contrast(3);
}
.lang-dropdown p span:nth-child(1),.dropdown-box li p span:nth-child(1){margin:0 7px;}
.lang-dropdown p:before {
    position: absolute;
	transform:translate(-50%,-50%);
    right: 10%;
    top: 50%;
    content:'';
    border-left: 6px solid transparent;
    border-top: 8px solid #000;
    border-right: 6px solid transparent;
}
ul.dropdown-box{
	margin: 0;
	padding:0;
	overflow: hidden;
	position:absolute;
	z-index: 999;
	width:100%;
	height:0;
	-webkit-transition: all 200ms ease-out 200ms;
	-moz-transition: all 200ms ease-out 200ms;
	-o-transition: all 200ms ease-out 200ms;
	-ms-transition: all 200ms ease-out 200ms;
	transition: all 200ms ease-out 200ms;
}
.dropdown-box li{
	list-style:none;
	cursor:pointer;
}
.dropdown-box li p{
	display:block;
	margin:0;
	padding:10px 15px;
	color: #000;
	font-weight:600;
	box-shadow: 0px 0px 5px #e3e3e3;
    border-bottom: 1px solid #fff;
	background:#fff;
}
.dropdown-box li p span{
	vertical-align: middle;
    font-size: 16px;
	display: inline-block;
}
.dropdown-box li p:hover{
	background:#333;
	color: #fff;
}
.translate-box:hover ul.dropdown-box {
	height:160px;
}

/*---------------Home styles----------------*/
.header{padding: 25px 0;}
.header .container{
	max-width: 1400px;
	width:100%;
}
.brand-logo{    
	display: block;
    width: 200px;
}
section{position: relative;z-index: 1;}
#Home{
	height: 100vh;
	padding: 0;
    width: 100%;
	transition: .5s;
}
.disable-sec{
	display: none !important;
}
.banner p{
	color: #121F37;
	margin: 20px 0;
	animation: fadein 6s;
}
h1{
	font-size: 2.4em;
	line-height: 45px;
	font-family: 'Zoho_Puvi_ExtraBold';
	color: #121F37;
	margin: 100px 0 0 0;
	animation: fadein 6s;
}
#Home .container{
	z-index: 99;
	position: relative;
}

/*-------Section-2 styles------------*/
.sec2{
	padding: 20px 0 !important;
	backdrop-filter: blur(5px);
}
.sec2 a{
	color: #000;
    text-decoration: underline;
	transition: .5s;
}
.sec2 a:hover{text-decoration: none;}
.sec2 h2{
	    margin: 40px 0 10px 0;
	font-size: 1.6em;
}
.sec2 .subtitle{font-size: .8em;}
.sec2 .container {
	width: 400% !important;
	height: 100vh !important;
	display: flex;
	flex-wrap: nowrap;
}
.overlay{
	display: flex;
    align-items: center;
    justify-content: center;
    width: 600%;
    transition: all ease 0.5s;
}
.panel{
	background: #E3E8EF;
    margin: 10px;
    border-radius: 20px;
	width: 100%;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	font-weight: 600;
  	font-size: 1.5em;
  	text-align: center;
  	position: relative;
  	box-sizing: border-box;
 	padding: 20px;
	height:90vh;
}
.panel h3{    
	text-align: left;
    font-size: 1em;
    font-family: 'Zoho_Puvi_SemiBold';
}
.panel .rows{width:100%;}
.panel .sec2-det{
	padding: 20px;
	border-radius: 20px;
}
.panel-0{
	width:80%;
	background: transparent;
	text-align: left;
	justify-content: start;
    align-items: normal;
}
.panel-1 img{margin: 120px 0 0 0;}
.panel-2{
	background: url("../images/sec2-scroll2-bg.jpg") 0 0 no-repeat;
	background-size: cover;
}
.panel-3{
	background: url("../images/sec2-scroll3-bg.jpg") 0 0 no-repeat;
	background-size: cover;
}
.panel-4{
	background: url("../images/sec2-scroll4-bg.jpg") 0 0 no-repeat;
	background-size: cover;
}
.sec2-det{
	background: rgba(255, 255, 255, 45%);
}
.sec2-boxes{
	background: #fff;
    border-radius: 20px;
    padding: 20px;
    text-align: left;
    font-size: 1em;
	margin: 10px 0;
}
.sec2-boxes p{
	font-size: .6em;
    font-family: 'Zoho_Puvi_Light';
    margin: 0;
}
.sec2-boxes strong{font-size: 1.1em;}
.sec2-boxes span{
	font-size: 2em;
    font-family: 'Zoho_Puvi_Bold';
}
.sec2-det .cols-6{    
	width: 47.5%;
    margin: 10px 20px 10px 0;
    min-height: 200px;
}
.panel-1 .sec2-boxes:nth-child(3), .panel-3 .sec2-boxes:nth-child(2), .panel-3 .sec2-boxes:nth-child(4), .panel-4 .sec2-boxes:nth-child(2){margin: 10px 0;}

/*-------Section 2 mobile styles---------*/
.sec2-mobile{padding: 60px 0 0 0;display: none;}
.sec2-mobile .cols-right{margin: 50px 0 0 0;}   
.mobile-panel{
	background: #E3E8EF;
	margin: auto;
	text-align: center;
}
.mobile-panel1 img{
	margin: auto;
    text-align: center;
    width: 400px;
}
.mobile-panel h3{
	text-align: left;
    font-size: 1.3em;
    font-family: 'Zoho_Puvi_SemiBold';
	margin-bottom: 15px;
}
.mobile-panel .sec2-det{
	padding: 20px;
    position: relative;
    margin-top: -100px;
}
.mobile-panel .sec2-boxes{border-radius: 8px;}
.mobile-panel .sec2-boxes span{font-size:2.5em;line-height: 1;}
.mobile-panel .sec2-boxes strong {font-size: 1.1em;}
.mobile-panel .sec2-boxes p{font-size: 1em;font-family: 'Zoho_Puvi_Regular';}
.mob-pan-bg{
    width: 100%;
    background: url(../images/mobile-panel2.jpg) 0 0 no-repeat;
    height: 500px;
    background-position: center right;
	background-size: cover;
}
.mobile-panel3 .mob-pan-bg{ background: url(../images/mobile-panel3.jpg) 0 0 no-repeat;background-position: center right;background-size:cover;}
.mobile-panel4 .mob-pan-bg{ background: url(../images/mobile-panel4.jpg) 0 0 no-repeat;background-position: center right;background-size:cover;}

/*-------Section 3 mobile styles---------*/
.sec3-mobile{padding: 60px 0 0 0;display: none;}
.sec3-mobile .cols-right{margin: 50px 0 0 0;} 
.sec3-mobile .mobile-industry{
	background: #E3E8EF;
	margin: auto;
	text-align: center;
	padding: 0 0 40px 0;
}
.sec3-mobile .indus-img{
	width: 100%;
    background: url("../images/healthcare-bg-mobile.jpg") 0 0 no-repeat;
    height: 500px;
    background-size: cover;
    object-fit: cover;
}
.sec3-mobile .indus-img2{
	background: url("../images/manufac-bg-mobile.jpg") 0 0 no-repeat;
    background-size: cover;
}
.sec3-mobile .indus-img3{
	background: url("../images/bank-bg-mobile.jpg") 0 0 no-repeat;
    background-size: cover;
}
.sec3-mobile .indus-img4{
	background: url("../images/education-bg-mobile.jpg") 0 0 no-repeat;
    background-size: cover;
}
.sec3-mobile .indus-img5{
	background: url("../images/govern-bg-mobile.jpg") 0 0 no-repeat;
    background-size: cover;
}
.sec3-mobile .sec3-det{
	background: #fff;
    margin: -40px 40px 0px 40px;
    text-align: center;
    border-radius: 8px;
	padding: 30px;
}
.sec3-mobile h3{
	text-align: left;
    font-family: 'Zoho_Puvi_Semibold';
    font-size: 1.3em;
}
.sec3-mobile h3 img{margin-right: 8px;}
.sec3-mobile .indus-det{display: block !important;text-align: left;}


/*-------Section-3 styles-----------*/
.sec3{
    width: 100%;
    height: 100%;
    overflow: hidden;
	position: relative;
	z-index: 11;
	height: 10000px;
}
.section {
     height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 2rem;
     transition: all 0.5s ease;
}
#scrollVideo
{
    top: 0;
    left: 0;
    overflow: hidden;
    background: #fff;
	height: 100vh;
	width: 100%;
	position: relative;
	transform: scale(1);
	object-fit: cover;
}
#scrollVideo.active, #videoContainer.active{position: fixed;}
#videoContainer {
	width: 100%;
}
.video-accordion{
	position: absolute;
    right: 50px;
    width: 450px;
    background: rgba(255, 255, 255, 45%);
    border-radius: 8px;
    box-shadow: 1px 1px 2px 2px #d7d4d4;
    top: 15px;
    padding: 20px;
}
.sec3 h3{
	font-size: 1.1em;
    font-family: 'Zoho_Puvi_SemiBold';
}
.industries{padding: 15px 0 0 0;}
.industries > li{
	background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin: 10px 0;
	transition: .8s;
}
.industries img{margin-right: 6px;}     
.indus-det{
    margin: 0 0px 0 20px;
    font-size: 1em;
    line-height: 1.4;
	display: none;
}
.indus-det li{    
	padding: 10px 10px 0 0;
    list-style: disc;
	font-family: 'Zoho_Puvi_Regular';
}
.sec4, .sec5, .sec6, .sec7, .sec8, .sec9, .sec10 {
	z-index: 100;
}
.progressbar {
	transition: .6s;
}
/*--------Section-4 styles-----------*/
.sec4{background: #E3E8EF;position: relative;}
.sec4:before{
    content: "";
    position: absolute;
    background: url(../images/cloud-img.png) 0 0 no-repeat;
    width: 250px;
    height: 112px;
    background-size: cover;
    z-index: -1;
    transform: translatey(0px);
    animation: float 6s ease-in-out infinite;
    top: 0;
}
.sec4:after{
    content: "";
    position: absolute;
    background: url(../images/cloud-img.png) 0 0 no-repeat;
    width: 300px;
    height: 140px;
    background-size: cover;
    z-index: -1;
	right:3%;
	top:2%;
    animation: float 6s ease-in-out infinite;
}
.sec4 p{
	color:#121F37;
	font-size: 1.1em;
	font-family: 'Zoho_Puvi_Regular';
}
.sec4 ul{
    width: 95%;
    margin: 50px 0 0 0;
}
.sec4 li{
    padding: 30px 30px 30px 45px;
    cursor: pointer;
    background: rgb(250 252 255 / 40%);
    border-radius: 6px;
    margin: 20px 0;
	border: 1px solid #fff;
}
.sec4 h2{color: #121F37;font-size:2em;font-family: 'Zoho_Puvi_Bold';}
.sec4 h3{
    font-size: 1.4em;
    font-family: 'Zoho_Puvi_Bold';
    color: #121F37;
    position: relative;
    margin: 0 0 0 10px;
    width: 90%;
	display: inline-block;
    vertical-align: top;
}
.sec4 a{text-decoration: underline;color: #121F37;}
.sec4 a:hover{text-decoration: none;}
.sec4 img{	
	display: inline-block;
    vertical-align: top;}
.sec4 h3:after{
    content: "+";
    position: absolute;
    font-size: 1.6em;
    color: #5F6368;
    font-family: 'Zoho_Puvi_Regular';
    top: -6px;
    right: -25px;
	transition: .5s;
}
.sec4 .sec4-accord.active h3:after{
	transform: rotate(45deg); 	
}
.accordion ul{
	margin: 20px 0 0 0;
}
.accordion ul li{
    width: 31%;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    background: #fff;
    margin: 8px 6px;
    min-height: 245px;
}
.sec4 .accordion{display: none;}
.sec4 .accordion.active{display: block;}
.sec5 .slick-slide{padding-right: 0;}

/*--------Section 5 styles-----------*/
.sec5{background: #121F37;}
.stars{margin: 0 0 18px;}
.sec5 .cust-story a{
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    background: -webkit-linear-gradient(bottom, #1C2E4E80, #5A729E80);
    background: -o-linear-gradient(bottom, #1C2E4E80, #5A729E80);
    background: linear-gradient(to top, #1C2E4E80, #5A729E80);
    padding: 20px;
    display: block;
	min-height: 345px;
}
.sec5 .clearfix:nth-child(1) .cust-story:nth-child(1) a{pointer-events: none;}
.cust-story {
    width: 48%;
    border: 1px solid #37404f;
    border-radius: 8px;
    padding: 10px;
    margin: 10px;
    float: left;
	transition: .5s;
}
.cust-story:hover{transform: scale(1.01);}
.cust-story h3{
    font-size: 1.3em;
    line-height: 1.4;
    margin-bottom: 25px;
}
.cust-story p{
	font-family: 'Zoho_Puvi_Light';
    font-size: 1em;
}

/*slider*/
.slider {
    padding: 30px 0px;
}
.slick-list { 
/*    overflow: hidden;*/
    margin: 0;
    padding: 0;
}
.slider-nav .slick-list .slick-track, .stories-slider-nav .slick-list .slick-track{
  width: 100% !important;
  text-align: center;
  transform: none !important;
}
.slick-arrow {
  width: 45px;
  height: 45px;
  text-indent: -9999em;
  cursor: pointer;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  float: left;
  border: 1px solid #6389ce;
  border-radius: 10px;
}
.slick-arrow.slick-prev {
  background: url("../images/prev-arrow.png") no-repeat #151f31;
  background-position: center;
    background-size: 40%;
  margin: 50px 10px 0 0;
}
.slick-arrow.slick-prev.slick-disabled {
opacity: .5;
	pointer-events: none;
}
.slick-arrow.slick-next {
  background: url("../images/next-arrow.png") no-repeat #151f31;
  background-position: center;
    background-size: 40%;
  margin: 50px 0px 0 0;
}
.slick-arrow.slick-next.slick-disabled {
opacity: .5;
		pointer-events: none;
}
.slick-slider {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
/*    overflow: hidden;*/
}
.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block;
}
.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    top: 0;
    left: 0;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    padding-right: 15px;
}
.slider-nav li, .stories-slider-nav li{display: none !important;}
.slider-nav, .stories-slider-nav{
	position: absolute;
    bottom: 0;
	width: 200px !important;
    margin: auto;
    text-align: center;
    position: relative;
}


/*--------Section 6 styles-----------*/
.sec6{background: #121F37;}
.vdo-sec-bg{
    background: url(../images/dots-bg.png) 0 0 no-repeat;
    padding: 60px 0;
    margin: 50px 0 0 0;
	background-size: cover;
	position: relative;
}
.play-icon {
    display: inline-block;
    background: #121F37;
    height: 70px;
    width: 70px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    transition: all ease 0.5s;
    pointer-events: none;
    border-radius: 50%;
}
.play-icon:before {
    content: '';
    display: block;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 30px solid #547097;
    transform: translate(-50%, -50%) scale(0.8);
    left: 56%;
    top: 50%;
    margin: 0 auto;
    position: absolute;
	transition: .5s;
}
.thumbnail_container {
    position: relative;
	margin: auto;
	text-align: center;
}
.thumbnail_container img {
    border-radius: 15px;
    width: 60%;
    cursor: pointer;
}
.thumbnail_container:hover ~ .play-icon{
	transform: translate(-50%, -50%) scale(1.1);
}

/*----------Section 7 styles---------*/
.sec7{
	background-image: -webkit-linear-gradient(#121F37, #182948, #121f37);
	background-image: -o-linear-gradient(#121F37, #182948, #121f37);
	background-image: linear-gradient(#121F37, #182948, #121f37); 
}
h4{
	font-size: 1.2em;
	font-family: 'Zoho_puvi_SemiBold';
	line-height: 1.2;
	margin-bottom: 10px;
}
.prd-details{
    padding: 30px;
    background: #20355D;
    border-radius: 8px;
    border: 1px solid #30649B;
}
.prd-slider a{color: #fff;}
.prd-details li p{font-size: 1em;}
.new-prd-launch ul{
	display: flex;
	min-height: 368px;
}
.new-prd-launch li{
	background: rgba(255, 255, 255, 10%);
	border: 1px solid rgba(255, 255, 255, 10%);
	border-radius: 8px;
	padding: 20px;
	margin: 8px 15px 8px 0;
	position: relative;
	transition: .5s;
}
.new-prd-launch li:before{
	position: absolute;
	content: "New";
    background: #E82429;
    top: 0;
    right: 20px;
    font-size: .9em;
    padding: 3px 8px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.new-prd-launch li:last-child{margin-right: 0;}
.new-prd-launch li div{
	width: 70px;
    height: 70px;
    background: #132139;
    border-radius: 8px;
    text-align: center;
    padding: 10px;
	margin: 0 0 20px 0;
}
.new-prd-launch img{
	height: 50px;
}
.new-prd-launch li a{
	height: 100%;
    display: block;
}
.new-prd-launch li:hover{transform:scale(1.02);}
.new-prd-launch li:hover a{text-decoration: none;}
.old-prd{
 	width: 48%;
    margin: 0 10px;
	float: left;
}
.old-prd ul{
	background: rgba(255, 255, 255, 10%);
    border: 1px solid rgba(255, 255, 255, 10%);
    border-radius: 8px;
    padding: 20px;
	min-height: 368px;
}
.old-prd li{
	list-style: disc;
    margin: 0 0 0 10px;
    padding: 10px;
    line-height: 1.2;
	font-family: 'Zoho_Puvi_Regular';
}
.old-prd a{text-decoration: underline;transition: .5s;}
.old-prd a:hover{text-decoration: none;}

/*----------Section 8 styles---------*/
.sec8{
	background-image: -webkit-linear-gradient(#121F37, #182948, #01050E, #01050E);
	background-image: -o-linear-gradient(#121F37, #182948, #01050E, #01050E);
	background-image: linear-gradient(#121F37, #182948, #01050E, #01050E);
}
.sec8 img{
	width: 180px;
}
.pattern-bg{
	background: url("../images/dots-bg.png") 0 0 no-repeat;
	padding: 40px 0;
	background-size: cover;
}
.sec8 .pattern-bg{padding: 60px 0;}
.sec8 .tabs{display: flex;justify-content: start;}
.sec8 .tabs li{
	font-size: 1.2em;
    font-family: 'Zoho_Puvi_SemiBold';
    padding: 10px 15px;
    border-radius: 8px;
	transition: .5s;
	cursor: pointer;
	margin-right: 15px;
} 
.sec8 .tabs li.active, .sec8 .tabs li:hover{
	background: #2F5191;
}
.sec8-box{
	display: none;
	margin: 20px 0;
    background: #17253E;
    border: 1px solid #30649B;
    border-radius: 8px;
    padding: 30px;
}
.sec8-box.active{display: block;}
.sec8-box h3{    
	color: #C9E39D;
    font-size: 1.6em;
    font-family: 'Zoho_Puvi_SemiBold';
}
.sec8-box li{
    padding: 10px 0;
    list-style: disc;
    line-height: 1.4;
    margin: 10px 0 0 16px;
}

/*--------Section 9 styles-----------*/
.sec9{
	position: relative;
	overflow:hidden;
	height: 100vh;
	padding: 0;
	background: #000;
}
.sec9 .container{
	z-index: 9;
    position: relative;
    padding: 100px 0;
}
.sec9 video{
	width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    transform: scale(1.1);
}
.sec9 h3{
	font-size: 2.3em;
    font-family: 'Zoho_Puvi_SemiBold';
}


/*-------Section 10 styles--------*/
.sec10{
	padding: 60px 0;
	background: -webkit-linear-gradient(left, #01060F, #030C18, #041120);
	background: -o-linear-gradient(left, #01060F, #030C18, #041120);
	background: linear-gradient(to right, #01060F, #030C18, #041120);
}
.sec10:after {
    position: absolute;
    width: 100%;
    top: -4px;
    left: 0;
    height: 20px;
    background: #020914;
}
form{
	width:400px;
	margin: auto;
	color: #fff;
	text-align: center;
	font-family: 'Zoho_Puvi_Regular';
}
form input{
	width: 100%;
	border:1px solid #000;
	padding: 15px 20px;
	background: #fff;
	margin: 8px 0;
	border-radius: 8px;
	font-size: 1em;
}
form select{
	width: 100%;
    height: 50px;
    line-height: 20px;
    font-size: 1em;
    padding: 15px 20px;
    display: block;
    color: #000;
    -webkit-appearance: none;
    background: url(https://www.manageengine.com/images/arrow.png) no-repeat #fff;
    background-position: 92%;
    background-size: 3%;
    outline: none;
    border: 1px solid #000;
    border-radius: 8px;
	margin: 10px 0;
}
.dwn-priv, #meGDPRMessage{
	padding: 15px 0;
    line-height: 1.4;
}
.dwn-priv a{
	color:#fff;
	text-decoration:underline;
	transition:.5s;
}
.dwn-priv a:hover{text-decoration: none;}
#subscribe{
    width: auto;
    padding: 12px 25px;
    font-size: 1.1em;
    background: #B0CFA4;
    border: 1px solid #B0CFA4;
    color: #000;
    transition: .5s;
    cursor: pointer;
	font-family: 'Zoho_Puvi_SemiBold';
}
#subscribe:hover{
	background: #fff;
	color: #000;
}
#meGDPRMessage a{color:#fff;text-decoration: underline;cursor: pointer;}
#meGDPRMessage a:hover{text-decoration: none;}
#form-alert{color: #f00;text-align: left;}

/*-------Footer styles------------*/
footer {
    background: #16141a;
    position: relative;
    z-index: 9999;
}
footer > .container {
    padding: 50px 0 15px 0;
}
footer > .container img{
	margin: 0 auto 10px auto;
    text-align: center;
    width: 200px;
    display: block;
}
p.copyright {
    color: #fff;
    font-size: 1em;
    margin: 0;
    text-align: center;
}
.zlogo {
    height: auto;
    width: 55px;
    text-indent: -9999em;
    background: url(https://www.manageengine.com/images/zoho.svg) 0 0 no-repeat;
    display: inline-block;
    margin: 0 3px;
}
.container-fluid {
    width: 100%;
    max-width: 100%;
}
.container-fluid.copyright {
    padding: 0 0 30px;
    text-align: center;
    background: #16131a;
    color: #fff;
}
.container-fluid.copyright p {
    margin: 0;
    font-size: 0.8em;
    color: #fff;
}
.container-fluid.copyright p a {
    color: #fff;
}

/*-------Video popup--------------*/
.video-popup {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    left: 0;
    top: 0;
    z-index: 9999;
}
.video-show {
    position: absolute;
    width: 800px;
    transform: translate(-50%, -50%);
    padding: 8px;
    top: 45%;
    left: 50%;
    background: #fff;
    max-width: 90%;
}
.video-close {
    position: absolute;
    z-index: 999;
    top: -8px;
    right: -9px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    background: #ffffff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
}
.video-show iframe {
    height: 450px;
    background: #000;
}
.video-close:hover{color: #fff;background: #534e4e;}

/*-------Success msg------------*/
.thanku-content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0 0 0 / 75%);
    display: none;
    z-index: 99999;
}
.tq-box {
    width: 35%;
    text-align: center;
    padding: 50px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.popup-close {
    position: absolute;
    font-size: 1.2em;
    top: 10px;
    right: 20px;
    cursor: pointer;
}
.tq-box img {
    width: 160px;
    margin-top: -155px;
    height: auto;
}
h2.page-tit {
    margin: 30px 0 10px 0;
    font-size: 1.5em;
    color: #353535;
    line-height: normal;
}

/*--------Keyframe animations--------*/
@keyframes fadein{
	0%{opacity: 0;}
	50%{opacity: 0;}
	100%{opacity: 1;}
	}
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

/*------------Media styles-------------*/
@media (min-width:992px) and (max-height:750px){
	.panel1-box{
		width: 100% !important;
    	min-height: auto !important;
	}
	.indus-det li{font-size: .9em;}
}
@media (max-width:1200px){
	.container{width:90%;}
	.main video{transform: scale(1.7);}
	.old-prd{width:47%;}
	.cust-story{width:47%;}
}
@media (max-width:992px){
	.sec10:after {
		display: none;
	}
	body{overflow-x: hidden !important;overflow-y: auto !important;}
	.accordion ul li{width:47%;}
	.vdo-thumb{height: 500px;}
	h1, .banner p, .header{animation: none;}
	.main video{display: none !important;}
	#Home{background: #9AB4D2 url(../images/mobile-banner.jpg) center bottom no-repeat;background-size: 100%;}
	.thumbnail_container img{width:80%;}
	.sec2, .sec3{display: none;}
	#scrollVideo{display: none !important;}
	.sec2-mobile{display: block;}
	.sec3-mobile{display: block;}
	.slick-slider{overflow:hidden;}
}
@media (max-width: 800px){
	.accordion ul li{min-height: auto;width:100%;}
	.vdo-thumb{height: 400px;}
	.sec8 .cols-left, .sec8 .cols-right{width:100%;padding: 0;}
	.sec8 h2{margin: 0 0 40px;}
	.sec8 h2 br{display: none;}
	.sec9 br{display:none;}
	form{width:80%;}
	.cust-story{width: 100%;margin: 10px 0;}
	.new-prd-launch ul {
   	 	display: block;
    	min-height: auto;
   	 	height: auto;
	}
	.new-prd-launch li{margin: 10px 0;}
	.old-prd{
		width: 100%;
        margin: 10px 0;}
}
@media (max-width: 650px){
	br{display: none;}
	.sec4 ul{width: 100%;}
	.sec4 li{padding: 30px;}
	.sec4 h3{width:85%;}
	.accordion ul li{margin: 8px 0;}
	.thumbnail_container img{width:100%;}
	.play-icon{width:60px;height:60px;}
	.play-icon:before{
		border-top: 14px solid transparent;
    	border-bottom: 14px solid transparent;
    	border-left: 25px solid #547097;
	}
	.tq-box{width:90%;}
		.sec9{height:auto;}
	.sec9 video{top:100px;}
	.lang-dropdown p span:nth-child(1){display:none;}
	.trans-box{width:auto;}
	.translate-box{margin-right:15px;padding:0;}
	.lang-dropdown p:before{right:0;}
	.lang-dropdown p{padding: 3px 20px 3px 2px;}
	.dropdown-box li p{padding:10px;}
	.lang-dropdown p span.mobile-flag {display: inline-block !important;margin: 0px 5px 2px 5px;}
	ul.dropdown-box{width:300%;right:0%;}
}
@media (max-width:450px){
	.sec4 h3{width:80%;font-size: 1.2em;line-height: 1.3;}
	.sec4 li{padding: 20px;}
	.sec3-mobile .sec3-det{margin: -40px 20px 0 20px;}
}