style.css

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

html,
body {
  overflow-x: hidden;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

img,
video {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0;
}

a {
  font-weight: 500;
  color: #0070f4;
}

.text-primary {
  color: #0070f4;
}

.bg-primary {
  background-color: #0070f4;
}

.primary-btn {
  background: #0070f4;
  border: none;
  border-radius: 3px;
  font-weight: 600;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  color: #ffffff !important;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  padding: 0 20px;
  transition: 0.3s all ease;
}

.primary-btn:hover,
.primary-btn:focus,
.primary-btn.active {
  opacity: 0.9;
}

.label {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
  display: block;
  margin-bottom: 5px;
}

.input {
  background: #f5f5f5;
  border: none;
  border-radius: 3px;
  height: 40px;
  padding: 0 15px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
  width: 100%;
  outline: none;
}

select.input {
  appearance: none;
  --webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='3' fill='%23E8E8E8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1953 13.5286C10.4556 13.2682 10.8777 13.2682 11.1381 13.5286L14 16.3905L16.8619 13.5286C17.1223 13.2682 17.5444 13.2682 17.8047 13.5286C18.0651 13.7889 18.0651 14.2111 17.8047 14.4714L14.4714 17.8047C14.2111 18.0651 13.7889 18.0651 13.5286 17.8047L10.1953 14.4714C9.93491 14.2111 9.93491 13.7889 10.1953 13.5286Z' fill='%23545454'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 6.66667C6 6.29848 6.29848 6 6.66667 6H11.3333C12.2174 6 13.0652 6.35119 13.6904 6.97631C14.3155 7.60143 14.6667 8.44928 14.6667 9.33333V17.3333C14.6667 17.7015 14.3682 18 14 18C13.6318 18 13.3333 17.7015 13.3333 17.3333V9.33333C13.3333 8.8029 13.1226 8.29419 12.7475 7.91912C12.3725 7.54405 11.8638 7.33333 11.3333 7.33333H6.66667C6.29848 7.33333 6 7.03486 6 6.66667Z' fill='%23545454'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px);
}

textarea.input {
  min-height: 200px;
  padding: 15px;
}

.navbar {
  padding: 0;
  border-bottom: 1px solid #e9e9e9;
  background-color: white;
  height: 65px;
  margin-bottom: 120px;
}

.navbar h1 {
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
  color: #000000;
}

.navbar h1 span:nth-child(2) {
  font-weight: 500;
}

main {
  min-height: calc(100vh - 370px);
}

main .left {
  max-width: 486px;
}

main .content {
  margin-bottom: 35px;
}

main .content h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 59px;
  color: #000000;
  margin-bottom: 15px;
}

main .content p {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #545454;
}

main .right {
  display: flex;
  justify-content: end;
  align-items: end;
  flex-direction: column;
  display: none;
}

main .right > * {
  max-width: 400px;
}

main .right img {
  max-width: 100%;
  max-height: 400px;
}

footer {
  border-top: 1px solid #e9e9e9;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 120px;
}

footer p {
  font-weight: 500;
  text-align: center;
}

@media (max-width: 991px) {
  main .right,
  main .left {
    align-items: center;
    margin: 0 auto;
  }

  main .left {
    margin-bottom: 2rem;
  }
}

@media (max-width: 425px) {
  .navbar h1 {
    font-size: 20px;
  }

  main .content h1 {
    font-size: 36px;
    line-height: 46px;
  }
}