@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700&family=Poppins:wght@700&display=swap");

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Open Sans", sans-serif;
  height: auto;
}

a.btn-nav {
  color: hsl(321, 100%, 78%);
  border: 1px solid hsl(321, 100%, 78%);
  border-radius: 50px;
  padding: 3px 20px;
}

.container-header {
  padding-top: 100px;
}

.container-header h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
}

.text-header {
  max-width: 500px;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
}

a.btn-header {
  background-color: hsl(322, 100%, 66%);
  border: 1px solid hsl(322, 100%, 66%);
  color: #fff;
  border-radius: 50px;
  padding: 12px 50px;
}

a.btn-header:hover {
  color: #fff;
}

p.total-num {
  font-size: 60px;
  font-weight: 700;
}

small {
  color: hsl(210, 6%, 80%);
  font-weight: 600;
}

/* section */
.bg-curve-mobile {
  width: -webkit-fill-available;
}

img.img-curve {
  width: 100%;
}

.container-section {
  background-color: hsl(207, 100%, 98%);
}

section.get-started {
  margin-top: 100px;
}

/* footer */
.container-footer,
footer.name {
  background-color: hsl(192, 100%, 9%);
  height: auto;
}

.newsletter {
  position: relative;
  top: -15px;
}

p.desc-newsletter {
  max-width: 350px;
}

input.input-subscribe {
  max-width: 330px;
  min-width: 300px;
  height: 45px;
  border: none;
  border-radius: 4px;
}

a.btn-input {
  color: #fff;
  background-color: hsl(321, 100%, 78%);
  padding-top: 10px;
  width: 110px;
  height: 44px;
  border: none;
  border-radius: 4px;
  margin-left: 30px;
  margin-bottom: 4px;
}

footer .img-contact {
  width: 15px;
  height: 15px;
}

@media (max-width: 575.98px) {
  .input-footer {
    max-width: 330px;
    min-width: 300px;
    display: block;
  }

  a.btn-input {
    margin-right: 20px;
  }
}