@media screen and (max-width: 1020px) {
  .hero {
    text-align: center;
    padding-top: 250px;
    height: 855px;
  }
  .hero .heading {
    font-size: 45px;
  }
  .hero .hero-text {
    width: 100%;
  }
  .hero .hero-btns {
    flex-direction: column;
  }
}
@media screen and (max-width: 540px) {
  .services .container {
    padding: 0 20px;
  }
  .services .container .services-paragraph {
    width: 100%;
  }
  .services .container .row {
    background-color: whitesmoke;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .services .container .row .col {
    width: 100%;
  }
  .services .container .row-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}/*# sourceMappingURL=mobile.css.map */