.plan-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.562), rgba(0, 0, 0, 0.562)),
    url("./../images/operational-plan/banner-img.png");
}
.operational-planDiv h2 {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 36px;
}
.planCard {
  position: relative;
  overflow: hidden;
}

.planImg img {
  width: 100%;
  border-top-right-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
}
.planContent {
  position: absolute;
  width: 100%;
  bottom: 0px;
}
.planContent h2 {
  padding: 10px 25px;
}
.planContent p {
  display: none;
  background-color: #121c33;
  margin-bottom: 0px;
  font-size: 13px;
}
.planCard:hover p {
  display: block;
}
.para1 {
  padding: 15px 25px 10px;
}
.para2 {
  padding: 10px 25px 15px;
  border-bottom-left-radius: 30px;
}

@media (max-width: 450px) {
  .operational-planDiv h2 {
    font-size: 18px;
  }
  .planImg img {
    height: 300px;
  }
}