.col-12 {
  flex: auto;
}
.heading-row {
  background-color: #CCCCCC;

}

.heading-row h1 {
  font-size: 74px;
  font-weight: 700;
  line-height: 94px;
  text-transform: uppercase;
  /*color:white;*/

}

.heading-row h2 {
  font-size: 42px;
  font-weight: 500;
  color: white;
  background-color: #28A9E1;
}

.home-img img {
  max-width: 30rem;

}

.offer-btnn {
  padding: 13px 11px !important;
}

.offer-btnn i {
  display: inline-flex;
  align-items: center;
  font-size: 3.2rem !important;

}

.offer-btnn span {
  line-height: 1.2;

}

.offer-btnn {
  transition: all 0.3s ease;
  border-radius: 8px;
}

.offer-btnn:hover {
  background-color: #28A9E1;
  color: #fff;
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.offer-btnn:hover i,
.offer-btnn:hover span {
  color: #fff !important;
}

.read-btn {
  width: auto !important;
  height: auto !important;
}

/*============================*/


.offering-img img {
  max-width: 25rem;
  border-radius: 8px;
  transition: transform 0.3s ease;
}
.offering-img img:hover {
  transform: scale(1.02);  
}


.last-list {
  padding: 5px 10px 25px 20px;
  background-color: #28A9E1;
  color: white;
  border-radius: 8px;
}

.last-list li {
  margin-top: 20px;
}







/*media query*/

@media (max-width: 768px) {
  .heading-row h1 {
    font-size: 62px;
  }

  .offering-img img {
    margin-top: 20px;
    max-width: 23rem;
  }

  .offer-btnn {
    height: 140px;
    width: 90%;
  }
}

@media (max-width: 450px) {
  .heading-row h1 {
    font-size: 31px;
    font-weight: 700;
    line-height: 50px;
  }

  .heading-row h2 {
    font-size: 28px;
  }

  .home-img img {
    max-width: 25rem;
  }
  .list-view li {
    padding-left: 0.2rem;
  }
  
    .footer-list li {
        padding-left: 2.5rem;
}
}


@media (max-width: 400px) {
  .home-img img {
    max-width: 19rem;
  }

  .offering-img img {
    max-width: 18rem;
  }
}