@import url("https://fonts.googleapis.com/css2?family=Sunflower:wght@300;500;700&&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
body .services {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .services .services-img {
  aspect-ratio: 4/3;
  background-color: rgba(0, 75, 147, 0.6);
  border-radius: 10px 18px 10px 18px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

@media only screen and (min-width: 1440px) {
  .services {
    padding: 150px 170px 60px 170px;
    gap: 40px;
  }
  .services .services-img {
    width: 350px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  .services {
    padding: 180px 120px 60px 120px;
    gap: 40px;
  }
  .services .services-img {
    width: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .services {
    padding: 110px 80px 40px 80px;
    gap: 20px;
  }
  .services .services-img {
    width: 150px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .services {
    padding: 110px 80px 40px 80px;
    gap: 30px;
    flex-direction: column;
  }
  .services .services-img {
    width: 250px;
  }
}
@media only screen and (max-width: 480px) {
  .services {
    padding: 70px 40px 40px 40px;
    gap: 20px;
    flex-direction: column;
  }
  .services .services-img {
    width: 70%;
  }
}/*# sourceMappingURL=services.css.map */