@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400&display=swap');

body {
  font-family: Nunito !important;
}

.fade-border {
  border-top: 1px solid transparent;
  background-image: linear-gradient(to right, rgba(222, 226, 230, 0), rgba(222, 226, 230, 1), rgba(222, 226, 230, 1), rgba(222, 226, 230, 0));
  background-size: 100% 1px;
  background-position: top;
  background-repeat: no-repeat;
}

.fade-border-bottom {
  border-bottom: 1px solid transparent;
  background-image: linear-gradient(to right, rgba(222, 226, 230, 0), rgba(222, 226, 230, 1), rgba(222, 226, 230, 1), rgba(222, 226, 230, 0));
  background-size: 100% 1px;
  background-position: bottom;
  background-repeat: no-repeat;
}

.div-center {
  margin: auto;
  width: 50%;
}

.hide {
  display: none !important;
}

.btn-info-dark {
  background-color: #25474d !important;
  color: white !important;
  border-color: #17a2b8 !important;
}

.btn-outline-info-dark {
  color: #fff !important;
  border-color: #17a2b8 !important;
}

.btn-outline-info-dark:hover {
  background-color: #25474d !important;
}

.home-title {
  font-size: 55px;
}

/* EFEITO DO INPUT */
.input-group {
  position: relative;
  height: 100%;
}

.input {
  border: solid 1.5px #17a2b833;
  border-radius: 4px;
  background: none;
  padding: 6px 16px;
  font-size: 1rem;
  color: #f5f5f5;
  transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.user-label {
  position: absolute;
  left: 15px;
  bottom: 12px;
  color: #e8e8e8;
  pointer-events: none;
  transform: translateY(1rem);
  transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.input,
input:valid {
  outline: none;
  border: 1.5px solid #17a2b8;
}

.input~label,
input:valid~label {
  transform: translateY(-50%) scale(0.8);
  bottom: 8px;
  background-color: #101011;
  padding: 0 .2em;
  color: rgb(248, 249, 250);
}

.wpcb-container {
  border: 1px solid #17a2b8 !important;
  border-radius: 4px;
}

.wpcb-btn {
  border-radius: 4px;
}

@media screen and (min-width: 1400px) {
  .home-title {
    font-size: 60px !important;
  }
}


@media screen and (max-width: 1200px) {
  .home-title {
    font-size: 40px !important;
  }
}

@media screen and (max-width: 992px) {
  .home-title {
    font-size: 40px !important;
  }

  .home-h3 {
    font-size: 24px !important;
  }

  .home-h1 {
    font-size: 32px !important;
  }
}

@media screen and (max-width: 768px) {
  .home-title {
    font-size: 40px !important;
  }
}

@media screen and (max-width: 576px) {}