.card {
  padding: 10px;
  border: 1px solid #b6622e;
  border-radius: 12px;
  box-shadow: 5px 5px 0px 0px #3F51B5;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.4s ease;
  cursor: default;
}
.card:hover {
  transform: translateY(-10px);
  box-shadow: 10px 10px 0px 0px #a8b4ff;
}
.card .header {
  background: #009688;
  padding: 10px;
  color: white;
  border-radius: 8px;
}
.card .header.header-2 {
  background-color: #15739d;
}
.card .header.header-3 {
  background-color: #3F51B5;
}
.card p {
  flex: 1;
  margin-top: 10px;
}
.card a {
  background-color: #1c7bc7;
  margin-left: auto;
  color: #ffffff;
  font-weight: 600;
  padding: 5px 10px;
  font-size: 12px;
}
.card a:hover {
  color: #ef6800;
  background-color: transparent;
  border: 1px solid;
}

.logos {
  width: 170;
  margin: 0 20px;
}

.logos.bbbp {
  width: 110px;
}
.logos.niti {
  width: 270px;
}
.logos.iaf {
  width: 220px;
}

.lifecycle .icon-wrap {
  background-color: #8BC34A;
  height: 70px;
  width: 70px;
  border-radius: 40%;
  padding: 20px;
  font-size: 30;
  margin: 10px;
  border: 2px dashed #17635c;
  position: relative;
}

.lifecycle .bar {
  position: absolute;
  height: 90%;
  width: 3px;
  background-color: #17635c;
  display: block;
  top: 20px;
  left: 43px;
}

.lifecycle-inner {
  display: flex;
  flex-direction: column;
  position: relative;
}

.lc-content-wrap {
  display: flex;
  align-items: center;
}
.lc-content-wrap .title {
  font-weight: 700;
}
.lc-content-wrap .content {
  text-align: left;
  padding: 10px;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  .lifecycle-inner {
    flex-direction: row;
  }
  .lifecycle-inner {
    
  }
  .lc-content-wrap {
    flex-direction: column;
    align-items: center;
  }
  .lc-content-wrap .content {
    text-align: center;
  }
  .lifecycle .bar {
    height: 3px;
    width: 80%;
    top: 45px;
    left: 0;
    right: 0;
    margin: auto;
  }
  
}

.why-org-wrap {
  background-color: #377cb3;
}
.why-org {
  border-radius: 8px;
  background: linear-gradient(155deg, #f8dbfd, #e0f5ff);
  /* position: relative;
  right: 30px; */
}

.tcourses {
  background-color: #C5CAE9;
  border-radius: 10px;
  /* position: relative;
  left: 30px; */
  background: linear-gradient(145deg, #c2cbff, #8BC34A);
  border: 2px solid;
}