@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap');

@font-face {
	font-family: 'LineIcons';
	src        : url('../fonts/LineIcons.eot?y2l643');
	src        : url('fonts/LineIcons.eot?y2l643#iefix') format('embedded-opentype'),
		url('../fonts/LineIcons.ttf?y2l643') format('truetype'),
		url('../fonts/LineIcons.woff?y2l643') format('woff'),
		url('../fonts/LineIcons.svg?y2l643#LineIcons') format('svg');
	font-weight: normal;
	font-style : normal;
}

body {
	margin     : 0;
	padding    : 0;
	font-size  : 14px;
	font-family: 'Raleway', sans-serif;
	/* font-family: 'Montserrat', sans-serif; */
	font-weight: 400;
}

a,
a:link,
a:visited,
a:active,
a:hover,
button,
input,
select,
textarea,
i {
	text-decoration   : none;
	outline           : none;
	-moz-transition   : all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition        : all 300ms ease-in-out;
}

input,
select,
textarea {
	width             : 100%;
	outline           : none;
	-moz-transition   : all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition        : all 300ms ease-in-out;
}

input[type="radio"],
input[type="checkbox"] {
	width: auto;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline   : none;
	box-shadow: none;
}

img {
	max-width         : 100%;
	-moz-transition   : all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition        : all 300ms ease-in-out;
}

.comntitle {
	font-weight   : bold;
	font-size     : 35px;
	text-transform: uppercase;
	margin-bottom : 50px;
	margin-top    : 0;
	text-align    : center;
	color         : #393939;
}

.comnpadding {
	padding: 50px 0;
}
.blue{
	background: #013F7C;
	color: #fff;
}
.skyblue {
	background: #E0EEF7;
}
.grey{
	background: #fcf7f7;
}
.white_color{
	color: #FFF;
}

/*=========================================

		Header Css Start Here

=========================================*/
.sticky-top{
	background: #fff;
}
header {
	padding: 10px 0;
}

.navbar-collapse {
	padding: 0;
}

.navbar {
	min-height   : auto;
	margin-bottom: 0;
}

.navbar-light .navbar-nav .nav-link {
	color         : #3D3D3D;
	font-size     : 15px;
	text-transform: uppercase;
	padding       : 5px 10px;
	margin-left   : 15px;
	position: relative;
}
.navbar-light .navbar-nav .nav-link:before {
    content: "";
    width: 1px;
    height: 0px;
    background: #DA241C;
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    margin: auto;
    -moz-transition   : all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition        : all 300ms ease-in-out;
}
.navbar-light .navbar-nav .nav-link:hover:before {
    height: 15px;
}
.dropdown-toggle::after {
	display: none;
}

.navbar-light .navbar-nav .nav-link.contactbtn {
	color         : #DA241C;
	border        : 2px solid;
	text-transform: capitalize;
}
.navbar-light .navbar-nav .nav-link.contactbtn:before{
	display: none;
}
.navbar-light .navbar-nav .nav-link.contactbtn:hover{
	color         : #fff;
	background: #DA241C;
	border        : 2px solid;
	text-transform: capitalize;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgb(218 36 28);
}

/*------------------------
submenu css on hover
------------------------*/
/* .dropdown:hover>.dropdown-menu {
	display: block;
  }
  .dropdown-item:hover>.dropdown-menu {
	display: block;
  }
  ul li{
  list-style-type:none;
  display: inline;
  }
  
  .navbar-nav .nav-link{display:inline-block;}
	 
  .ml-auto {display:inline-block!important;}
  
  .dropdown>.dropdown-toggle:active {
	pointer-events: none;
  } */



.dropdown-menu {
	padding   : 0;
	border    : none;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	margin: 0;
    border-top: 4px solid #da241c;
	left: auto;
}
/*.dropdown-menu a{
	border-bottom: 1px solid #ddd;
}*/

.dropdown-item {
	padding: 10px 15px;
	font-size: 15px;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active, 
.dropdown-item:active {
	color           : #da241c;
	text-decoration : none;
	background: none;
}
.dropdown-item img {
    width: 35px;
    margin-right: 10px;
    box-shadow: 0 0 5px #bfbfbf;
    border-radius: 50%;
    padding: 5px;
}
.navbar-nav{
	position: relative;
}
.navbar-nav li{
	position: initial;
}
.megamenu{
	width: 100%;
	min-width: auto;
	left: 0;
}
.megamenu a{
    width: 49%;
    display: inline-block;
}
@media only screen and (min-width:1024px) {
	.dropdown:hover>.dropdown-menu {
		display: block;
	}
	
	.dropdown>.dropdown-toggle:active {
		pointer-events: none;
	}
	.dropdown .dropdown-menu {
  transition: all 0.5s;
  overflow: hidden;
  transform-origin: top center;
  transform: scale(1, 0);
  display: block;
}
.dropdown:hover .dropdown-menu {
  transform: scale(1);
}

}

/*=========================================
	
		Banner Css Start Here

=========================================*/

.banner {
	position     : relative;
	margin-bottom: 50px;
}

.banner_caption h1 {
	font-size     : 52px;
	font-weight   : 800;
	text-transform: capitalize;
	line-height   : 60px;
}

.banner_caption h1 span {
	color: #DA241C;
}

.banner_caption aside {
	font-size     : 52px;
	font-weight   : 800;
	text-transform: capitalize;
	line-height   : 60px;
}

.banner_caption aside span {
	color: #DA241C;
}

.banner_caption p {
	font-size  : 16px;
	color      : #3D3D3D;
	margin     : 20px 0;
	line-height: 28px;
	font-weight: 500;
}

.banner_caption small {
	font-size    : 18px;
	color        : #3D3D3D;
	display      : block;
	font-weight  : 500;
	margin-bottom: 15px;
}

.banner_caption small img {
	margin-right: 10px;
}

.banner_caption a {
	font-size  : 16px;
	color      : #fff;
	background : #DA241C;
	box-shadow : 0px 0px 8px #DA241C73;
	display    : inline-block;
	padding    : 7px 20px;
	font-weight: 600;
	margin-top : 20px;
}
.banner_caption a:hover{
	background: #013F7C;
	box-shadow : 0px 0px 8px #013F7C;
}

/*=========================================
	
		Solution Css Start Here

=========================================*/

.Solution {
	background: #013F7C;
	color     : #fff;
}

.Solution .comntitle {
	color: #fff;
}

.listdiv {
	display        : flex;
	justify-content: space-between;
	text-align     : center;
	flex-wrap      : wrap;
}

.listdiv li {
	width        : 30%;
	background   : rgba(255, 255, 255, 0.05);
	padding      : 20px;
	margin-bottom: 40px;
	-moz-transition   : all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition        : all 300ms ease-in-out;
}
.listdiv li:hover {
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 0 10px 0px rgb(255 255 255 / 50%);
}

.listdiv h2 {
	font-size     : 16px;
	font-weight   : 600;
	color         : #fff;
	margin-bottom : 15px;
	letter-spacing: 0.8px;
}

.listdiv p {
	font-size     : 15px;
	font-weight   : 500;
	color         : #fff;
	letter-spacing: 0.75px;
}

.listdiv .icon {
	width        : 60px;
	height       : 60px;
	line-height  : 60px;
	margin       : 0px auto 15px;
	border-radius: 50%;
}

.bg1 {
	background: #2FC1DD;
}

.color1 {
	color: #2FC1DD;
}

.bg2 {
	background: #DC6E2E;
}

.color2 {
	color: #DC6E2E;
}

.bg3 {
	background: #61CF2C;
}

.color3 {
	color: #61CF2C;
}

.bg4 {
	background: #9A41F2;
}

.color4 {
	color: #9A41F2;
}

.bg5 {
	background: #4F59E4;
}

.color5 {
	color: #4F59E4;
}

.bg6 {
	background: #E54162;
}

.color6 {
	color: #E54162;
}


.Technology {
	background: #E0EEF7;
}

.nav-tabs {
	justify-content: space-between;
	border         : none;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color           : #495057;
	background-color: transparent;
	border          : none;
}

.nav-tabs .nav-link {
	border       : none;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	font-size    : 18px;
	font-weight  : 500;
	color        : #3d3d3d;
	padding      : 0;
	margin       : 0 10px;
	position     : relative;
}

.nav-tabs .nav-link::after {
	content     : "";
	width       : 0;
	height      : 0;
	border-left : 8px solid transparent;
	border-right: 8px solid transparent;
	border-top  : 10px solid #DA241C;
	position    : absolute;
	bottom      : -10px;
	left        : 0;
	right       : 0;
	margin      : auto;
	opacity     : 0;
}

.nav-tabs .nav-link.active::after {
	opacity: 1;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
	border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color           : #DA241C;
	background-color: transparent;
	border-bottom   : 2px solid;
}

.tab-content {
	padding: 25px 0;
}


.tech_list {
	display        : flex;
	justify-content: center;
	flex-wrap      : wrap;
}

.tech_list li {
	background: #dae7f2;
	width     : 18%;
	margin    : 1%;
	text-align: center;
}

.process_list {
	display        : flex;
	justify-content: space-between;
	flex-wrap      : wrap;
}

.process_list li {
	width        : 30%;
	margin-bottom: 20px;
}

.icontext {
	display      : flex;
	align-items  : center;
	margin-bottom: 15px;
}

.icontext aside {
	width        : 60px;
	height       : 60px;
	line-height  : 60px;
	margin-right : 15px;
	border-radius: 50%;
	text-align   : center;
}

.icontext span {
	font-size  : 24px;
	font-weight: bold;
}

.owl-carousel .item {
	position: relative;
	z-index : 100;
}

/* end fix */
.owl-nav>div {
	margin-top: -26px;
	position  : absolute;
	top       : 50%;
	color     : #cdcbcd;
}

.owl-nav i {
	font-size: 36px;
	color    : #3D3D3D;
	margin   : 0 10px;
}

.owl-nav i:hover {
	color: #DC6E2E;
}


.testbox {
	background: #fff;
	padding   : 35px;
	position  : relative;
	margin-top: 30px;
}

.owl-carousel .owl-item .testbox img {
	width   : 60px;
	position: absolute;
	top     : -20px;
}

.testbox h5 {
	font-size  : 18px;
	color      : #3D3D3D;
	margin     : 15px 0;
	font-weight: 600;
}

.testbox p {
	font-size    : 15px;
	color        : #3D3D3D;
	margin-bottom: 0px;
	font-weight  : 500;
}

.userinfo span {
	font-size  : 15px;
	color      : #DA241C;
	font-weight: 600;
}

.userinfo span small {
	color      : #3D3D3D;
	font-weight: 500;
	display    : block;
	font-size  : 15px;
}

.userinfo {
	display    : flex;
	align-items: center;
	margin-top : 20px;
}

.owl-carousel .owl-item .userinfo img {
	position     : initial;
	border-radius: 50%;
	width        : 70px;
	height       : 70px;
	object-fit   : cover;
	margin-right : 15px;
}

.owl-nav {
	text-align: center;
	margin-top: 30px;
}


.CTA {
	background: url("../images/111.png") #fff;
	padding   : 50px 0;
}

.ctabox {
	display        : flex;
	align-items    : center;
	justify-content: space-between;
}

.ctabox aside {
	font-size     : 28px;
	color         : #3d3d3d;
	font-weight   : bold;
	text-transform: uppercase;
}

.ctabox aside span {
	color: #DA241C;
}
.CTA2{
	/* background: url("../images/111.png") #013F7C; */
	background: #013F7C;
	padding   : 50px 0;
}
.CTA2 .ctabox aside{
	color: #fff;
	width: 80%;
}

.comnbtn {
	font-size  : 16px;
	color      : #fff;
	background : #DA241C;
	box-shadow : 0px 0px 8px #da241c73;
	display    : inline-block;
	padding    : 7px 20px;
	font-weight: 600;
	border     : none;
}
.comnbtn:hover{
	background: #013F7C;
	box-shadow : 0px 0px 8px #013F7C;
}
.process_shap {
	margin-bottom: 30px;
}


footer {
	background: #2B2B2B;
	padding   : 40px 0;
	color     : #fff;
}

footer h6 {
	font-size    : 22px;
	margin-bottom: 25px;
}

footer address {
	color: rgba(255, 255, 255, 0.5);
}

.ft_contct a {
	display      : table;
	color        : rgba(255, 255, 255, 0.5);
	margin-bottom: 10px;
}

.ft_contct a i {
	color         : #fff;
	font-size     : 20px;
	margin-right  : 10px;
	vertical-align: middle;
}

.copyright {
	background: #2B2B2B;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	padding   : 20px 0;
	color     : #fff;
}

.copyright span {
	font-size: 15px;
}

.copy {
	display        : flex;
	justify-content: space-between;
	align-items    : center;

}

.ftsocial a {
	color      : #fff;
	margin-left: 15px;
	font-size  : 20px;
}

.ftlink li a {
	font-size    : 15px;
	color        : rgba(255, 255, 255, 0.5);
	margin-bottom: 8px;
	display      : table;
}

.ftlink li a:hover {
	color: rgba(255, 255, 255, 1);
}


#Solution,
#Development,
#Enprowess{
	display: none;
}
#Solution .icon,
#Enprowess .icon{
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	margin: auto;
}
#Solution img,
#Development img,
#Enprowess img{
	width: auto;
	display: initial;
}
#Solution .listbox,
#Enprowess .listbox{
	text-align: center;
}
#Solution .listbox h2,
#Enprowess .listbox h2{
	font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin:15px 0;
    letter-spacing: 0.8px;	
}
#Solution .listbox  p ,
#Enprowess .listbox  p{
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.75px;
}

#Solution .owl-nav ,
#Development .owl-nav,
#Enprowess .owl-nav{
	text-align: center;
	margin-top: 10px;
}
#Solution .owl-nav i ,
#Enprowess .owl-nav i {
	font-size: 36px;
	color: #fff;
	margin: 0 10px;
}
#Solution .owl-nav i:hover,
#Enprowess .owl-nav i:hover {
    color: #DC6E2E;
}



.benelist li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.benelist li:nth-child(even){
	flex-direction: row-reverse;
}
.benelist li:nth-child(even) .banefit_text{
	text-align: right;
}
.benelist li:nth-child(even) .banefit_img{
	text-align: left;
}
.banefit_text{
	width: 50%;
}
.banefit_img{
	width: 40%;
	text-align: right;
}
.banefit_text h3{
	text-transform: uppercase;
	font-size: 24px;
	color: #3d3d3d;
	font-weight: 600;
	margin-bottom: 20px;
	white-space: pre-line;
}
.banefit_text h3 span{
	color: #DA241C;
}
.banefit_text p{
	font-size:16px;
	color: #3d3d3d;
	line-height: 28px;
}


/*================================= 
		accordion css start
=================================*/

 #faq .card {
	margin-bottom: 30px;
	border: 0;
  }
  
 #faq .card .card-header {
	border: 0;
	-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
			box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
	border-radius: 2px;
	padding: 0;
  }
  
 #faq .card .card-header .btn-header-link {
	color: #fff;
	display: block;
	text-align: left;
	background: #013F7C;
	color: #fff;
	padding: 15px 40px 15px 15px;
    position: relative;
  }
  
#faq .card .card-header .btn-header-link:after {
	content: "\f107";
	font-family: fontawesome;
	font-weight: 900;
	position: absolute;
    right: 10px;
    font-size: 24px;
    height: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  
#faq .card .card-header .btn-header-link.collapsed {
	background: #013F7C;
	color: #fff;
  }
  
  #faq .card .card-header .btn-header-link.collapsed:after {
	content: "\f106";
	font-family: fontawesome;
  }
  
/* #faq .card .collapsing {
	background: #FFE472;
	line-height: 30px;
} */
  
#faq .card .collapse {
	border: 0;
  }
  
#faq .card .collapse.show {
	background: #FFF;
	line-height: 30px;
	color: #222;
  }


.Our_Values h2{
	color: #fff;
	margin-bottom:25px;
	font-size:24px;
	text-transform: capitalize;
	font-weight: bold;
	/* text-align: center; */
}
 .Our_Values li{
	  color: #FFF;
	  font-size: 16px;
	  margin-bottom: 10px;
	  position: relative;
	  padding-left: 30px;
  }
  .Our_Values li::before{
	  content: "\f00c";
	  font-family: fontawesome;
	  position: absolute;
	  top: 0;
	  left: 0;
	  color: #DC6E2E;
  }
 .Our_Values p{
	font-size: 20px;
}



.Why_EnProwess ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Why_EnProwess li{
	position: relative;
	font-size:16px;
	margin-top: 50px;
	width: 48%;
	text-align: center;
	padding: 45px 25px 25px 25px;
	border: 1px solid;
}
/* .Why_EnProwess li::before{
	content: "\f046";
	font-family: fontawesome;
	position: absolute;
	top: 0;
	left: 0;
	color: #DC6E2E;
} */
.Why_EnProwess li i{
	font-size: 50px;
	margin-bottom: 15px;
	position: absolute;
	top: -25px;
    left: 0;
    right: 0;
    margin: auto;
	background: #fff;
	width: 50px;
}
.Why_EnProwess li h4{
	font-size:20px;
	margin-bottom: 15px;
	color: #013F7C;
	font-weight: bold;
}
.Why_EnProwess li p{
	margin: 0;
}
.Why_EnProwess li:nth-child(1){
	border-color: #2FC1DD;
}
.Why_EnProwess li:nth-child(2){
	border-color: #DC6E2E;
}
.Why_EnProwess li:nth-child(3){
	border-color: #61CF2C;
}
.Why_EnProwess li:nth-child(4){
	border-color: #9A41F2;
}


.hirebox {
    text-align: center;
}
.hirebox h4 {
    font-size: 22px;
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 15px;
}
.hirebox p {
    font-size: 14px;
}


.contact{
	display: flex;
	flex-wrap: wrap;
}
.contactform h3{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 30px;
}

.contactform input{
	height: 50px;
	border: 1px solid #ddd;
	padding: 5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.contactform textarea{
	height: 120px;
	border: 1px solid #ddd;
	padding: 5px 10px;
	resize: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.contactform input:focus,
.contactform textarea:focus{
	border: 1px solid #DC6E2E;
}


.addressdiv {
    text-align: center;
    padding: 15px;
    border-radius: 10px;
	margin-bottom: 30px;
    background:rgba(255, 255, 255, 0.05);
}
.addressdiv strong{
	font-size: 22px;
	display: block;
	margin-bottom:7px;
}
.addressdiv address {
    /* white-space: pre-line; */
    font-size: 18px;
	margin-bottom: 10px;
}
.addressdiv aside{
	font-weight: bold;
	font-size: 16px;
	margin-bottom:7px;
}
.addressdiv aside a{
	color: #fff;
}



.our_blog{
	position: relative;
}
.Categories{
	background: #fcf7f7;
	box-shadow: 0 0 10px #ddd;
	position: relative;
	margin-bottom: 30px;
}
.Categories h2{
	font-weight: bold;
	font-size: 20px;
	padding: 15px;
	color: #fff;
	background: #013F7C;
	margin: 0;
}
.Categories a{
	font-size: 16px;
	text-transform: capitalize;
	color: #222;
	display: block;
	padding: 10px 15px;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
}
.Categories a:hover{
	color: #fff;
	background: #DC6E2E;
}
.Categories a:last-child{
	border-bottom: none;
}


ul.blog-post {
	list-style: none;
	font-size: 0px;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.blog-post li {
	display: inline-block;
  border-radius: 3px;
	padding: 15px;
	margin-bottom: 30px;
	background: #fff;
	border: 1px solid #eee;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-shadow: 0 0 6px #eee;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

ul.blog-post li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px;
}

ul.blog-post li h3 {
	margin: 0.6em 0 0.6em;
  text-align: left!important;
  font-family: Source Sans Pro, sans-serif;
  color: #333;
  font-size: 1.1em;
}

ul.blog-post li p {
  margin: 0.6em 0 1.3em;
	font-size: 16px;
	line-height: 1.5em;
	color: #8c8c8c;
  text-align: left!important;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

ul.blog-post.columns-2 li  .button{
  text-align: center;
  border: none;
  background: #DC6E2E;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
  font-size: 0.7em;
  font-size: 16px;
  color: white;
  border-radius: 5px;
  padding: 8px 15px 8px 15px;
  display:table;
  margin: 10px auto;
}
ul.blog-post.columns-2 li  .button:hover{
	background: #013F7C;
}
.button:hover {
  opacity: 0.9;
  cursor: pointer;
}

ul.blog-post.columns-2 li {
	width: 48%;
}
 
@media (max-width: 480px) {
	ul.blog-post {
		margin-left: 0;
	}
	ul.blog-post li {
		width: 100% !important;
		margin: 0 0 20px;
	}
}


.our_blog_details h1{
	font-size:36px;
    font-weight: 800;
    text-transform: capitalize;
    line-height:40px;
}
.our_blog_details h3{
	font-size:28px;
    font-weight: 800;
    text-transform: capitalize;
    line-height:40px;
}
.our_blog_details p.my-2 {
    margin: 20px 0 !important;
}



.case_study {
    background: #013F7C;
    color: #fff;
}
.casebox{
	background: rgba(255, 255, 255, 0.05);
	padding: 15px;
	margin:20px 0;
	text-align: center;
}
.casebox:hover{
	background: rgba(255, 255, 255, 0.15);
	box-shadow: 0 0 10px 0px rgb(255 255 255 / 50%);
}
.casebox h5{
	font-size: 18px;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 0;
}


.case_study_detail p ,
.Implementation p{
	font-size: 15px;
	margin-bottom: 25px;
	line-height: 26px;
	letter-spacing: 1px;
}

.Implementation {
    background: #013F7C;
    color: #fff;
    padding: 50px 0;
}
.zigzag{
	background: #013F7C;
	color: #fff;
	padding: 50px 0;
}
.zigzag .comntitle{
  color: #fff;
}

.zigzag_list li{
	display: flex;
	align-items: center;
	justify-content:flex-end;
	background: #fff;
	color: #3d3d3d;
	padding: 25px;
	border-radius: 10px;
	position: relative;
	margin-bottom: 30px;
}
.zigzag_list li small{
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	text-align: center;
	background: #DA241C;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: -40px;
	bottom: 0;
	margin: auto;
}
.zigzag_list li aside{
	padding-left:40px;            
}
.zigzag_list li aside p{
	font-size: 16px;
	margin: 0;
}
.zigzag_list h3{
	text-transform: capitalize;
	font-size: 24px;
	color: #3d3d3d;
	font-weight: 600;
	margin-bottom: 15px;
	white-space: pre-line;
	margin-top: 0;
}
.zigzag_list h3 span {
	color:#DA241C;
}


.prototype{
	margin-top: 50px;
}


.style1 li{
	margin-bottom: 20px;
	font-size: 18px;
	position: relative;
	padding-left: 30px;
}
.style1 li::before{
	content: "\f178";
	font-family: fontawesome;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	font-weight: bold;
	color: #DA241C;
}

.case_study_detail p{
	font-size: 16px;
}




.style2 li{
	margin-bottom: 20px;
	font-size: 18px;
	position: relative;
	padding-left: 30px;
}
.style2 li::before{
	content: "\f00c";
	font-family: fontawesome;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
	font-weight: bold;
	color: #DA241C;
}


.skypeimg {
    width: 180px;
    margin: auto;
    display: block;
}