/*inpage all banner css images*/
.services_bg{background:url(../images/serbg.jpg); background: -webkit-image-set(url(../images/serbg.webp) 1x); background: image-set(url(../images/serbg.webp) 1x); background-repeat:no-repeat; background-size:cover; background-position:center;}
.about-bg{background:url(../images/aboutbg.jpg); background: -webkit-image-set(url(../images/aboutbg.webp) 1x); background: image-set(url(../images/aboutbg.webp) 1x); background-repeat:no-repeat; background-size:cover; background-position:center;}
.loc_quote_wrapper{background:url(../images/testimonial-bg.jpg); background: -webkit-image-set(url(../images/testimonial-bg.webp) 1x); background: image-set(url(../images/testimonial-bg.webp) 1x); background-repeat:no-repeat; background-size:cover; background-position:center; background-attachment: fixed; margin-top: 30px;}
.appbg{background:url(../images/appbg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.loc_quote{background:url(../images/loc_quote.jpg); background: -webkit-image-set(url(../images/loc_quote.webp) 1x); background: image-set(url(../images/loc_quote.webp) 1x);  background-repeat:no-repeat; background-size:cover; background-position:center; background-attachment: fixed; margin-top: 30px;}
.loc_quote1{background:url(../images/testimonial-bg.jpg); background: -webkit-image-set(url(../images/testimonial-bg.webp) 1x); background: image-set(url(../images/testimonial-bg.webp) 1x); background-repeat:no-repeat; background-size:cover; background-position:center; background-attachment: fixed; margin-top: 30px;}
.contact-bg{background:url(../images/contactbg.jpg); background: -webkit-image-set(url(../images/contactbg.webp) 1x); background: image-set(url(../images/contactbg.webp) 1x); background-repeat:no-repeat; background-size:cover; background-position:center;}
.online-bg{background:url(../images/onlinebg.jpg); background: -webkit-image-set(url(../images/onlinebg.webp) 1x); background: image-set(url(../images/onlinebg.webp) 1x); background-repeat:no-repeat; background-size:cover; background-position:center;}
.icon_01{background:url(../images/index-Platform-01.jpg); background: -webkit-image-set(url(../images/index-Platform-01.webp) 1x); background: image-set(url(../images/index-Platform-01.webp) 1x); background-size:cover; background-position:center;}

.icon_02{background:url(../images/index-Platform-02.jpg); background: -webkit-image-set(url(../images/index-Platform-02.webp) 1x); background: image-set(url(../images/index-Platform-02.webp) 1x); background-size:cover; background-position:center;}

.icon_03{background:url(../images/index-Platform-03.jpg); background: -webkit-image-set(url(../images/index-Platform-03.webp) 1x); background: image-set(url(../images/index-Platform-03.webp) 1x); background-size:cover; background-position:center;}

.inq-but{cursor: pointer;display: inline-block;}

.color-blue{color: #2e5392!important;}
.top-header{width: 100%; height:46px; background: #3c4a83; color: #fff; line-height: 46px;}
.top-header span{color: #fff; padding-right:20px;}
.top-header a{color: #fff; text-decoration: none;}
.top-header i{padding-right: 10px;}

.auto-header{max-width:90%; margin:0 auto;}
.nav{width:100%; background: #fff; border: 1px #fff solid;}
.logo{float:left;  margin: 10px 0; border: 0px red solid; position: relative; z-index: 999}
.logo img{width: 240px;}
.iconright{float: right; margin-right: -40px;}



/*search-css*/
#goodcover{display:none;position:absolute;top:0%;left:0%;width:100%;height:5000px;background-color:black;z-index:99998;-moz-opacity:0.8;opacity:0.70;filter:alpha(opacity=80);margin-top:-45px;overflow:hidden;}
#code{width:1000px;height:auto;overflow:hidden;padding:10px;position:absolute;display:none;left:45%;z-index:99999;text-align:center;}
.close1{width:100%;height:60px;}
#closebt{float:right;}
.close1 a{text-decoration: none;}
#closebt:before {
    content: "\f00d";
    font-family: 'FontAwesome';
    cursor: pointer;
    color: #fff; 
	display: block;
	text-align:center;
	font-size: 18px;
	border: 2px #fff solid;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
/*input*/
.searchtxt{width:100%; height:auto; overflow:hidden; margin:0 auto;}
.search-input{border:0;outline:none;font-size:16px;height:46px;padding-left:20px; min-width: 50%;}
.searchtxt select{height:46px; border:0; font-size:16px; color:444; outline:none; padding:0 10px;}
.searchtxt .btnx{padding:15px 40px;clear:both;color:#fff;font-size:16px;text-decoration:none;background-color:#3c4a83;border:0px;outline:none; cursor: pointer;}
.searchtxt .btnx:hover {color:#FFF; transition: background-color .3s; background:#ae4eff;}

.submit_search a{text-decoration:none; float:right;  position:relative; cursor:pointer; background:#3c4a83; border-radius: 5px; line-height: 40px; height: 40px; text-align: center; margin-top: 25px; z-index: 999; color: #fff; padding: 0 20px;}
.submit_search a:before{content:"\f002";font-family:FontAwesome;font-size:18px;color:#fff; text-align:center; }
.submit_search a:hover{background: #007aff;transition:background-color .3s;}


.section_title{margin:50px auto; text-align:center;}
.section_title h2{font-size:26px; font-weight: normal; margin: 0; padding-top: 20px;}
.section_title hr{height:7px;width:70px;text-align:center;position:relative;margin:0 auto;border:0;background:url(../images/hrbg.png); background-repeat:no-repeat; background-position:center;}
.section_title span{color: #3c4a83; text-transform: uppercase; font-size: 20px;}

.col-md-8-1	> .row{margin-bottom: 0; margin-top: 0;}
.col-md-8-1 > .row > .col-md-3 p{margin:0;}
.col-md-8-1 > .row > .col-md-6 p{margin:0;}
.col-md-8-1 > .row > .col-md-4 p{margin:0;}

/*index products*/
.red{color: #f84949;}
.search_form input{height: 40px;}
.index_container p{line-height:26px; font-size:18px; }
.index_container h2{color: #000; text-align: center; font-size: 36px; padding-bottom: 0; margin-bottom: 20px; line-height: 42px;}
.index_container p a{color:var(--green-color); text-decoration: none;}
.index_container p a:hover{ color: #f84949;}
.index_container h3{color: #000;}
.index_container h3 a{ color:var(--green-color); text-decoration: none;}
.index_container h3 a:hover{ color: #f84949; text-decoration: none;}
	
.contagion-block-one{
	position: relative;
	border: 10px solid #fff;
	padding: 10%;
	margin: 0 auto;
	box-shadow: 4px 9px 16px 1px rgba(0, 0, 0, 0.04), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	margin-bottom: 30px;
	margin-top: 15px;
	min-height: 220px;
}


.contagion-block-one h4{
    font-size: 20px;
    font-weight: 700; 
	text-align: center;
	line-height: 28px;
	color: #fff;
    
}

.contagion-block-one:hover {
    box-shadow: 4px 9px 16px 1px rgb(0, 0, 0, 0.2), -2px 0px 5px 1px rgb(0, 0, 0, 0.2);
    border-radius: 10px;
}



/**services css index**/

.contagion-block-two:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.09);
	box-shadow: 0 4px 40px rgba(0, 0, 0, 0.09);
}

.contagion-block-two .fig_caption::before, .contagion-block-two .fig_caption::after {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.contagion-block-two .fig_caption::before {
	border-top: 2px solid #3c4a83;
	border-bottom: 2px solid #3c4a83;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);border-radius: 10px;
}
.contagion-block-two .fig_caption::after {
	border-right: 2px solid #3c4a83;
	border-left: 2px solid #3c4a83;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);border-radius: 10px;
}
.contagion-block-two:hover .fig_caption::before, .contagion-block-two:hover .fig_caption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


.contagion-block-two{
	position: relative;
	border: 0px solid #fff;
	padding: 10%;
	margin: 0 auto;
	box-shadow: 4px 9px 16px 1px rgba(0, 0, 0, 0.04), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	margin-bottom: 30px;
	margin-top: 15px; text-align: center;
}

.contagion-block-two:before {
    position: absolute;
    content: "";
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    box-shadow: 4px 9px 16px 1px rgba(0, 0, 0, 0.02), -2px 0px 5px 1px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
}

.contagion-block-two .icon-box img {
	width: 65px; margin-bottom: 10px;
}
.contagion-block-two h4{
    margin-top: 20px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700; margin: 0;color: #333;
    
}
.contagion-block-two h4 a{
	color: #333;
}

.contagion-block-two .text{
    margin-top: 20px; line-height: 24px; color: #333;
}

.container{width:100%; height:auto; overflow:hidden; position:relative;  color: #fff; padding: 40px 0;}
.container h4{font-size: 24px; margin: 0; padding-bottom: 20px;}
.container span{font-size: 18px;}


/*contact Us index*/
.contact_bottom{width:100%; height:auto; overflow:hidden; margin:0 auto; background: #f7f7f7;}
.contact_container h3{font-size:18px; color:#000; margin: 0; padding-bottom: 20px;text-transform: uppercase; font-weight: bold; font-weight: normal;}
.contact_container p{color:#000; text-decoration:none; line-height:28px; padding: 5px 0; margin: 0;}

	
.list-style-two{position:relative;list-style-type:none; margin:0; padding:0;}
.list-style-two li{position:relative;font-size:15px;font-weight:400;padding-left:40px;margin-bottom:10px;color:#000; line-height:36px}
.list-style-two li .icon{position:absolute;left:0px; width:25px; height:25px; color:#fff;font-size:12px;line-height:1em;text-align:center; background-color:#3c4a83; padding-top:5px; margin-top:4px; border-radius: 100%; }
.list-style-two li a{color:var(--green-color); text-decoration:none;}

.list-style-left{position:relative;list-style-type:none; margin:20px 0 0 0; padding:0;}
.list-style-left li{position:relative;font-size:15px;font-weight:400;padding-left:40px;margin-bottom:10px;color:#333; line-height:36px}
.list-style-left li .icon{position:absolute;left:0px; width:25px; height:25px; color:#fff;font-size:12px;line-height:1em;text-align:center; background-color:var(--green-color); padding-top:5px; margin-top:4px; border-radius: 100%; }
.list-style-left li a{color:var(--green-color); text-decoration:none;}

.social-icon-two{padding-top:10px;list-style-type:none; margin:20px 0; padding:0; height:auto; overflow:hidden;}
.social-icon-two li{margin-right:10px;margin-left:0px; display:inline-block;}
.social-icon-two li a{color:#3c4a83;font-size:18px;}


.cop{height: auto; overflow: hidden; width: 100%; padding-top: 10px; background: #3c4a83; padding: 20px 0; color:#fff; text-align: center;}
.footer-item p a{color: #000; text-decoration: none;	-webkit-transition: .5s all ease;	transition: .5s all ease; display: block;}
.footer-item p a:hover{color:#3c4a83; margin-left: 10px;transition:margin-left .5s;}
.footer-item p a:before {
    content: "\f105";
    font-family: 'FontAwesome';
    cursor: pointer;
	text-align:left;
	padding-right: 5px;
	color: #3c4a83;
}
.footer-item p a:hover:before{color:var(--yellow-color);}

.emailadd{border-radius: 30px; background: #fff; height: 50px; width: 100%; border: 0; outline: none; padding-left: 10px;}
.emailbottom{background: #3c4a83; padding: 15px 30px; border: 0; border-radius: 30px; color: #fff; outline: none; margin-top: 10px; float: right;}


/*in page css */
.banner_inpage{width:100%; min-height:460px; margin:0 auto; display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.auto-container h2{color:#FFF;text-align:center;font-size:48px;width:100%; margin:0; }
.auto-container h1{color:#FFF;text-align:center;font-size:48px;width:100%; margin:0; }
.auto-container p{text-align:center; font-size:18px; color:#FFF; padding: 10px 0;}
.auto-container p a{color: #fff; text-decoration: none;}
.auto-container p a:hover{color:var(--green-color);}
.auto-container{width:100%; margin:0 auto;}

.bread-crumb{position:relative; padding: 0;}
.bread-crumb li{position:relative;display:inline-block;font-size:16px;margin-right:16px;color:#fff;line-height:24px;}
.bread-crumb li:last-child{margin-right:0px;}
.bread-crumb li:after{content:'\f105';font-family:'FontAwesome';position:absolute;right:-14px;width:8px;line-height:26px;font-size:14px;color:#fff;}
.bread-crumb li:last-child:after{display:none;}
.bread-crumb li a{color:#ffffff;font-weight:400;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease; text-decoration:none;}
.bread-crumb li a:hover{color:#fff;}

.bread-center{text-align: center;}

.inpage_container{width:100%; margin:0 auto 40px auto; padding-bottom: 40px; height: auto; }

/*inpage right*/
.inpage_right{
margin-bottom: 30px; margin-top: 40px;padding: 20px;
-webkit-box-shadow: 0 0 10px 0 #eee; box-shadow: 0 0 10px 0 #eee;
}
.inpage_right h3{font-size: 24px; font-weight: bold; color:var(--green-color);}

.titlebg h1{color: #333; text-align: left; font-weight: normal; font-size: 36px;}

.inquiry_form_public{width: 100%; margin: 0 auto 20px auto;} 
.inquiry_form_public h3{color: #333;font-size: 28px;}
.inquiry_form_public ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;}
.inquiry_form_public li{position:relative; width:100%;display:inline-block;}
.inquiry_form_public label{width:100%;display:inline-block;text-align:left;padding:15px 0; font-size:16px; color:#000; font-weight: bold;}
.inquiry_form_public input{height:50px; width:100%; border-radius: 5px; border: 2px solid #ddd; padding-left:10px; outline:none; color:#444;}
.inquiry_form_public textarea{padding-left:10px;width:100%; outline:none; border-radius: 5px; border: 2px solid #ddd;}
.inquiry_form_public .submit{display:inline-block;text-align:center;padding:1em 3em;clear:both;color:#fff;text-decoration:none;border:0px;cursor:pointer;margin:20px 0;
	background:var(--green-color);
	float: left;
}
.inquiry_form_public .submit:hover{background:#f84949;color:#fff;transition:background-color .3s;}
.inquiry_form_public textarea{font-family:'Proxima Nova Rg', sans-serif; padding-top:10px;}


.inquiry_form{width: 100%; margin: 0 auto 20px auto;} 
.inquiry_form h3{color: #333;font-size: 28px;}
.inquiry_form ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;}
.inquiry_form li{position:relative; width:49.5%;display:inline-block;}
.inquiry_form label{width:100%;display:inline-block;text-align:left;padding:15px 0; font-size:16px; color:#000; font-weight: bold;}
.inquiry_form input{height:50px; width:100%; border-radius: 5px; border: 2px solid #ddd; padding-left:10px; outline:none; color:#444;}
.inquiry_form textarea{padding-left:10px;width:100%; outline:none; border-radius: 5px; border: 2px solid #ddd;}
.inquiry_form .submit{display:inline-block;text-align:center;padding:1em 3em;clear:both;color:#fff;text-decoration:none;border:0px;cursor:pointer;margin:20px 0;
	background:var(--green-color);
	float: left;
}
.inquiry_form .submit:hover{background:#f84949;color:#fff;transition:background-color .3s;}
.inquiry_form textarea{font-family:'Proxima Nova Rg', sans-serif; padding-top:10px;}

.hot{position:absolute;top:3px;right:0;}
.hot:after{content: url(../images/hot.gif);margin-left:5px;}

.serviceshowpic {font-size:1em !important;text-align:center;line-height:1.7em !important;color:#666666; display: block;}
.serviceshowpic img {margin:auto;}
.serviceshowleftpic {float:left;margin-right:15px;text-align:center;color:#666666;display:inline-block;}
.serviceshowrightpic {float:right;margin-left:15px;text-align:center;color:#666666;display:inline-block;}
.serviceshowpic,.serviceshowrightpic,.serviceshowleftpic {font-size:1em;text-align:center;line-height:1.7em !important;}
.serviceshowpic img,.serviceshowrightpic img,.serviceshowleftpic img {display:block;max-width:100%;height:auto;margin-bottom:8px;margin-left:auto;margin-right:auto;}

ul.accordion-menu {
  padding: 0;
  list-style: none;
  width: 100%;
  margin: 20px auto;
  /*box-shadow: 0px 0px 10px #00000070;*/
  clear: both;
}
ul.accordion-menu .list {
  border-bottom: 1px solid #eee;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  vertical-align: sub;
 /* background: #3e5165;*/
  clear: both;
  padding: 17px 0px 17px 0;

}
ul.accordion-menu li {
  border-bottom: 1px solid #eee;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  vertical-align: sub;
 /* background: #3e5165;*/
  clear: both;
  padding: 17px 0px 17px 0;

}
ul.accordion-menu .list:after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: 17px;
  padding: 0px 5px 0 0;
  color:var(--grey-color);
  font-weight: bold;
}
/*ul.accordion-menu .list:before {
	content: '\f055';
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: 17px;
  padding: 0px 5px;
  color:var(--grey-color);
}*/
ul.accordion-menu li a {
  text-decoration: none;
  color:var(--grey-color);
  height: 100%;
  box-sizing: border-box;
}
ul.accordion-menu .list a {
  text-decoration: none;
  color:var(--grey-color);
  height: 100%;
  box-sizing: border-box;
}
ul.accordion-menu .list a:hover {
  /*background-color: #eee;*/
  transition: 300ms all;
  color: #3c4a83;
}
ul.accordion-menu .list .items {
  height: 0px;
  overflow: hidden;
}
ul.accordion-menu .list .items a {
}
ul.accordion-menu .list .items a:hover {
  /*background-color: #ccc;*/
  color: #3c4a83;
  transition: 300ms all;
}
ul.accordion-menu .list:last-child {
  border-bottom: none;
}
ul.accordion-menu .active:after {
  content: "\f106";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: 17px;
  padding: 0px 5px 0 0;
  color:#3c4a83;
}
/*ul.accordion-menu .active:before {
	content: '\f056';
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: 17px;
  padding: 0px 5px;
  color:#c53131;
}*/
ul.accordion-menu .active > .items {
  display: block;
  background: #fff;
  padding: 0px;
  height: auto;
  color:var(--green-color);
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 200ms;
  clear: both;
  float: left;
  width: 100%;
	margin-top: 20px;
}
ul.accordion-menu .active > .items li {
  border-bottom: 1px solid #eee;
  list-style: none;
	padding:12px 0px 12px 12px;
}
ul.accordion-menu .active > .items li:last-child {
  border-color: transparent;
}
ul.accordion-menu .active > .items .active > .items {
  background-color: #fff;
}
ul.accordion-menu .active > a {
  color: #3c4a83;
  font-weight: bold;
}
ul.accordion-menu .active .list {
  background: #fff;
}
ul.accordion-menu .active .list a {
  padding: 17px 20px 17px 0;
}



.bottombg{background:url(../images/servicesbottombg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.services_bottom{width: 100%; min-height: 300px; height: auto; overflow: hidden; margin-top: 40px; padding: 20px;}
.services_bottom span{color: #e60658;}
.services_bottom h3{font-size: 24px;}
.services_bottom p{ width: 80%; float: left; padding-left: 10px;}
.services_bottom i{background: #e60658; color: #fff; padding: 10px; border-radius: 100%; width: 50px; height: 50px; text-align: center; line-height: 25px; font-size: 22px; float: left; margin-top: 20px;}
.services_bottom .col-md-6{min-height: 150px;border: 0px red solid;}



.contagion-block-title{
	padding: 2%;
	margin: 0 auto;
	box-shadow: 4px 9px 16px 1px rgb(0, 0, 0, 0.2), -2px 0px 5px 1px rgb(0, 0, 0, 0.2);
	min-height: 300px;
	width: 400px;
	background: #fff;
	color: #000;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;
	position: absolute;
	bottom: 0px;
	float: right;
	right: 0;
	
}
.contagion-block-title span{ border-bottom: 2px #3c4a83 solid; width: auto; padding-bottom: 20px;font-size: 28px; width: 150px;}

.index-items span{color: #13a2b7; font-size: 24px;}
.index-items h3{font-size: 28px;}

.index-items .col-md-4{ position:relative; padding:0; min-height:280px; color:#fff; background-repeat:no-repeat; background-size:cover; margin: 10px; float: left; width: 30%;}
.index-items .col-md-4 .item-blue-bg  { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.5; transition:all ease .5s;}
.index-items .col-md-4 .item-yellow-bg{ position:absolute; left:0; bottom:0; width:100%; height:100%; background-color:#ffffff; opacity:0; transition:all ease 1s;}
.index-items .col-md-4 .items-content{position:absolute; z-index:99; top:0; width:100%; height:100%;}
.index-items .col-md-4 .items-content h2{ width:90%; margin:10px auto; text-align:center; font-size:20px; bottom: 20px; color: #fff; position: absolute;}
.index-items .col-md-4 .items-content h2 a{ color:#fff;}
.index-items .col-md-4:hover .item-yellow-bg{ opacity:0.4;}

.index-items-0 .col-md-4{ background-image:url(../images/img00.jpg); background: -webkit-image-set(url(../images/img00.webp) 1x); background: image-set(url(../images/img00.webp) 1x); background-size: cover;}
.index-items-1 .col-md-4{ background-image:url(../images/img01.jpg); background: -webkit-image-set(url(../images/img01.webp) 1x); background: image-set(url(../images/img01.webp) 1x); background-size: cover;}
.index-items-2 .col-md-4{ background-image:url(../images/img02.jpg); background: -webkit-image-set(url(../images/img02.webp) 1x); background: image-set(url(../images/img02.webp) 1x); background-size: cover;}
.index-items-3 .col-md-4{ background-image:url(../images/img03.jpg); background: -webkit-image-set(url(../images/img03.webp) 1x); background: image-set(url(../images/img03.webp) 1x); background-size: cover;}
.index-items-4 .col-md-4{ background-image:url(../images/img04.jpg); background: -webkit-image-set(url(../images/img04.webp) 1x); background: image-set(url(../images/img04.webp) 1x); background-size: cover;}
.index-items-5 .col-md-4{ background-image:url(../images/img05.jpg); background: -webkit-image-set(url(../images/img05.webp) 1x); background: image-set(url(../images/img05.webp) 1x); background-size: cover;}
.index-items-6 .col-md-4{ background-image:url(../images/img06.jpg); background: -webkit-image-set(url(../images/img06.webp) 1x); background: image-set(url(../images/img06.webp) 1x); background-size: cover;}
.index-items-7 .col-md-4{ background-image:url(../images/img07.jpg); background: -webkit-image-set(url(../images/img07.webp) 1x); background: image-set(url(../images/img07.webp) 1x); background-size: cover;}
.index-items-8 .col-md-4{ background-image:url(../images/img08.jpg); background: -webkit-image-set(url(../images/img08.webp) 1x); background: image-set(url(../images/img08.webp) 1x); background-size: cover;}
.index-items-9 .col-md-4{ background-image:url(../images/img09.jpg); background: -webkit-image-set(url(../images/img09.webp) 1x); background: image-set(url(../images/img09.webp) 1x); background-size: cover;}
.index-items-10 .col-md-4{ background-image:url(../images/img10.jpg); background: -webkit-image-set(url(../images/img10.webp) 1x); background: image-set(url(../images/img10.webp) 1x); background-size: cover;}
.index-items-11 .col-md-4{ background-image:url(../images/img11.jpg); background: -webkit-image-set(url(../images/img11.webp) 1x); background: image-set(url(../images/img11.webp) 1x); background-size: cover;}
.index-items-12 .col-md-4{ background-image:url(../images/img12.jpg); background: -webkit-image-set(url(../images/img12.webp) 1x); background: image-set(url(../images/img12.webp) 1x); background-size: cover;}


.ser-01{ background-image:url(../images/Services-fig1-1.jpg); background-size:cover; background-position:center;}
.ser-02{ background-image:url(../images/Services-fig2-1.jpg); background-size:cover; background-position:center;}
.ser-03{ background-image:url(../images/Services-fig3-1.jpg); background-size:cover; background-position:center;}
.ser-04{ background-image:url(../images/Services-fig4-1.jpg); background-size:cover; background-position:center;}
.ser-05{ background-image:url(../images/Services-fig5-1.jpg); background-size:cover; background-position:center;}
.ser-06{ background-image:url(../images/Services-fig6-1.jpg); background-size:cover; background-position:center;}

.serbgcolor{ background: #fff; min-height: 280px; position: absolute; bottom: 20px; margin: 0 20px; padding: 20px;}
.serbg{min-height: 460px; position: relative; margin-bottom: 40px;}
.serbg:hover h3{color: #007aff; text-decoration: underline;}


.solution-page > .col-md-3 p img{width: 100px;}
.solution-page > .col-md-3{margin-top: 10px; margin-bottom: 10px; height: 350px; margin-left: 20px; width: 23%;}
.solution-page > .col-md-3:hover{box-shadow: 4px 9px 16px 1px rgba(0, 0, 0, 0.04), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);}
.solution-page > .col-md-3:hover h3{color: #007aff; text-decoration: underline;}
.solution-page a h3{color: var(--green-color);}
.solution-page a h3:hover{color:#f84949;}

.slide-item-body-1 ul li {
	width: 33.3%;
	display: block;
	z-index: 10002;  margin: 0 10px; background-color:rgba(0,0,5,0.2); border-radius: 20px;
}

.slide-item-body-1 ul li a {
	display: block;
}


.new-body-1 {
	padding: 20px 20px 40px 0; min-height: 320px;
}

.new-body-1-title {
	line-height: 24px;
	font-size: 18px;
	overflow: hidden;
	font-weight: 600; height: auto;text-align: center; color: #FF7420;
}

.new-body-1-text {
	line-height: 24px;
	overflow: hidden;
	height: auto; text-align: center;color: #fff; min-height: 140px;
}
.newsbottom a{background: #000; border-radius: 10px; text-align: center; color: #fff!important; width: 150px; padding: 10px; margin: 0 auto;}
.newsbottom a:hover{color: #FF7420!important;}


/*-------*/

.slide-item-body ul li {
	width: 100%;
	display: block;
	border: none;
	color: #000;
	z-index: 10002;  margin: 0 auto;
}

.slide-item-body ul li a {
	display: block;
}

.new-img img {
	max-width: 100%;
	height: auto;
	border: none;
	display: block; margin: 0 auto;
	border-radius: 100%;
}

.slide-item {
	width: 80%;
	position: relative;
	margin: -70px auto 0 auto; padding: 0;
}

.slide-item-box {
	padding: 50px 0 0 0; 
}

.new-body {
	padding: 20px 20px 40px 0;
}

.new-body-title {
	line-height: 24px;
	font-size: 18px;
	overflow: hidden;
	font-weight: 600; height: auto;text-align: center;
}

.new-body-text {
	line-height: 24px;
	overflow: hidden;
	height: auto; text-align: center;
}

.slide-item-body {
	/*margin-left: -70px*/
}

.slide-item-body ul li {
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 20px
}

.slide-item-body .tempWrap {
	padding-top: 20px;

}

.slide-item-body ul {
	padding-top: 10px;
	overflow: visible
}


.next {
    position: absolute;
    top: 49%;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 60px;
    -webkit-background-size: 60px;
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    right: auto;
    left: -120px;
    height: 60px;
    width: 60px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.next-bg {
    background-image: url("../images/btn-fl1.png");
}

.next:hover {
    background-image: url("../images/btn-fl2.png");
}

.prev {
    position: absolute;
    top: 49%;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 60px;
    -webkit-background-size: 60px;
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    right: -120px;
    height: 60px;
    width: 60px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.prev-bg {
	background-image: url(../images/btn-fr1.png)
}

.prev-bg:hover {
	background-image: url(../images/btn-fr2.png)
}


.pageservices p{text-align: center; color: #000;}
.pageservices img{height: 220px;}


.pagenav{text-align:left; font-size:14px; text-decoration:none; margin:20px 0; height:auto; overflow:hidden; padding:10px 0;}
.pagenav a{margin-left:8px; color:#333; text-decoration:none; border:1px #d3d3d3 solid; padding:4px 10px; border-radius:5px;}
.pagenav a:hover{color:#fff; text-decoration:none; background:#333; border:1px #333 solid;}
.btnPRO {
	background: #3c4a83;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
	height: 40px;
	line-height: 40px;
    z-index: 0;
    overflow: hidden;
    position: relative;
	text-decoration: none;
	font-size: 16px;
	padding-bottom: 5px;
	cursor: pointer;
	padding:0 20px 0 20px;
	width: 120px;
}
.btnPRO:hover{background: #007aff; color: #fff!important;}
.btnPRO:before {
    content: "\f08e";
    font-family: "FontAwesome";
    cursor: pointer;
    float: right;
    padding: 0 0 0 5px;
    color: #fff;
    display: block;
    font-size: 14px;
}


.table_PRO .tab-nav {background: #fff;  width:100%; height: 48px;border-bottom: 0px; margin-top: 30px;}
.table_PRO .tab-nav a {text-align: left; text-decoration: none;height: 48px; color: #3c4a83;border-left: 1px #3c4a83 solid;border-right: 1px #3c4a83 solid;border-top: 1px #3c4a83 solid; margin-right: 10px; padding: 15px 20px; float: left;border-radius:5px 5px 0 0;}
.table_PRO .tab-nav a.current { color: #fff; background:#3c4a83; border: 0;}
.table_PRO .tab-con { position: relative; width: 100%;  overflow: hidden; padding-top: 10px; font-size: 16px; border-top: 1px solid #ddd; margin-bottom: 30px;} 
.table_PRO .tab-con-item { display: none; width: 100%;   text-align: left; }
.table_PRO .tab-con-item p{margin:0;  display:block;}

@media (min-width: 1280px){
	.index_container{max-width:80%; margin:0 auto 0 auto; height: auto;}
	.contact_container{max-width:80%;margin:40px auto; padding:0; position:relative; height:auto; overflow:hidden;}
	.fixed{position: fixed; z-index: 999999; display:inline-block;  width:100%; margin:0 auto; background-color:#fff;
		box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  	-o-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  	-ms-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);}
	
}

@media (min-width: 1280px) and (max-width: 1600px){	
	.menu > ul > li a{font-size: 1rem!important; padding: 1em 0.5em!important;}
	.menu-dropdown-icon:before{padding:12px 10px 0 0!important;}
	.menu > ul > li > ul > li a{padding:.4em 0!important;}
}

@media (min-width: 1024px) and (max-width: 1280px){
	.index_container{max-width:90%; margin:0 auto 0 auto; height: auto; }
	.contact_container{max-width:90%;margin:40px auto; padding:0; position:relative; height:auto; overflow:hidden;}
	.fixed{position: fixed; z-index: 999999; display:inline-block;  width:100%; margin:0 auto; background-color:#fff;}
	
	
}

@media (max-width: 1023px){
	
	.index-items .col-md-3{ position:relative; padding:0; min-height:225px; color:#fff; background-repeat:no-repeat; background-size:cover; margin: 10px; float: left; width: 100%;}
	.contagion-block-title{width: 100%;}
.top-header{width: 100%; height:auto; overflow: hidden; background: #3c4a83; color: #fff;}
.top-header span{color: #fff; padding-right:0;}
.top-header a{color: #fff; text-decoration: none;}
.top-header i{padding-right: 10px;}

.nav{width:100%; background: #fff; border: 1px #fff solid;}
.logo{margin: 70px 0 0 0; border: 0px red solid; display: block; text-align: center; width: 100%; position: relative; height: 65px;}
.logo img{width: 240px;}
.iconright{float: none; margin-right:0;}
	
	.auto-header{max-width:100%; margin:0 auto;}
	.index_container{max-width:95%; margin:0 auto 0 auto; height: auto; }
	.contact_container{max-width:90%;margin:40px auto; padding:0; position:relative; height:auto; overflow:hidden;}

	.fixed{z-index: 999999; display:inline-block;  width:100%; margin:0 auto; background-color:#fff;}
	.submit_search  a{border:0px red solid; width: 100%; margin-bottom: 20px;}
	#code{width:100%;height:auto;overflow:hidden;padding:10px;position:absolute;display:none;left:0;z-index:999999;text-align:center;}
	.search-input{border:0;outline:none;font-size:16px;height:46px; margin-bottom: 20px; min-width: 90%;}
	.searchtxt select{height:46px; border:0; font-size:16px; color:444; outline:none; padding:0 10px; width: 90%; margin-bottom: 20px;}
	.searchtxt .btnx{padding:15px 40px;clear:both;color:#fff;font-size:16px;text-decoration:none;background-color:var(--green-color);border:0px;outline:none; cursor: pointer; width: 90%;}
	.searchtxt .btnx:hover {color:#FFF; transition: background-color .3s; background:#f84949;}
	.sit_section{width: 90%; height: auto; overflow: hidden;  margin:-120px auto 0 auto; background: #fff; position: relative; 
	-webkit-transition: color .2s ease;
  	-moz-transition: color .2s ease;
  	-ms-transition: color .2s ease;
  	-o-transition: color .2s ease;
  	transition: color .2s ease;
	box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-o-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
  	-ms-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);
	}
	
	.row-4{ min-height:1px; width:100%;vertical-align:top;}
	.hvr-float{margin: 0 auto; text-align: center; display: block;}
	
	.auto-container{width:95%; margin:0 auto;}
	.inquiry_form li{position:relative; width:100%;display:inline-block;}
	
	.pageservices img{width: 100%; height: 100%;}
	.emailbottom{background: #3c4a83; padding: 15px 30px; border: 0; border-radius: 30px; color: #fff; outline: none; margin-top: 10px; float: left;}
.contact_container h3{font-size:18px; color:#000; margin: 0; padding-bottom: 20px; padding-top: 20px; text-transform: uppercase; font-weight: bold; font-weight: normal;}
	.banner_inpage{min-height: 350px;}
	
	
	.banner-box h2{font-size: 1.125rem!important; width: 90%!important; height: 30px;}
	.banner-box p{font-size: 1rem!important; width: 90%!important; height: 70px;}
	.banner-box{background-size: cover!important; height: 300px!important;}
	.slider{height: 300px!important;}
	.slide{height: 300px!important;}
	.banner-box{right: 10px!important;}
	.slider-arrow--left{left: 10px!important;}
	.index-items .col-md-4{width: 100%!important; min-height: 240px!important;}
	.contagion-block-title {min-height: 200px;}
	
}
.inquiry-notic
{
    position: relative;
    padding: 5px 30px;
    background:rgba(244,244,244,1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 20px 0;
    color:rgba(120,120,120,1);
}
.inquiry-notic::before
{
    position: absolute;
    content: '\f071';
    color:#3c4a83;
    font-family:"FontAwesome";
    left:5px;
}

.page-tab {
    display: flex;
    gap: 5px;
    position: sticky;
    top: 96px;
    left: 0;
    background: #fff;
    padding: 10px;
    z-index: 99999;
    flex-wrap: nowrap;
    border-bottom: #1da5d0 solid 2px;
    margin-bottom: 15px;
    box-shadow: 0 0 18px rgba(0, 0, 0, .1);
    overflow-x: auto;
}
.page-tab span {
	cursor: pointer;
    background-color: #eee;
    color: #333;
    border-radius: 8px;
    width: auto;
    padding: 9px 12px;
    text-align: center;
    white-space: nowrap;
    margin-right: 5px;
}
.page-tab span.active, .page-tab span:hover {
    background: #3c4a83;
    color: #fff;
}
h2.h2_tit {
	border-left: #3c4a83 solid 4px;
    padding: 8px 0 8px 18px !important;
    color: #000 !important;
    margin: 60px 0 20px 0;
    background-color: #f5f5f5;
    font-size: 24px !important;
    text-align: left !important;
}
.serviceshowleftpic-add-css {
	margin-top: 0;
	margin-bottom: 0;
}
.serviceshowleftpic-add-css > img {
	/* height: 285px; */
    object-fit: cover;
    width: 340px;
	margin: 0;
}
.table-bordered th a {
	color: #fff;
}
.table-bordered th a:hover {
	color: #fff;
	text-decoration: underline;
}
.serviceshowpic-text-css {
  font-size: 16px;
}
.active-li > a {
  color: #3c4a83 !important;
  font-weight: bold;
}
.related-services {
  margin-top: 40px;
  margin-bottom: 30px;
}
.related-services > .related-services-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.related-services > .related-services-list > div {
  /* flex: 1 1 45%; */
  position: relative;
  display: flex;
  align-items: center;
  width: 49%;
  background: #eee;
  padding: 12px 10px;
  margin-bottom: 15px;
  justify-content: left;
  /* margin-right: 28px; */
}
.related-services > .related-services-list > div:hover {
  background: #3c4a83;
}
.related-services > .related-services-list > div:hover a {
  color: #fff;
}
.related-services > .related-services-list > div:hover span:before {
  color: #fff;
}
.related-services > .related-services-list > div > span {
    transform: rotate(-90deg);
    margin-right: 15px;
}
.related-services > .related-services-list > div > a {
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.related-services > .related-services-list .menu-dropdown-icon:before {
  padding: 0 !important;
  font-size: 16px;
}
.faq-container .faq-item:not(:first-child) .answer {
  display: none;
}
.faq-container .faq-item .question {
  position: relative;
  cursor: pointer;
  background-color: #f5f5f5;
  padding: 10px 15px;
  border-radius: 5px;
}
.faq-container .faq-item .question::after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  /* top: 17px; */
  padding: 0px 5px 0 0;
  color: var(--grey-color);
  font-weight: bold;
  transform: rotate(0deg);
  transition: all .3s;
}
.faq-container .faq-item .question-active::after {
  transform: rotate(180deg);
  transition: all .3s;
}
.faq-container .faq-item .answer {
  padding: 5px 20px;
}

.download-pdf-container-css {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.download-pdf-container-css .download-pdf-css {
  color: #fff;
  padding: 5px 10px;
  background: #3c4a83;
  border-radius: 7px;
}
.download-pdf-container-css .download-pdf-css::before {
  content: "\f019";
  font-family: FontAwesome;
  font-size: 15px;
  color: #fff;
  text-align: left;
  margin-right: 3px;
}
.row-gap-4-add-css {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.5rem !important;
}
.row-gap-4-add-css > div {
  float: none;
}
.fd-style-4 {
    border-radius: 10px;
    text-align: left;
    position: relative;
    overflow: hidden;
    height: 100%;
    border: 1px solid #3c4a83 ;
    background: #fff;
    transition: all .3s ease;
}
.an-1 {
    transition: all ease .3s;
    transform: translateY(0);
}
.fd-style-4 .title {
    background-color: #3c4a83;
    color: #fff;
    padding: 0.5rem 1.5rem;
    height: auto;
    line-height: 1.3;
    margin: 0;
}
.fd-style-4 .content {
    padding: 0rem 1.5rem 1rem;
}
.an-1:hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    transform: translateY(-10px);
}

.fd-style-11 {
    background: #ffffff;
    border-radius: 8px;
    padding: 32px;
    margin-bottom: 32px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border-left: 4px solid #384ea6;
    transform: translateX(0);
}

.fd-style-11 .card-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.fd-style-11 .icon-container {
    width: 48px;
    height: 48px;
    background: #ebf8ff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}
.fd-style-11 .icon {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: #384ea6;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.fd-style-11 .card-title-container {
    flex-grow: 1;
}
.fd-style-11 .phase-label {
    font-size: 14px;
    font-weight: 600;
    color: #384ea6;
    margin-bottom: 4px;
    padding: 3px 0;
}
.fd-style-11 .card-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a202c;
    margin: 0;
}
.fd-style-11 .card-content {
    color: #4a5568;
    font-size: 16px;
    line-height: 1.6;
    margin-left: 64px;
}
.fd-style-11:hover {
    transform: translateX(8px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.row-features-css {
  display: flex;
  flex-wrap: wrap;
}
.row-features-css > div {
  float: none;
}
.featuresunit {
    margin-bottom: 15px;
}
.featurestit {
    display: block;
    text-align: center;
}
.featurestit img {
    border-radius: 100px;
    margin-bottom: 10px;
    border: 4px solid #fff;
}
.featurescont::after {
    content: "▲";
    color: #f3e04e;
    position: absolute;
    top: -18px;
    left: 44%;
    width: 30px;
    height: 25px;
    font-size: 30px;
    text-align: center;
}
.featurescont {
    display: none;
    position: absolute;
    top: 100%;
    left: 15px;
    width: 100%;
    background-color: #f3e04e;
    padding: 15px;
    z-index: 100;
}
.featuresunit:hover .featurestit {
    color: #f3e04e;
}
.featuresunit:hover .featurestit img {
    border: 4px solid #f3e04e;
}
.featuresunit:hover .featurescont {
    display: block;
}
.row-gap-5-add-css {
    row-gap: 3rem !important;
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px !important;
}
.row-gap-5-add-css > div {
  float: none;
}
.fd-style-8 {
    border-radius: 0 8px 8px 8px;
    text-align: left;
    position: relative;
    height: 100%;
    border: 1px solid #dee2e6;
    background: #fff;
    transition: all .3s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}
.fd-style-8 .title {
    background-color: #3c4a83;
    color: #fff;
    padding: 0.7rem 1.5rem;
    height: auto;
    line-height: 1.3;
    border-radius: 4px 4px 0 0;
    width: auto;
    position: relative;
    top: -56px;
    width: 50%;
    min-width: 350px;
    position: relative;
    margin-top: 30px;
}
.fd-style-8 .content {
    padding: 0rem 1.5rem;
    transform: translateY(-66px);
    margin-bottom: -56px;
    width: 100%;
    display: block;
}
.fd-style-1-add-css {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1.5rem !important;
}
.fd-style-1-add-css > div {
  float: none;
}
.fd-style-1 {
    border-radius: 10px;
    text-align: left;
    padding: 1rem;
    height: 100%;
    border: 1px solid #dee2e6;
    background: #fff;
    transition: all .3s ease;
    position: relative;
}
.fd-style-1 > h3 {
    margin: 0px 0 15px 0;
    font-size: 18px;
    font-family: 'Roman', sans-serif;
    color: #3c4a83;
    line-height: 1.4;
}