.section-two{
	background-color:#1899df;
	height:auto;
	margin-left:0rem;
	margin-right:0rem;
	margin-top:-20px;
	padding-top: 0px;
	padding-bottom: 0px;
	}

.section-two h1{
	font-family: 'Marcellus SC', serif;
	font-size: 24px;
	font-weight: normal;
	color: #0078b7;
	text-align: center;
}
.section-two h2{
	font-family: 'Marcellus SC', serif;
	font-size: 42px;
	font-weight: normal;
	color: #045682;
	margin-bottom: 50px;
	text-transform: uppercase;
	}
.section-two h3{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666;
	line-height: 12px;
	text-align: left;
}

.ecosystem  {}
.ecosystem p{
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	color: #333;
	font-size: 16px;
	line-height: 22px;
	text-align: justify;
	
overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 8; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.section-two .shadowbox{box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}

.section-two h4{
	font-family: 'Marcellus SC', serif;
	font-size: 3.5vw;
	font-weight: normal;
	color: #fff;
	text-align: center;
	width: 100%;
	position: relative;
	text-transform: uppercase;
	padding-top: 15px;
	padding-left: 0px;
	text-shadow: 0px 0px 16px rgba(0,0,0,0.87);
}
.section-two .imagecontainer{
  position: relative;
  text-align: center;
  color: white;
}
.section-two .top-left {
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.section-two onimage{
	margin-top: -50px;
}





 .slider {
	position: relative;
	overflow: hidden;
    }

    .slider__wrapper {
      display: flex;
      transition: transform 0.6s ease;
    }

    .slider__item {
	flex: 0 0 25%;
	max-width: 20%;
    }

    .slider__control {
      position: absolute;
      top: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      color: #fff;
      text-align: center;
      opacity: 0.5;
      height: 50px;
      transform: translateY(-25%);
      background: rgba(0, 0, 0, .5);
    }

    .slider__control:hover,
    .slider__control:focus {
      color: #fff;
      text-decoration: none;
      outline: 0;
      opacity: .9;
    }

    .slider__control_left {
      left: 0;
    }

    .slider__control_right {
      right: 0;
    }

    .slider__control::before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
    }

    .slider__control_left::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    }

    .slider__control_right::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    }

    .slider__item>div {
      line-height: 200px;
      font-size: 100px;
      text-align: center;
    }

.item_box{
	background-color: #fefefe;
	border: 1px solid #CCC;
	height: 360px;
	width: 260px;
	padding: 10px;
}
.img_shadow{
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
.text_shadow1{
text-shadow: 0px 0px 17px rgba(255,255,255,1);
	}
.workflow-heading{
	font-family: 'Style Script', cursive;
	font-size: 60px;
	font-weight: normal;
	width: 100%;
	color: #fff;
	margin-bottom: 0px;
	/*text-shadow: 1px 3px 1px rgba(0,0,0,0.45);*/
	}
.workflow-heading2{
	font-family: 'Marcellus SC', serif;
	color: #fff;
	font-size: 60px;
	line-height: 30px;
	}