body{font-size:15px;font-family: 'Poppins', sans-serif;}

    .mail_list{float:left;display:inline-block;color:#fff}
    .contact_list{float:right;display:inline-block;color:#fff}
    .mail_list a,.mail_list a:hover{text-decoration: none;}
.excelic_project_count.header_trr{padding: 4px;z-index: 99999;position: fixed;width: 100%;top: 0;}
.bg-dark {background-color: #fff!important;box-shadow: 1px 0px 6px #ddd;margin-top: 30px;}
.navbar-dark .navbar-nav .nav-link:hover {color: #1d1b5c !important;}
.navbar-dark .navbar-nav{color:#000}
.navbar-brand img{margin-top: 8px;height: 35px;}
.btn-explore{border-radius:20px;background-color:#0069ab;color:#fff}
.carousel-control-next-icon, .carousel-control-prev-icon{display:none}
.title h1{font-size:30px;font-weight:bold;color:#212155;padding:8% 0 0 0;}
.title p{font-size:22px;font-weight:400;color:#212155;}
.carousel-item{background-color:#fff !important}
.solution_box_area{border:1px dashed #0064a3;padding:10px;}
.solution_box_area h2{color:#0069ab;font-size:18px;text-align:center;font-weight:bold;    padding-left: 10px;text-transform: uppercase;}
.solution_box_area p{text-align:left}
.btn-transparent{box-shadow:0px;color:#0069ab;text-align:left;display: block;}
.title_address{font-size: 20px;margin-bottom: 0px;display: block;}
.solution_box_area .btn-transparent{color: #0069ab;text-align: left;display: block;text-transform: uppercase;border: 1px solid;width: 35%;}
.reach_box span{display:block}
.reachus{font-size:18px;margin-bottom:20px}
.carousel-caption{left:2% !important; right:auto !important;width:50% !important;text-align:left !important;    color: #1f1e57;}
.carousal_wrapper{background-color:#212155;padding: 15px;}
.client_box_img{background:#fff;padding:10px;margin: 2%;height:130px;}
.pb0{padding-bottom:0px !important;}
.pt7{padding-top:7%}
.pt14{padding-top:14%}
.pb-4{padding-bottom:20px;}
.p-5{padding:5px !important}
.pb-120{padding-bottom:120px;}
.pt-50{padding-top:50px;}
.pt-120{padding-top:120px;}
.carousel-control-prev,.carousel-control-next{display:none}
.carousel-caption .btn:hover{color:#fff !important;text-decoration:none !important}
.fa-handshake-o{color:#fff !important}
.marginTop20{margin-top:30px}
.solution_box_area img{margin-bottom:20px}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:#000 !important}
.top_text {
	display: none;
    margin: -25px;
    margin-left: 0px;
}
.footer{display: none}
#toTop .fa{margin-top: -5px;
    display: block;
    margin-bottom: 20px;
    text-align: center;}
#toTop {

	cursor:pointer;
    padding: 5px 3px;
    color: #fff;
    position: fixed;
    bottom: 60px;
    right: 15px;
    display: none;
    border-radius: 50%;
    padding: 12PX 12px;
    width: 50PX;
    height: 50PX;
    box-shadow: inset 0 0 5px #d9d7d2;
background: linear-gradient(-45deg, #0064a3, #0064a3, #d01211, #0064a3);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;}
	.social_ico{margin:5px 0px;padding:0px;}
.address_txt{color:#fff;text-align:center;line-height:25px;}
.about_deatils, .about_deatils p{line-height:25px;}

.about_cta{cursor:pointer;}
.social_ico{list-style-type:none;float:right}
.social_ico li{float:left; margin:0px;padding:0px 5px;}
.social_ico li i{color:#fff;font-size:1.3rem}

.demo_flex_table .flex-wrap {
    flex-basis: 100%;
    width: 100%;
}
.point-list li, .first_root li{list-style-type:none;color: #272557;}
.point-list li i, .first_root li i{color: #272557;margin-right:5px}
.point-list,.first_root{margin: 0;padding: 0 0 0 5px;}
.title_nearpage{padding:15px 0px 0 0px;}
.industery_page{background:#231f5a;}
.digi ul{margin:0px 25px;padding:0px;}
.digi ul li{margin:0px;padding:2px 0px; list-style-type:square;font-size:18px;}
.page_grid h1{font-size: 30px;
    color: #fff;
    padding-top: 25px;}
	.page_grid p{ color: #fff;  padding-top: 5px;font-size:16px;padding-bottom:0px;}
	.digi .row.firstline{padding-top:20px}
	.btn-download i{padding-left:5px;}
	.btn-download:hover{background-color:#fff;color:#212155}
	.btn-download:hover i{color:#212155}
.navbar-brand{background:#fff;margin-top: -10px;margin-bottom:-8px;padding: 5px;}
.footer{bottom:0;color:#000;margin-top:10px;height:40px;position:fixed;width:100%;padding:10px;;background-color: #fff;box-shadow: 2px -2px 4px #dfdede;}
.link_footer a{color:#fff !important}
.marketing .col-lg-4 p{margin-bottom: 5px;text-align:justify;}
.about_info{margin-top:12%}
.navbar-dark .navbar-nav .nav-link{padding:0px 10px; color: #000;}
.nav-item .nav-link.active{color:#1e1e5a !important}
.navbar-dark .navbar-brand {padding-top: 10px;}
.contact_title{padding: 0 0 3% 0;}
.contact_wrapper{margin-top:100px}
.excelic_project_count{background:#1e1e5a;padding:5% 0;}
.client_digit,.client_digit2,.client_digit3,.client_digit4{font-size:40px;color:#fff;font-weight:bold}
.first_root > li{list-style-type:none; font-weight:bold !important; padding-bottom:5px;}
.first_root > li ul{padding-left:5px;padding-top: 5px;padding-bottom: 5px; font-weight:normal !important;}
.digi ul li{font-weight:normal}
.client_txt_a{font-size:15px;color:#fff;}
.project_ico{border-radius:50%;width:70px;height:70px;background-color:#fff;position:absolute;top:0px;text-align:center;padding:10px 0px;color:#0064a3;font-weight:100;font-size:30px;right: 10px;}
.vai{border-right: 1px dashed #fff;}
.vai:last-child{border:0px}
.nav-link.active{font-weight:bold}
.btn-download{border-radius:20px;border:1px solid #fff;background:transparent;color:#fff;font-weight:bold;margin-bottom:20px}
.title span {
    font-size: 30px;
    font-weight: bold;
    color: #212155;
    padding: 6% 0 0 0;
}
.alter_bg{background:#f9f7f7;border-top: 1px solid #efebeb;border-bottom: 1px solid #efebeb;}
.p-0{padding:0px;}
.m-0{margin:0px;}
.excelic_project_count,.industery_page {
	background: linear-gradient(-45deg, #0064a3, #0064a3, #d01211, #0064a3);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	
}
.datial_info{margin-bottom:20px;}
.adj_servicearrowholder .servicearrowholder{right: 5px !important;}
.lt_servicearrowholder .servicearrowholder{left:0 !important;transform:rotate(180deg);}
.servicearrowholder,.servicearrowholder_right {
    width: 4.06rem;
    position: absolute;
    right: -10px;
    margin-left: 0.63rem;
    top: 0.63rem;
	padding:2px;
	background-color: #1f1f51  !important;
}
.servicearrowholder span,.servicearrowholder_right span{
	display: block;
    text-align: center;color:#fff}
.servicearrowholder:after {
    content: "";
    position: absolute;
    border-top: 0.5rem solid #5e5e70;
    border-right: 0.69rem solid transparent;
    margin-left: 52px;
    bottom: -0.5rem;
}



.servicearrowholder_right:after {
    content: "";
    position: absolute;
  border-top: 0.5rem solid #5E5E6F;
    border-right: 0.69rem solid transparent;
    margin-left: 54px;
    bottom: 29px;
    transform: rotate(-90deg);
}
.lt_servicearrowholder .servicearrowholder_right {
    left: 0 !important;
    transform: rotate(180deg);
	margin-left: 9px;
	
}

#myCarousel1 .carousel-item{height:12rem;padding-top: 18px;padding-bottom: 18px;}
#myCarousel1 .carousel-indicators{bottom:-3px;}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@media only screen and (max-width: 600px) {
.about_info,.praa{margin-top:0%;text-align: justify;}
.carousel-caption{width:90% !important}
.contact_title{padding: 0 0 3% 0;}
.contact_wrapper{margin-top:10px}
.contact_wrapper .border-right{border:0px !important}
.navbar-dark .navbar-nav .nav-link {
    padding: 10px 10px;
    color: #000;
    border-bottom: 1px solid #ddd;
}
.navbar-dark .navbar-nav .nav-link.last{border:0px}
.navbar-dark .navbar-toggler{background: #3a376c;}
.pb-120 {padding-bottom: 10px;}
.pt-120{padding-top:10px}
.pt-50{padding-top:10px;}
.digi .row,.ind .row{border-top:1px solid #ddd; margin-top:10px;margin-bottom:10px;padding:20px 0px;}
.digi .row.firstline,.ind .row.firstline{border:0px;}
.digi,.ind{text-align:justify}
.project_ico{right:0px;top: 20px;}
.client_txt_a{font-size:21px;}
.excelic_project_count .row .position-relative{border-bottom:1px solid #FFF;padding:10px 0px;margin:5px 0; }
.vai{border-right: 0px;}
.title span{font-size:28px;}
.servicearrowholder,.servicearrowholder_right{display:none;}
#myCarousel1 .carousel-item{height:6rem}
.bg-dark {
    background-color: #fff!important;
    box-shadow: 1px 0px 6px #ddd;
    margin-top: 48px;
}
.mail_list{float:left;display:inline-block;color:#fff}
.contact_list{float:left;display:inline-block;color:#fff}
.box_cont{margin-bottom:20px}
}





/*animation element*/

.animation-element {
    opacity: 0;
    position: relative;
  }
  /*animation element sliding left*/
  
  .animation-element.slide-left {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(-100px, 0px, 0px);
  }


  
  .animation-element.slide-left.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }

  /*animation slide left styled for testimonials*/



  /*animation element*/

  /*bounce up animation for the subject*/
  
  .bounce-up .subject {
    opacity: 0;
    -moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    -moz-transform: translate3d(0px, 200px, 0px);
    -webkit-transform: translate3d(0px, 200px, 0px);
    -o-transform: translate(0px, 200px);
    -ms-transform: translate(0px, 200px);
    transform: translate3d(0px, 200, 0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .bounce-up.in-view .subject {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  #toTop {
    background: linear-gradient(-45deg, #0064a3, #0064a3, #d01211, #0064a3) !important;
    background-size: 400% 400%  !important;
    animation: gradient 15s ease infinite  !important;
    position: fixed;
    bottom: 60px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#toTop i {
    color: #fff;
    margin: 0;
    position: relative;
    top: 7px;
    font-size: 19px;
    -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;
}
#toTop:hover {
    background: rgba(0, 0, 0, 0.9);
}
#toTop:hover i {
    color: #fff;
    top: -5px;
}
#toTop:hover.top_text{display: inline-block;}
.roadmap.roadmap--orientation-auto .roadmap__events:after{background-color: #fff !important;}
.roadmap.roadmap--orientation-auto .roadmap__events__event:before{background-color: #fff !important;}
.roadmap.roadmap--orientation-auto .roadmap__events__event:after{background-color: #fff !important;}
.event__date,.event__content{color:#fff !important}
.roadmap.roadmap--orientation-auto .roadmap__navigation>* a i {
    font-size: 44px;
    color: #fff;
}