*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body  {
  font: normal 10.6666666667px "Titillium Web", sans-serif;
  /* background: linear-gradient(54deg, #9164ff, #8bfff4); */
  color: #3c3f64;
  overflow-x: hidden;
  /* padding-bottom: 50px; */
}
.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background: #15537a;
}
.timeline ul li::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) rotate(45deg);
  width: 20px;
  height: 20px;
  z-index: 2;
  background:#f1b12d;
}
.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 400px;
  /* padding: 10px; */
  background: #fff;
  box-shadow: 4px 13px 30px 1px rgba(82, 150, 177, 0.2);
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.timeline ul li div time {
  position: absolute;
  background: #f5af19;
  width: 80px;
  height: 30px;
  top: -15px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 2px;
}
.timeline ul li div div {
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.timeline ul li div div p {
  text-align: center;
}
.timeline ul li div .discovery {
  margin-right: 10px;
}
.timeline ul li:nth-of-type(odd) > div {
  left: 45px;
}
.timeline ul li:nth-of-type(even) > div {
  left: -439px;
}
.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all 1s ease-in-out;
}
.timeline ul li:nth-of-type(odd) div {
  transform: translate3d(100px, -10px, 0) rotate(10deg);
}
.timeline ul li:nth-of-type(even) div {
  transform: translate3d(-100px, -10px, 0) rotate(10deg);
}
.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 900px) {
  .timeline ul li div {
    width: 250px;
    flex-direction: column;
 }
  .timeline ul li div div {
    width: 80%;
    margin: 10px;
 }
  .timeline ul li:nth-of-type(even) > div {
    left: -289px;
 }
  .banner > h1 {
    text-align: center;
  }
  .work-hard-section {
    padding:0px !important;
  }
  
}
@media screen and (max-width: 600px) {
 
  .timeline ul li {
    margin-left: 20px;
 }
  .timeline ul li div {
    width: calc(100vw - 91px);
 }
  .timeline ul li:nth-of-type(even) > div {
    left: 45px;
 }

}



/* brand logo css */


@keyframes scroll {
  0% {
    transform: translateX(0);
 }
  100% {
    transform: translateX(calc(-250px * 7));
 }
}
.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 135px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider::before, .slider::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  animation: scroll 20s linear infinite;
  display: flex;
  width: calc(250px * 14);
  animation-iteration-count: infinite;
}
.slider .slide {
  height: 100px;
  width: 250px;
}


/* honeycomb css 
*/


@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
 /* body {
	 font-family: 'Montserrat', sans-serif;
	 background: #3ea0eb;
} */
 *, *::before, *::after {
	 box-sizing: border-box;
}
 .honeycomb {
	 display: flex;
	 flex-wrap: wrap;
	 list-style: none;
	 justify-content: center;
	 align-items: center;
	 max-width: 1200px;
	 margin: 0 auto;
	 padding: 0;
	 transform: translateY(34.375px);
}
 .honeycomb-cell {
	 flex: 0 1 250px;
	 max-width: 250px;
	 height: 137.5px;
	 margin: 65.4761904762px 12.5px 25px;
	 position: relative;
	 padding: 0.5em;
	 text-align: center;
	 z-index: 1;
}
 .honeycomb-cell__title {
	 height: 100%;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 hyphens: auto;
	 word-break: break-word;
	 text-transform: uppercase;
	 color: #fff;
	 font-weight: 700;
	 font-size: 1.75em;
	 transition: opacity 350ms;
}
 .honeycomb-cell__title > small {
	 font-weight: 300;
	 margin-top: 0.25em;
}
 .honeycomb-cell__image {
	 object-fit: cover;
	 object-position: center;
}
 .honeycomb-cell::before, .honeycomb-cell::after {
	 content: '';
}
 .honeycomb-cell::before, .honeycomb-cell::after, .honeycomb-cell__image {
	 top: -50%;
	 left: 0;
	 width: 100%;
	 height: 200%;
	 display: block;
	 position: absolute;
	 clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	 z-index: -1;
}
 .honeycomb-cell::before {
	 background: #f2b12c;;
	 transform: scale(1.055);
}
 .honeycomb-cell::after {
	 background: #000000;
	 opacity: 0.5;
	 transition: opacity 350ms;
}
 .honeycomb-cell:hover .honeycomb-cell__title {
	 opacity: 0;
}
 .honeycomb-cell:hover::before ,.honeycomb-cell:focus, .honeycomb-cell:active {
	 background: #15537a;
}
 .honeycomb-cell:hover::after {
	 opacity: 0;
}
 .honeycomb__placeholder {
	 display: none;
	 opacity: 0;
	 width: 250px;
	 margin: 0 12.5px;
}
 @media (max-width: 550px) {
	 .honeycomb-cell {
		 margin: 81.25px 25px;
	}
}
 @media (min-width: 550px) and (max-width: 825px) {
	 .honeycomb-cell:nth-child(3n) {
		 margin-right: calc(50% - 125px);
		 margin-left: calc(50% - 125px);
	}
	 .honeycomb__placeholder:nth-child(3n + 5) {
		 display: block;
	}
}
 @media (min-width: 825px) and (max-width: 1100px) {
	 .honeycomb-cell:nth-child(5n + 4) {
		 margin-left: calc(50% - 275px);
	}
	 .honeycomb-cell:nth-child(5n + 5) {
		 margin-right: calc(50% - 275px);
	}
	 .honeycomb__placeholder:nth-child(5n), .honeycomb__placeholder:nth-child(5n + 3) {
		 display: block;
	}
}
 @media (min-width: 1100px) {
	 .honeycomb-cell:nth-child(7n + 5) {
		 margin-left: calc(50% - 400px);
	}
	 .honeycomb-cell:nth-child(7n + 7), .honeycomb-cell:nth-child(7n + 5):nth-last-child(2) {
		 margin-right: calc(50% - 400px);
	}
	 .honeycomb__placeholder:nth-child(7n + 7), .honeycomb__placeholder:nth-child(7n + 9), .honeycomb__placeholder:nth-child(7n + 11) {
		 display: block;
	}
}