.blog {
  background: #f7f7f7;
}
.mainbanner {
  background: url("https://datascience-dataanalyst.training/data-analyst-course-in-bangalore/assets/images/image2.png");
  background-size: cover;
  background-position: center;
  height: 500px;
  background-repeat: no-repeat;
}
.mainbanner h1 {
  text-transform: uppercase;
  color: #fff;
  font-size: 55px;
  letter-spacing: 2px;
  font-family: sans-serif;
}
.entry-title {
  max-height: 40px;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 2px;
  padding-bottom: 0;
  line-height: 20px;
  min-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.entry-title a {
  color: #000;
}
.entry-title a:hover {
  color: unset;
  text-decoration: unset;
}
.heading {
  font-size: 20px;
  line-height: 1.3em;
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
  color: #000;
  margin-bottom: 14px;
  font-weight: bold;
  margin-left: -28px;
}
.imageDiv {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.cardDiv {
  background: #fff;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
  padding: 5px;
  margin-bottom: 10px;
}
.rightMainDiv {
  background: #fff;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
  margin-left: 22px;
  padding: 15px 30px;
}
.rightDiv {
  display: flex;
  flex-direction: column;
}
.rightDiv a {
  color: #000;
  line-height: 1.8;
}
.rightDiv a:hover,
rightDiv a:focus {
  color: unset;
  text-decoration: none;
}
.subHeadingContainer p {
        margin-bottom: 0;
}
.subHeadingContainer{
   background: #fff; 
   margin: 14px 0;
}
.subHeadingContainer span{
    text-transform: capitalize;
}
@media (max-width: 992px) {
  .cardDiv {
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .rightMainDiv {
     margin: 20px auto;
  }
  .cardDiv {
    margin: auto;
    margin-bottom: 10px;
  }
  .heading {
    margin-left: -17px;
  }
}
